/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ====================================================================
   MENU FIX - Poprawka nachodzenia znaku ">" na tekst podkategorii
   Data: 2026-06-06
   Problem: Znak ">" (strzałka) nachodzi na nazwy podkategorii w mega menu
   Rozwiązanie: Zwiększenie padding-left i poprawienie pozycjonowania
   ==================================================================== */

/* Zwiększenie padding-left dla linków podkategorii, aby zrobić miejsce na strzałkę */
.cbp-hrmenu .cbp-links li a {
  padding-left: 16px !important; /* Zmieniono z 10px na 16px */
  position: relative;
}

/* Upewnienie się, że pseudo-element ::before (strzałka) jest prawidłowo pozycjonowany */
.cbp-hrmenu .cbp-links li a:before {
  position: absolute !important;
  left: 2px !important; /* Odsuwa strzałkę od lewej krawędzi */
  top: 50%;
  transform: translateY(-50%); /* Wyśrodkowanie pionowe */
}

/* Poprawka dla linków z podpoziomami (poziom 2 i 3) */
.cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2 > div > a,
.cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3 > div > a {
  padding-left: 16px !important;
}

/* Dodatkowy odstęp dla strzałek w elementach z podpoziomami */
.cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2 > div > a:after,
.cbp-hrmenu .cbp-links li .cbp-hrsub-haslevel3 > div > a:after {
  padding-left: 6px !important; /* Zwiększono z 4px na 6px */
}

/* Zapewnienie czytelności - ustawienie wysokości linii */
.cbp-hrmenu .cbp-links li a {
  line-height: 1.6; /* Komfortowa wysokość linii */
  display: inline-block;
}

/* Marginesy między elementami listy dla lepszej czytelności */
.cbp-hrmenu .cbp-links li {
  margin: 4px 0; /* Zwiększono z 3px na 4px */
}

/* Hover effect - zachowanie animacji bez nachodzenia tekstu */
.cbp-hrmenu .cbp-links li a:hover:before {
  left: 4px !important; /* Zmieniono z 3px na 4px */
}

/* ====================================================================
   HOMEPAGE & FOOTER FIX - Poprawki strony głównej i stopki
   Data: 2026-06-06
   ==================================================================== */

/* ZADANIE 1 & 2: Zmniejszenie kafelków informacyjnych */
.elementor-widget-icon-box {
  /* Zmniejszenie wysokości całego kafelka */
}

.elementor-widget-icon-box .elementor-icon-box-wrapper {
  padding: 15px 10px !important; /* Zmniejszono padding wewnętrzny */
  min-height: auto !important;
}

.elementor-widget-icon-box .elementor-icon-box-icon {
  margin-bottom: 10px !important; /* Zmniejszono odstęp */
}

.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
  font-size: 2.5rem !important; /* Zmniejszono ikony o ~15% (z ~3rem) */
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon i {
  font-size: 2.5rem !important;
}

.elementor-widget-icon-box .elementor-icon-box-title {
  margin-bottom: 8px !important; /* Zmniejszono odstęp */
  font-size: 1rem !important; /* Zmniejszono rozmiar tytułu */
}

.elementor-widget-icon-box .elementor-icon-box-description {
  font-size: 0.85rem !important; /* Zmniejszono rozmiar opisu */
  line-height: 1.4 !important;
}

/* Kafelki mają być klikalne - dodajemy pointer i hover effect */
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  cursor: pointer !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-widget-icon-box .elementor-icon-box-wrapper:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 12px rgba(201, 168, 76, 0.2) !important;
}

/* ZADANIE 3: Ukrycie tekstu technicznego z sekcji Bestsellery */
.elementor-text-editor p:has-text("Niżej zostaje klasyczny blok"),
.elementor-text-editor:has(p:contains("Niżej zostaje klasyczny blok")) {
  display: none !important;
}

/* Alternatywne podejście - ukrycie przez content */
.rte-content p {
  /* Sprawdzimy zawartość i ukryjemy w JavaScript */
}

/* Deploy-safe mirror of local DB-only homepage cleanup:
   production snapshot still renders the old bprkdy4 section, while local no longer has it. */
body.page-index .elementor-element-bprkdy4,
#index #content.page-home .elementor-element-bprkdy4 {
  display: none !important;
}

/* ZADANIE 4-6: Footer - ukrycie błędnych pozycji i poprawki */

/* Ukrycie stron CMS z footera "Informacje" (Dla Niego, Dla Par, Wibratory, Dla Niej) */
#footer .links a[href*="/content/6-dla-niej"],
#footer .links a[href*="/content/7-dla-niego"],
#footer .links a[href*="/content/8-dla-par"],
#footer .links a[href*="/content/9-wibratory"],
#footer .links a[href*="kuracja-oferty"],
#footer .footer-container a[href*="/content/6-dla-niej"],
#footer .footer-container a[href*="/content/7-dla-niego"],
#footer .footer-container a[href*="/content/8-dla-par"],
#footer .footer-container a[href*="/content/9-wibratory"],
#footer .footer-container a[href*="kuracja-oferty"] {
  display: none !important;
}

/* Ukrycie całych elementów li jeśli zawierają te linki */
#footer .links li:has(a[href*="/content/6-dla-niej"]),
#footer .links li:has(a[href*="/content/7-dla-niego"]),
#footer .links li:has(a[href*="/content/8-dla-par"]),
#footer .links li:has(a[href*="/content/9-wibratory"]),
#footer .links li:has(a[href*="kuracja-oferty"]),
#footer .footer-container li:has(a[href*="/content/6-dla-niej"]),
#footer .footer-container li:has(a[href*="/content/7-dla-niego"]),
#footer .footer-container li:has(a[href*="/content/8-dla-par"]),
#footer .footer-container li:has(a[href*="/content/9-wibratory"]),
#footer .footer-container li:has(a[href*="kuracja-oferty"]) {
  display: none !important;
}

/* ZADANIE 6: Ukrycie newslettera z footera */
#footer .block-newsletter,
#footer #block-newsletter,
#footer [class*="newsletter"],
.footer-container .block-newsletter,
.footer-container #block-newsletter {
  display: none !important;
}

/* ====================================================================
   FOOTER REDESIGN - Premium styling dla footera
   Data: 2026-06-06
   ==================================================================== */

/* ZADANIE 1-3: Ukrycie nieprawidłowych linków (Dla Niej, Dla Niego, Dla Par, Wibratory, Kuracja Oferty) */
#footer .block-iqitlinksmanager li:has(a[href*="/content/6-dla-niej"]),
#footer .block-iqitlinksmanager li:has(a[href*="/content/7-dla-niego"]),
#footer .block-iqitlinksmanager li:has(a[href*="/content/8-dla-par"]),
#footer .block-iqitlinksmanager li:has(a[href*="/content/9-wibratory"]),
#footer .block-iqitlinksmanager li:has(a[href*="/content/13-kuracja-oferty"]) {
  display: none !important;
}

/* Alternatywne ukrycie przez same linki jeśli :has() nie działa */
#footer .block-iqitlinksmanager a[href*="/content/6-dla-niej"],
#footer .block-iqitlinksmanager a[href*="/content/7-dla-niego"],
#footer .block-iqitlinksmanager a[href*="/content/8-dla-par"],
#footer .block-iqitlinksmanager a[href*="/content/9-wibratory"],
#footer .block-iqitlinksmanager a[href*="/content/13-kuracja-oferty"] {
  display: none !important;
}

/* ZADANIE 2: Usunięcie znaków ">" przed linkami (jeśli są dodawane przez ::before) */
#footer .block-iqitlinksmanager ul li a::before,
#footer .block-iqitlinksmanager ul li::before,
#footer .block-links ul li a::before,
#footer .block-links ul li::before {
  display: none !important;
  content: "" !important;
}

/* ZADANIE 3: Tytuł kolumny "Informacje" - złoty kolor premium */
#footer .block-iqitlinksmanager .block-title,
#footer .block-iqitlinksmanager h5 {
  color: #c9a84c !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* ZADANIE 4: Premium styling dla listy linków */
#footer .block-iqitlinksmanager ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

#footer .block-iqitlinksmanager ul li {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
}

#footer .block-iqitlinksmanager ul li a {
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: block !important;
  padding: 4px 0 !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  padding-left: 0 !important; /* Bez wcięcia, równo wyrównane */
}

/* ZADANIE 5: Elegancki hover ze złotym akcentem */
#footer .block-iqitlinksmanager ul li a:hover {
  color: #c9a84c !important;
  transform: translateX(3px) !important;
  text-decoration: none !important;
}

/* Subtelna złota kreska przy hover (opcjonalnie) */
#footer .block-iqitlinksmanager ul li a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 2px !important;
  width: 0 !important;
  height: 1px !important;
  background-color: #c9a84c !important;
  transition: width 0.3s ease !important;
}

#footer .block-iqitlinksmanager ul li a:hover::after {
  width: 20px !important;
}

/* ZADANIE 6: Poprawa ogólnego wyglądu całego footera */
#footer {
  background-color: #1a1a1a !important; /* Ciemne tło premium */
  color: rgba(255, 255, 255, 0.68) !important;
  padding: 40px 0 20px 0 !important;
}

#footer .footer-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Wszystkie bloki footera - jednolity styl */
#footer .block {
  margin-bottom: 30px !important;
}

#footer .block-title {
  color: #c9a84c !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Footer dolny (copyright itp.) */
#footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 20px !important;
  margin-top: 30px !important;
}

/* Responsywność - zachowanie na mobile */
@media (max-width: 767px) {
  .elementor-widget-icon-box .elementor-icon-box-wrapper {
    padding: 12px 8px !important;
  }

  .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
    font-size: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
  }

  #footer {
    padding: 30px 15px 15px 15px !important;
  }

  #footer .block-iqitlinksmanager ul li a {
    font-size: 13px !important;
  }
}

/* ====================================================================
   SPRINT 1A - ZADANIE 6: Ukrycie technicznej etykiety "Brutto" pod ceną
   Data: 2026-06-09
   Powod: konfiguracja podatku (PS_TAX_DISPLAY) musi pozostac wlaczona
          (nie wolno zmieniac ustawien podatku) - etykieta tax_long ("Brutto")
          to goly wezel tekstowy w .tax-shipping-delivery-label, ktory zawiera
          tez informacje o dostawie, wiec nie da sie go ukryc czystym CSS bez
          owijania. Etykieta zostala owinieta w <span class="product-tax-label">
          w themes/warehouse/templates/catalog/_partials/product-prices.tpl
          (zmiana prezentacyjna - kalkulacja ceny i podatku nietknieta).
   Status: docelowe (front-end). Reszta div .tax-shipping-delivery-label
          (dostawa, hooki ceny) pozostaje widoczna.
   ==================================================================== */
.product-tax-label {
  display: none !important;
}

/* Deploy-safe mirror of local DB-only product layout:
   production snapshot still has pp_sidebar=2, local has it hidden. */
body.page-product .product-sidebar,
#product #main-product-wrapper .product-sidebar {
  display: none !important;
}

/* Fallback for production before Smarty picks up the wrapped tax label.
   Hides raw text nodes like "Brutto" but keeps child elements visible. */
body.page-product .tax-shipping-delivery-label {
  font-size: 0 !important;
  line-height: 0 !important;
}

body.page-product .tax-shipping-delivery-label > * {
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
}

@media (min-width: 768px) {
  body.page-product .product-info-row > .col-product-image,
  #product #main-product-wrapper .col-product-image {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  body.page-product .product-info-row > .col-product-info,
  #product #main-product-wrapper .col-product-info {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}