/* WERSJA-PLIKU: 2026-08-05-v4
   =============================================================
   Bridartis / New Horizon
   Kompletny arkusz nadpisan - wersja 4

   Odtworzenie wygladu sklepu PrestaShop 1.7.2.5
   na motywie Classic 2.2.0 (PrestaShop 8.2.7)

   Miejsce docelowe:
     themes/classic/assets/css/custom.css

   To jest CALY plik. Niczego nie trzeba dopisywac.
   Po wgraniu wyczysc cache w Ustawieniach zaawansowanych.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600&display=swap');

:root {
  --bridartis-szalwia:        #bcd1ca;  /* ramki kafli produktow */
  --bridartis-szalwia-jasna:  #b4d2cb;  /* naglowki sekcji */
  --bridartis-szalwia-ciemna: #80ab9f;  /* gorny pasek, hovery */
  --bridartis-czern:          #232323;
  --bridartis-stopka:         #ebebeb;
  --bridartis-szary-jasny:    #f6f6f6;
}


/* =============================================================
   1. TLO I RAMY STRONY
   Classic 8.2 daje szare tlo, stary sklep mial biale.
   ============================================================= */

body,
#wrapper {
  background: #fff;
}

#wrapper {
  box-shadow: none;
}

/* Stary motyw mial kontener na 95% szerokosci okna.
   Classic 8.2 trzyma sztywne 1140 px z Bootstrapa. */
.container {
  width: 95%;
  max-width: 100%;
}


/* =============================================================
   2. TYPOGRAFIA
   ============================================================= */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  color: #373a3c;
}

/* Naglowki sekcji na stronie glownej - podpis wizualny sklepu.
   Cormorant, jasna szalwia, bez wersalikow, wysrodkowane. */
.featured-products h1,
.featured-products h2,
.featured-products .h1,
.featured-products .h2,
h2.products-section-title,
.products-section-title,
#custom-text h1,
#custom-text h2,
#custom-text h3,
#custom-text .h1,
#custom-text .h2 {
  font-family: "Cormorant", Georgia, "Times New Roman", serif !important;
  text-transform: none !important;
  font-size: 2.7rem !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: var(--bridartis-szalwia-jasna) !important;
  text-align: center !important;
  margin: 3.2rem 0 !important;
  letter-spacing: 0 !important;
}

#custom-text h1,
#custom-text h2,
#custom-text h3,
#custom-text .h1,
#custom-text .h2 {
  margin: 1.5rem 0 !important;
}

.featured-products h1,
.featured-products .h1 {
  margin-bottom: 1.25rem !important;
}

.featured-products p,
#custom-text p {
  font-size: .9em;
  text-align: center;
}

/* Naglowek strony kategorii i produktu - tu byly wersaliki */
.page-header h1,
#main .page-header h1,
.block-category .h1 {
  text-transform: uppercase;
  font-weight: 300;
  color: var(--bridartis-czern);
  font-size: 1.375rem;
}


/* =============================================================
   3. KOLORYSTYKA
   Classic 8.2 koloruje wszystko na cyjan #24b9d7.
   ============================================================= */

a {
  color: var(--bridartis-czern);
}

a:hover,
a:focus {
  color: var(--bridartis-szalwia-ciemna);
}

.product-price,
.product-price-and-shipping .price,
.current-price span,
.product-miniature .price {
  color: var(--bridartis-czern);
  font-weight: 700;
}

.product-miniature .product-title,
.product-miniature .product-title a,
.js-product-miniature .product-title a {
  font-weight: 400;
  font-size: .9rem;
  color: #7a7a7a;
  text-transform: none;
}

.has-discount .discount,
.product-flags .discount {
  background: var(--bridartis-szalwia-ciemna);
}

.alert-info {
  background-color: var(--bridartis-szalwia-jasna);
  border-color: var(--bridartis-szalwia);
  color: var(--bridartis-czern);
}


/* =============================================================
   4. GORNY PASEK NAD NAGLOWKIEM
   Wymaga nadpisania header.tpl - tutaj samo stylowanie.
   ============================================================= */

.header-banner {
  background: var(--bridartis-szalwia-ciemna);
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px;
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
}

.header-banner a,
.header-banner a:hover {
  color: #fff;
  text-decoration: underline;
}

.header-banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-banner ul li {
  display: inline-block;
  margin: 2px 12px 2px 0;
}

.header-banner .col-md-6 {
  float: left;
}

.header-banner-wysylka {
  text-align: right;
  margin: 2px 0;
}

@media (max-width: 767px) {
  .header-banner .col-md-6,
  .header-banner-wysylka {
    text-align: center;
    float: none;
  }
}


/* =============================================================
   5. NAGLOWEK
   ============================================================= */

#header {
  background: #fff;
  color: var(--bridartis-czern);
  box-shadow: none;
}

#header a {
  color: var(--bridartis-czern);
}

#header .header-nav {
  background: #fff;
  color: var(--bridartis-czern);
  box-shadow: none;
  margin-bottom: .625rem;
}

#header .header-top {
  box-shadow: none;
  padding-bottom: 0;
}

/* Wyszukiwarka na srodku naglowka */
.socsearch {
  padding-top: 1.5rem;
}

.socsearch #search_widget,
.socsearch .search-widget form {
  width: 100%;
  max-width: none;
}


/* =============================================================
   6. MENU W DWOCH RZEDACH
   Wymaga nadpisania ps_mainmenu.tpl.
   Pierwszy rzad: tylko kategorie 3, 159 i 207.
   Drugi rzad: cala reszta.
   ============================================================= */

#_desktop_top_menu {
  width: 100%;
}

.choosecat {
  display: none;
  color: gray;
  text-transform: uppercase;
}

.choosecat p {
  color: #adadad;
  font-size: 10px;
  margin: 0;
}

#_desktop_top_menu > .choosecat {
  display: block !important;
}

.choosecat-druga {
  margin-top: 10px;
}

#_desktop_top_menu > .top-menu-11 {
  width: 100% !important;
  border: solid #d1d1d1;
  border-width: 1px 0;
  display: block;
  min-height: 44px;
  padding: 8px 0;
  margin: 0;
}

/* Pierwszy rzad: cztery pierwsze pozycje (Slubne, Chrzest, Urodziny, Komunia).
   Oparte na kolejnosci, nie na identyfikatorach kategorii - Classic 8.2
   nadaje im inne id niz 1.7.2.
   Selektor z identyfikatorem rodzica plus !important, bo theme.css
   Classica ustawia wyswietlanie pozycji menu regula o wysokiej wadze. */
#_desktop_top_menu > ul.top-menu-11 > li {
  display: none !important;
}

#_desktop_top_menu > ul.top-menu-11 > li:nth-child(-n+4) {
  display: inline-block !important;
}

#_desktop_top_menu > ul.top-menu-11 > li:nth-child(-n+4) > a {
  font-size: 17px !important;
  padding: 0 20px;
}

#_desktop_top_menu > ul.top-menu-11 > li:nth-child(1),
#_desktop_top_menu > ul.top-menu-11 > li:nth-child(2),
#_desktop_top_menu > ul.top-menu-11 > li:nth-child(3) {
  border-right: 1px solid black;
}

/* Drugi rzad: cala reszta, bez czterech pierwszych */
#_desktop_top_menu > ul.top-menu:not(.top-menu-11) > li:nth-child(-n+4) {
  display: none !important;
}

#_desktop_top_menu > ul.top-menu:not(.top-menu-11) > li > a {
  font-size: 12px;
  padding: 2px 10px;
}

/* Wyroznienie pozycji "Produkty z wysylka w 24H" */
#_desktop_top_menu > ul.top-menu:not(.top-menu-11) > li:nth-child(5) > a {
  background: var(--bridartis-szalwia);
  padding: 3px 8px;
}


/* =============================================================
   7. PRZYCISKI
   Biale tlo, czarna ramka, wersaliki, cienki kroj.
   ============================================================= */

.btn-primary {
  color: var(--bridartis-czern);
  background-color: #fff;
  border: 1px solid var(--bridartis-czern);
  text-transform: uppercase;
  font-weight: 300;
  padding: .5rem 1.25rem;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--bridartis-czern);
  border-color: var(--bridartis-czern);
  box-shadow: none;
}

.btn-secondary,
.btn-tertiary {
  color: var(--bridartis-czern);
  background-color: var(--bridartis-szary-jasny);
  border-color: transparent;
  text-transform: uppercase;
  font-weight: 300;
  padding: .5rem 1.25rem;
}

.btn-secondary:hover,
.btn-tertiary:hover {
  background-color: var(--bridartis-szalwia-jasna);
  color: var(--bridartis-czern);
}

/* Przycisk "Zamow Probke" z karty produktu */
.zamowprobke {
  background: #808080 !important;
  color: #fff !important;
  border-color: #808080 !important;
  margin: 0 10px;
  float: left;
}

.btn,
.form-control,
.custom-radio,
.input-group .form-control {
  border-radius: 0;
}


/* =============================================================
   8. KAFLE PRODUKTOW
   Sygnaturowa 5-pikselowa ramka w szalwii.
   ============================================================= */

/* Stary sklep NIE mial ramek wokol kafli - wprost "border: none".
   Cienka obwodka z zaokragleniem otaczala samo zdjecie. */
.product-miniature .thumbnail-container,
.js-product-miniature .thumbnail-container,
#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container {
  border: none;
  box-shadow: none;
  background: #fff;
}

.thumbnail-container > a {
  display: block;
  overflow: hidden;
  border: 1px solid #dedede;
  border-radius: 10px;
  padding: 0;
  margin: 0;
}

.card {
  border-radius: 0;
  box-shadow: none;
}

.block-category {
  min-height: 13.75rem;
  margin-bottom: 1.563rem;
  padding-bottom: 0;
}


/* =============================================================
   9. STOPKA
   ============================================================= */

#footer {
  background: var(--bridartis-stopka);
  padding-top: 1rem;
}

.footer-container {
  background: #fff;
  box-shadow: none;
  margin-top: 0;
  padding-top: 1.25rem;
  overflow: hidden;
}

#footer a,
.footer-container a {
  color: var(--bridartis-czern);
}

#footer a:hover,
.footer-container a:hover {
  color: var(--bridartis-szalwia-ciemna);
}

#wrapper .banner img,
#footer img {
  box-shadow: none;
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}


/* =============================================================
   10. DROBIAZGI
   ============================================================= */

.stlazyloading_holder {
  display: none;
}


/* =============================================================
   11. PASEK ODZNAK W STOPCE I BANER
   Style odtworzone z bloku <style> wpisanego w stara stopke.
   ============================================================= */

.stopkamenu {
  padding: 1rem 0;
  margin: 2rem 0 0;
}

.stopkamenu img {
  width: 100%;
  height: auto;
}

#footer .block-social2 {
  margin-top: 10px;
  padding: 0 31px;
  width: 202px;
  text-align: left;
  border-right: 1px solid #dfdfdf;
  float: left;
}

#footer .block-social3 {
  margin-top: 10px;
  width: 289px;
  text-align: left;
  border-right: 1px solid #dfdfdf;
  float: left;
}

@media (max-width: 1199px) {
  #footer .block-social2 {
    width: 24%;
    height: 100px;
    padding: 1px 1%;
    float: left;
    border: none !important;
  }
  #footer .block-social2 img {
    width: 100% !important;
    height: auto !important;
  }
  #footer .block-social3 {
    width: 100%;
    height: 100px;
    padding: 1px 11%;
    float: left;
    text-align: center;
    border: none !important;
  }
  #footer .block-social3 img {
    width: 71% !important;
    height: auto !important;
  }
}

@media (max-width: 499px) {
  #footer .block-social2 {
    width: 49%;
    height: 100px;
    padding: 1px 7%;
    float: left;
    border: none !important;
  }
  #footer .block-social2 img,
  #footer .block-social3 img {
    width: 100% !important;
    height: auto !important;
  }
  #footer .block-social3 {
    width: 100%;
    height: 100px;
    padding: 1px 11%;
    float: left;
    border: none !important;
  }
}

/* Akapit o prawach autorskich - w oryginale wersaliki, 9 px */
.prawaautorskie {
  margin-bottom: 19px;
  font-size: 9px;
  text-transform: uppercase;
  color: gray;
  line-height: 1.6;
}

.prawaautorskie > img {
  float: left;
  margin-right: 10px;
}

/* Baner na cala szerokosc kontenera */
#wrapper .banner,
.banner {
  display: block;
  margin-bottom: 1.5rem;
}

#wrapper .banner img,
.banner img {
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
  box-shadow: none;
}


/* =============================================================
   12. WYSZUKIWARKA
   Classic 8.2 uzywa w naglowku klasy "search-widgets" (z koncowka -s),
   dlatego celujemy w obie nazwy.
   Stary sklep: pigulka na tle #f1f1f1, bez ramki, lupa po prawej.
   ============================================================= */

.header-top .search-widget,
.header-top .search-widgets {
  float: none;
  min-width: 0;
  max-width: 430px;
  margin: 1.25rem auto 0;
  padding: 0 .9375rem;
}

.header-top .search-widget form,
.header-top .search-widgets form {
  position: relative;
  max-width: 430px;
  margin: 0 auto;
  border: none;
}

.search-widget form input[type="text"],
.search-widgets form input[type="text"],
.header-top .search-widget form input[type="text"],
.header-top .search-widgets form input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 45px 10px 19px !important;
  border: none !important;
  border-radius: 24px !important;
  background: #f1f1f1 !important;
  color: var(--bridartis-czern);
  font-size: 14px;
  box-shadow: none !important;
}

.search-widget form input[type="text"]:focus,
.search-widgets form input[type="text"]:focus,
.header-top .search-widget form input[type="text"]:focus,
.header-top .search-widgets form input[type="text"]:focus {
  outline: 1px solid gray;
  background: #fff;
  color: var(--bridartis-czern);
}

.search-widget form button[type="submit"],
.search-widgets form button[type="submit"],
.header-top .search-widget form button[type="submit"],
.header-top .search-widgets form button[type="submit"] {
  position: absolute;
  top: 50%;
  right: .75rem;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
  padding: 0;
  background: none;
  border: none;
  color: #828282;
}

.search-widget form button[type="submit"]:hover,
.search-widgets form button[type="submit"]:hover {
  color: var(--bridartis-czern);
}

#search_widget .material-icons,
.search-widgets .material-icons {
  font-size: 24px !important;
}


/* =============================================================
   13. NEWSLETTER
   Wspolpracuje z nadpisanym szablonem ps_emailsubscription.tpl.
   ============================================================= */

.block_newsletter.bridartis-newsletter {
  flex: 0 0 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 3.25rem 1rem;
  background: var(--bridartis-szalwia-jasna);
  border: none;
  text-align: center;
}

.bridartis-newsletter__inner {
  max-width: 620px;
  margin: 0 auto;
}

.bridartis-newsletter__title {
  margin: 0 0 .5rem;
  font-family: "Cormorant", Georgia, "Times New Roman", serif;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.15;
  color: #fff;
}

.bridartis-newsletter__lead {
  margin: 0 0 1.75rem;
  font-size: .95rem;
  line-height: 1.5;
  color: #fff;
  opacity: .9;
}

.bridartis-newsletter__form {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
}

.bridartis-newsletter__form input[type="email"] {
  flex: 1 1 300px;
  max-width: 380px;
  height: 46px;
  padding: 0 1.25rem;
  border: none;
  border-radius: 23px;
  background: #fff;
  color: var(--bridartis-czern);
  box-shadow: none;
}

.bridartis-newsletter__form input[type="email"]:focus {
  outline: 2px solid var(--bridartis-szalwia-ciemna);
}

.bridartis-newsletter__form input[type="submit"] {
  height: 46px;
  padding: 0 2rem;
  border: 1px solid var(--bridartis-czern);
  border-radius: 23px;
  background: var(--bridartis-czern);
  color: #fff;
  font-weight: 300;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
}

.bridartis-newsletter__form input[type="submit"]:hover {
  background: #fff;
  color: var(--bridartis-czern);
}

.bridartis-newsletter__legal {
  margin: 1.25rem 0 0;
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  opacity: .75;
}

.bridartis-newsletter__legal a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 575px) {
  .bridartis-newsletter__title { font-size: 1.9rem; }
  .bridartis-newsletter__form input[type="email"],
  .bridartis-newsletter__form input[type="submit"] { flex: 1 1 100%; max-width: none; }
}


/* =============================================================
   14. SIATKA PRODUKTOW
   Piec kafli w rzedzie zamiast domyslnych czterech.
   ============================================================= */

@media (min-width: 1200px) {
  .featured-products .products > .js-product,
  #products .products > .js-product,
  .product-accessories .products > .js-product {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.featured-products .all-product-link,
#products .all-product-link {
  clear: both;
  margin: 1.5rem 0;
  font-weight: 700;
  color: var(--bridartis-czern);
}


/* =============================================================
   15. IKONA LUPY, KOSZYK I LOGOWANIE
   W Classicu 8.2 lupa to <i class="material-icons search">
   wstawiona przed polem, a nie przycisk - stad osobne reguly.
   ============================================================= */

.header-top .search-widget form,
.header-top .search-widgets form {
  position: relative;
}

.search-widget form i.material-icons.search,
.search-widgets form i.material-icons.search,
.header-top .search-widget form i.search,
.header-top .search-widgets form i.search {
  position: absolute !important;
  top: 50% !important;
  right: .85rem !important;
  bottom: auto !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  color: #828282;
  font-size: 22px !important;
  pointer-events: none;
  z-index: 2;
}

.search-widget form i.material-icons.clear,
.search-widgets form i.material-icons.clear {
  display: none;
}

/* ---------- koszyk i logowanie ---------- */

#header .header-top #_desktop_user_info,
#header .header-top #_desktop_cart,
#_desktop_user_info,
#_desktop_cart {
  position: relative;
  display: block !important;
  float: right !important;
  width: 61px !important;
  max-width: 61px !important;
  margin: 1.6rem 20px 0 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.25;
  text-align: center !important;
}

#_desktop_user_info .user-info,
#_desktop_cart .blockcart {
  height: auto;
  padding: 0;
  margin: 0;
  background: none;
  text-align: center;
  white-space: normal;
}

#_desktop_user_info a,
#_desktop_cart a {
  display: block;
  color: var(--bridartis-czern);
}

#_desktop_user_info img,
#_desktop_cart img {
  display: block !important;
  margin: 0 auto 2px !important;
  width: 26px !important;
  max-width: 26px !important;
  height: auto !important;
}

#_desktop_user_info img {
  margin-left: auto;
}

#_desktop_user_info span,
#_desktop_cart span {
  display: block !important;
  color: var(--bridartis-szalwia-ciemna);
  font-size: 11px !important;
  line-height: 1.2;
}

#_desktop_cart .cart-products-count {
  color: var(--bridartis-czern);
  font-weight: 700;
}

#_desktop_user_info .material-icons,
#_desktop_cart .material-icons {
  display: none;
}

#_desktop_user_info .logout {
  margin-top: 2px;
  font-size: 10px;
  color: #7a7a7a;
}