/* =====================================================================
   PLON PHARM — STYL GLOBALNY v6 (cała witryna)
   Ładowany na każdej stronie przez functions.php.

   Zasada: nagłówek, stopka, tło i kolory marki — pełny styl v6.
   WooCommerce (sklep, koszyk, konto) — TYLKO bezpieczne akcenty
   (kolory, przyciski, typografia). Układ/siatki Woo zostają nietknięte,
   żeby nic się nie rozjechało.
   ===================================================================== */

:root{
  --lime:#97D700;
  --lime-deep:#6FA000;
  --forest:#1E3A24;
  --forest-2:#16291C;
  --forest-soft:#2C5234;
  --amber:#C77F2A;
  --cream:#F7F8F2;
  --cream-warm:#EFF1E6;
  --ink:#222820;
  --ink-soft:#5A6152;
  --line:rgba(30,58,36,.12);
  --shadow-sm:0 2px 10px rgba(30,58,36,.07);
  --shadow:0 20px 55px -22px rgba(30,58,36,.30);
  --shadow-lg:0 45px 95px -32px rgba(30,58,36,.38);
  --font-display:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --maxw:1260px;--r:18px;--r-lg:26px;
}

/* ---------- PODSTAWA / TŁO ---------- */
body.plon-v6{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.plon-v6 img{max-width:100%;height:auto}
body.plon-v6 a{color:inherit;text-decoration:none}
body.plon-v6 h1,
body.plon-v6 h2,
body.plon-v6 h3,
body.plon-v6 h4{
  font-family:var(--font-display);
  font-weight:700;line-height:1.15;color:var(--forest);letter-spacing:-.02em;
}
.plon-v6 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* Odsuń treść spod przyklejonego nagłówka na podstronach
   (na stronie głównej hero ma własny padding, tam to nie przeszkadza) */
body.plon-v6:not(.home):not(.page-template) .plon-hdr{ position:sticky; }

/* ---------- PRZYCISKI (spójne z v6) ---------- */
.plon-v6 .btn{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);
  font-weight:600;font-size:15px;padding:15px 28px;border-radius:100px;cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s;border:none;
}
.plon-v6 .btn-lime{background:var(--lime);color:var(--forest)}
.plon-v6 .btn-lime:hover{transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(151,215,0,.6)}
.plon-v6 .btn svg{width:18px;height:18px}

/* =====================================================================
   NAGŁÓWEK v6 — wspólny dla całej strony
   ===================================================================== */
.plon-hdr{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .35s ease}
.plon-hdr.scrolled{background:rgba(247,248,242,.92);backdrop-filter:blur(14px);padding:9px 0;box-shadow:var(--shadow-sm)}
.plon-hdr .nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.plon-hdr .logo-stack{display:inline-flex;align-items:center;height:44px}
.plon-hdr .logo-stack img{height:40px;width:auto;transition:height .35s}
.plon-hdr .nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.plon-hdr .nav-links a{font-size:15px;font-weight:500;color:var(--forest);transition:color .25s;position:relative}
.plon-hdr .nav-links a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--lime);transition:width .3s}
.plon-hdr .nav-cart-mobile{display:none}
.plon-hdr .nav-links a:hover::after{width:100%}
.plon-hdr .nav-cta{display:flex;align-items:center;gap:14px}
.plon-hdr .cart-link{display:flex;align-items:center;gap:8px;color:var(--forest);font-weight:500;font-size:15px}
.plon-hdr .cart-ic-wrap{position:relative;display:inline-flex;align-items:center}
.plon-hdr .plon-cart-count{
  position:absolute;top:-8px;right:-9px;min-width:18px;height:18px;padding:0 5px;
  background:var(--lime);color:var(--forest);border-radius:100px;
  font-family:var(--font-body);font-size:11px;font-weight:700;line-height:18px;text-align:center;
  display:none;box-shadow:0 2px 6px rgba(30,58,36,.25);
}
.plon-hdr .plon-cart-count.has-items{display:block}
.plon-hdr .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.plon-hdr .burger span{width:24px;height:2px;background:var(--forest);transition:.3s;border-radius:2px}

/* Na podstronach (nie-home) nagłówek od razu na jasnym tle,
   żeby ciemne menu było czytelne na kremowym tle. */
body.plon-v6:not(.home) .plon-hdr{
  position:sticky;background:rgba(247,248,242,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);
}

/* NAPRAWA: Elementor na stronie produktu dodaje `.single-product header{display:none}`,
   przez co nasz nagłówek znika (najbardziej boli na mobile — brak koszyka i wyjścia).
   Wymuszamy widoczność naszego nagłówka (potwierdzone na żywo). */
body.plon-v6.single-product header.plon-hdr,
body.single-product header#hdr{
  display:block!important;
}

/* Węższe desktopy: zmniejsz odstępy w menu (10 pozycji), by się mieściło */
@media(max-width:1140px) and (min-width:981px){
  .plon-hdr .nav-links{gap:18px}
  .plon-hdr .nav-links a{font-size:14px}
}

/* =====================================================================
   MENU MOBILNE — działający burger (naprawa: wcześniej nie otwierało)
   ===================================================================== */
@media(max-width:980px){
  .plon-hdr .nav-links{
    position:fixed;top:0;right:0;height:100vh;width:min(80vw,320px);
    flex-direction:column;align-items:flex-start;justify-content:flex-start;
    gap:6px;padding:90px 30px 30px;background:var(--cream);
    box-shadow:-12px 0 40px -12px rgba(30,58,36,.3);
    transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);
    z-index:120;overflow-y:auto;
  }
  body.plon-nav-open .plon-hdr .nav-links{transform:translateX(0)}
  .plon-hdr .nav-links a{color:var(--forest);font-size:18px;padding:10px 0;display:block;width:100%}
  .plon-hdr .burger{display:flex;z-index:130;position:relative}
  /* "Koszyk" jako pozycja w menu mobilnym (z ikoną) */
  .plon-hdr .nav-cart-mobile{display:block}
  .plon-hdr .nav-cart-mobile a{display:flex;align-items:center;gap:9px}
  .plon-hdr .nav-cart-mobile a::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><path d='M6 6h15l-1.5 9h-12z'/><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M6 6 5 3H2'/></svg>") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><path d='M6 6h15l-1.5 9h-12z'/><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M6 6 5 3H2'/></svg>") no-repeat center/contain;flex:none}
  /* Na mobile w nagłówku zostają: logo + koszyk + burger.
     Przycisk "Sklep" jest zbędny (jest w menu), więc go chowamy. */
  .plon-hdr .nav-cta .btn{display:none}
  body.plon-nav-open .plon-hdr .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.plon-nav-open .plon-hdr .burger span:nth-child(2){opacity:0}
  body.plon-nav-open .plon-hdr .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* przyciemnienie tła za menu — MUSI być pod nagłówkiem (z-index<100),
     inaczej overlay przechwytuje kliknięcia w linki menu (potwierdzone na żywo).
     Menu (.nav-links) jest wewnątrz nagłówka, więc jest nad overlayem,
     a overlay wciąż pokrywa resztę ekranu i zamyka menu po kliknięciu. */
  .plon-nav-overlay{
    position:fixed;inset:0;background:rgba(19,33,23,.45);z-index:99;border:none;cursor:pointer;
  }
}

/* =====================================================================
   STOPKA v6 — wspólna dla całej strony
   ===================================================================== */
.plon-ftr{background:#132117;color:rgba(255,255,255,.7);padding:64px 0 32px;margin-top:0}
.plon-ftr .foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.1)}
.plon-ftr .foot-logo{height:40px;width:auto;margin-bottom:16px}
.plon-ftr .about-foot{font-size:14px;line-height:1.6;max-width:300px}
body.plon-v6 .plon-ftr h4{color:var(--lime)!important;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-family:var(--font-body);font-weight:600}
.plon-ftr ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.plon-ftr ul a{font-size:14px;transition:color .2s;color:rgba(255,255,255,.7)}
.plon-ftr ul a:hover{color:var(--lime)}
.plon-ftr .foot-social{display:flex;gap:12px;margin-top:20px}
.plon-ftr .foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:.25s;color:#fff}
.plon-ftr .foot-social a:hover{background:var(--lime);border-color:var(--lime);color:var(--forest)}
.plon-ftr .foot-social .foot-cart{color:#fff}
.plon-ftr .foot-social .foot-cart:hover{color:var(--forest)}
.plon-ftr .foot-social svg{width:17px;height:17px}
.plon-ftr .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;font-size:12.5px;color:rgba(255,255,255,.5);flex-wrap:wrap;gap:12px}

@media(max-width:980px){
  .plon-ftr .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:560px){
  .plon-v6 .wrap{padding:0 20px}
  .plon-ftr .foot-grid{grid-template-columns:1fr}
}

/* =====================================================================
   WOOCOMMERCE — bezpieczne akcenty marki (BEZ zmiany układu)
   Ostylowujemy kolory, przyciski, ceny i tytuły. Siatki, kolumny
   i pozycjonowanie zostawiamy Healfio/WooCommerce.
   ===================================================================== */

/* wspólny odstęp od przyklejonego nagłówka na stronach Woo */
body.plon-v6.woocommerce,
body.plon-v6.woocommerce-page,
body.plon-v6.woocommerce-page{padding-top:0}

/* Nagłówki stron sklepu */
.plon-v6 .woocommerce-products-header__title,
.plon-v6 .woocommerce-loop-product__title,
.plon-v6 .product_title{
  font-family:var(--font-display);color:var(--forest);letter-spacing:-.02em;
}

/* Ceny */
body.plon-v6.woocommerce .price,
body.plon-v6.woocommerce-page .price,
body.plon-v6.woocommerce div.product p.price,
body.plon-v6.woocommerce-page div.product p.price,
body.plon-v6.woocommerce ul.products li.product .price,
body.plon-v6.woocommerce-page ul.products li.product .price{
  color:var(--forest);font-family:var(--font-display);font-weight:700;
}

/* Przyciski WooCommerce → limonka (Pantone 375C) z ciemnozielonym napisem,
   hover lekko ciemniejszy. Kolor tekstu wymuszony w obu stanach, żeby napis
   nigdy nie znikał (naprawa cross-sell w koszyku — potwierdzone na żywo). */
body.plon-v6.woocommerce a.button,
body.plon-v6.woocommerce-page a.button,
body.plon-v6.woocommerce button.button,
body.plon-v6.woocommerce-page button.button,
body.plon-v6.woocommerce input.button,
body.plon-v6.woocommerce-page input.button,
body.plon-v6.woocommerce a.button.alt,
body.plon-v6.woocommerce-page a.button.alt,
body.plon-v6.woocommerce button.button.alt,
body.plon-v6.woocommerce-page button.button.alt,
body.plon-v6.woocommerce #respond input#submit,
body.plon-v6.woocommerce-page #respond input#submit,
body.plon-v6.woocommerce #respond input#submit.alt,
body.plon-v6.woocommerce-page #respond input#submit.alt,
body.plon-v6.woocommerce .woocommerce-message a.button,
body.plon-v6.woocommerce-page .woocommerce-message a.button,
body.plon-v6.woocommerce div.product form.cart .button,
body.plon-v6.woocommerce-page div.product form.cart .button,
body.plon-v6.woocommerce .single_add_to_cart_button,
body.plon-v6.woocommerce-page .single_add_to_cart_button,
body.plon-v6.woocommerce ul.products li.product a.button,
body.plon-v6.woocommerce-page ul.products li.product a.button,
body.plon-v6.woocommerce ul.products li.product a.add_to_cart_button,
body.plon-v6.woocommerce-page ul.products li.product a.add_to_cart_button,
body.plon-v6.woocommerce .cross-sells a.button,
body.plon-v6.woocommerce-page .cross-sells a.button,
body.plon-v6.woocommerce .related a.button,
body.plon-v6.woocommerce-page .related a.button,
body.plon-v6.woocommerce .up-sells a.button,
body.plon-v6.woocommerce-page .up-sells a.button,
.plon-v6 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background-color:var(--lime)!important;
  color:var(--forest)!important;
  border-radius:100px!important;font-family:var(--font-body)!important;font-weight:600!important;
  border:none!important;transition:transform .2s,background-color .25s,box-shadow .25s;
  text-indent:0!important;
}
/* HOVER — lekko ciemniejsza limonka, napis nadal ciemnozielony i widoczny */
body.plon-v6.woocommerce a.button:hover,
body.plon-v6.woocommerce-page a.button:hover,
body.plon-v6.woocommerce button.button:hover,
body.plon-v6.woocommerce-page button.button:hover,
body.plon-v6.woocommerce input.button:hover,
body.plon-v6.woocommerce-page input.button:hover,
body.plon-v6.woocommerce a.button.alt:hover,
body.plon-v6.woocommerce-page a.button.alt:hover,
body.plon-v6.woocommerce button.button.alt:hover,
body.plon-v6.woocommerce-page button.button.alt:hover,
body.plon-v6.woocommerce #respond input#submit:hover,
body.plon-v6.woocommerce-page #respond input#submit:hover,
body.plon-v6.woocommerce #respond input#submit.alt:hover,
body.plon-v6.woocommerce-page #respond input#submit.alt:hover,
body.plon-v6.woocommerce div.product form.cart .button:hover,
body.plon-v6.woocommerce-page div.product form.cart .button:hover,
body.plon-v6.woocommerce .single_add_to_cart_button:hover,
body.plon-v6.woocommerce-page .single_add_to_cart_button:hover,
body.plon-v6.woocommerce ul.products li.product a.button:hover,
body.plon-v6.woocommerce-page ul.products li.product a.button:hover,
body.plon-v6.woocommerce ul.products li.product a.add_to_cart_button:hover,
body.plon-v6.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
body.plon-v6.woocommerce .cross-sells a.button:hover,
body.plon-v6.woocommerce-page .cross-sells a.button:hover,
body.plon-v6.woocommerce .related a.button:hover,
body.plon-v6.woocommerce-page .related a.button:hover,
body.plon-v6.woocommerce .up-sells a.button:hover,
body.plon-v6.woocommerce-page .up-sells a.button:hover,
.plon-v6 .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background-color:var(--lime-deep)!important;
  color:var(--forest)!important;
  transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(151,215,0,.55);
}

/* Linki / akcenty — TYLKO w treści sklepu (nie header/stopka/menu).
   Wcześniej reguła obejmowała wszystkie linki na stronach sklepu, przez co
   header i stopka robiły się limonkowe — to było za szeroko. */
body.plon-v6.woocommerce .woocommerce-breadcrumb a,
body.plon-v6.woocommerce-page .woocommerce-breadcrumb a,
body.plon-v6.woocommerce .product_meta a,
body.plon-v6.woocommerce-page .product_meta a,
body.plon-v6.woocommerce-page .woocommerce-MyAccount-content a,
body.plon-v6.woocommerce .woocommerce-info a,
body.plon-v6.woocommerce-page .woocommerce-info a,
body.plon-v6.woocommerce .woocommerce-message a{color:var(--lime-deep)}
body.plon-v6.woocommerce-page .woocommerce-message a{color:var(--lime-deep)}
body.plon-v6.woocommerce .woocommerce-breadcrumb a:hover,
body.plon-v6.woocommerce-page .woocommerce-breadcrumb a:hover,
body.plon-v6.woocommerce .product_meta a:hover{color:var(--forest)}
body.plon-v6.woocommerce-page .product_meta a:hover{color:var(--forest)}

/* Naprawa: Healfio ma regułę `a:hover{color:var(--primary-hover-color)}`,
   przez którą napis na przyciskach-linkach znikał po najechaniu (potwierdzone
   na żywo w koszyku, sekcja cross-sell). Wymuszamy stały, czytelny kolor tekstu. */
body.plon-v6.woocommerce a.button:hover,
body.plon-v6.woocommerce-page a.button:hover,
body.plon-v6.woocommerce a.add_to_cart_button:hover,
body.plon-v6.woocommerce-page a.add_to_cart_button:hover,
body.plon-v6.woocommerce .cross-sells a.button:hover,
body.plon-v6.woocommerce-page .cross-sells a.button:hover,
body.plon-v6.woocommerce .related a.button:hover,
body.plon-v6.woocommerce-page .related a.button:hover,
body.plon-v6.woocommerce .up-sells a.button:hover,
body.plon-v6.woocommerce-page .up-sells a.button:hover,
body.plon-v6.woocommerce ul.products li.product a.button:hover,
body.plon-v6.woocommerce-page ul.products li.product a.button:hover{
  color:var(--forest)!important;
}

/* Ujednolicenie fontu na przyciskach Elementora w obrębie produktów
   (np. sekcja "Może Cię zainteresować" / produkty powiązane) */
body.plon-v6.woocommerce .related .elementor-button,
body.plon-v6.woocommerce-page .related .elementor-button,
body.plon-v6.woocommerce .up-sells .elementor-button,
body.plon-v6.woocommerce-page .up-sells .elementor-button,
body.plon-v6.woocommerce .products .elementor-button,
body.plon-v6.woocommerce-page .products .elementor-button,
body.plon-v6.woocommerce a.button.elementor-button,
body.plon-v6.woocommerce-page a.button.elementor-button{
  font-family:var(--font-body)!important;
}

/* NAPRAWA (potwierdzona na żywo): przycisk "Dodaj do koszyka" na karcie produktu
   jest budowany Elementorem i ma bardzo wysoką specyficzność — zwykłe reguły go
   nie łapały. Celujemy pełnym łańcuchem klas + wyłączamy ewentualny gradient.
   Hover NIE zmienia koloru na ciemny (to wyglądało źle) — zostaje limonka,
   a interakcję sygnalizuje delikatny cień i efekt "wciśnięcia" po kliknięciu. */
body.plon-v6.woocommerce a.single_add_to_cart_button.elementor-button.button.alt,
body.plon-v6.woocommerce-page a.single_add_to_cart_button.elementor-button.button.alt,
body.plon-v6.woocommerce button.single_add_to_cart_button.elementor-button.button.alt,
body.plon-v6.woocommerce-page button.single_add_to_cart_button.elementor-button.button.alt,
body.plon-v6 .elementor-button.single_add_to_cart_button,
body.plon-v6.single-product .single_add_to_cart_button{
  background-color:var(--lime)!important;
  background-image:none!important;
  color:var(--forest)!important;
  font-family:var(--font-body)!important;
  box-shadow:none!important;
  transition:box-shadow .18s ease, transform .06s ease!important;
}
/* HOVER — ten sam limonkowy kolor, tylko subtelny cień (żadnej zmiany barwy) */
body.plon-v6.woocommerce a.single_add_to_cart_button.elementor-button.button.alt:hover,
body.plon-v6.woocommerce-page a.single_add_to_cart_button.elementor-button.button.alt:hover,
body.plon-v6.woocommerce button.single_add_to_cart_button.elementor-button.button.alt:hover,
body.plon-v6.woocommerce-page button.single_add_to_cart_button.elementor-button.button.alt:hover,
body.plon-v6.single-product .single_add_to_cart_button:hover{
  background-color:var(--lime)!important;
  background-image:none!important;
  color:var(--forest)!important;
  box-shadow:0 8px 20px -8px rgba(30,58,36,.35)!important;
}
/* ACTIVE (naciśnięcie) — efekt "wklęsły": cień wewnętrzny + drobne wciśnięcie */
body.plon-v6.woocommerce a.single_add_to_cart_button.elementor-button.button.alt:active,
body.plon-v6.woocommerce-page a.single_add_to_cart_button.elementor-button.button.alt:active,
body.plon-v6.woocommerce button.single_add_to_cart_button.elementor-button.button.alt:active,
body.plon-v6.woocommerce-page button.single_add_to_cart_button.elementor-button.button.alt:active,
body.plon-v6.single-product .single_add_to_cart_button:active{
  background-color:var(--lime)!important;
  color:var(--forest)!important;
  box-shadow:inset 0 3px 8px rgba(30,58,36,.35)!important;
  transform:translateY(1px)!important;
}

/* =====================================================================
   KARTA PRODUKTU: ukrycie zbędnej zakładki-etykiety "Opis"
   (potwierdzone na żywo). Ukrywamy TYLKO etykietę zakładki — panel z treścią
   opisu zostaje widoczny, więc SEO się nie rozjeżdża (opis nadal w kodzie).
   ===================================================================== */
.plon-v6 .woocommerce-tabs ul.tabs li.description_tab{display:none!important}
.plon-v6 .woocommerce-tabs .panel#tab-description,
.plon-v6 .woocommerce-tabs #tab-description{display:block!important}
/* nagłówek "Opis" wewnątrz panelu (jeśli WooCommerce go dodaje) — zbędny */
.plon-v6 #tab-description > h2:first-child{display:none!important}

/* Znaczek promocji / sale */
body.plon-v6.woocommerce span.onsale,
body.plon-v6.woocommerce-page span.onsale{
  background:var(--lime);color:var(--forest);font-family:var(--font-display);
  font-weight:700;border-radius:100px;
}

/* Komunikaty WooCommerce (koszyk dodany itp.) — akcent lime */
.plon-v6 .woocommerce-message,
.plon-v6 .woocommerce-info{border-top-color:var(--lime)}
.plon-v6 .woocommerce-message::before,
.plon-v6 .woocommerce-info::before{color:var(--lime-deep)}

/* Karty produktów na liście — delikatne wykończenie w duchu v6,
   bez ingerencji w siatkę (tylko tło/obramowanie/cień). */
body.plon-v6.woocommerce ul.products li.product,
body.plon-v6.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;
  padding:14px 14px 18px;
}
body.plon-v6.woocommerce ul.products li.product:hover,
body.plon-v6.woocommerce-page ul.products li.product:hover{
  transform:translateY(-5px);box-shadow:var(--shadow);
}
body.plon-v6.woocommerce ul.products li.product img{border-radius:12px;margin-bottom:12px}
body.plon-v6.woocommerce-page ul.products li.product img{border-radius:12px;margin-bottom:12px}

/* Pola formularzy (konto, checkout) — spójne zaokrąglenia */
body.plon-v6.woocommerce form .form-row input.input-text,
body.plon-v6.woocommerce-page form .form-row input.input-text,
body.plon-v6.woocommerce form .form-row textarea,
body.plon-v6.woocommerce-page form .form-row textarea,
.plon-v6 .woocommerce-account input,
.plon-v6 .select2-container .select2-selection{
  border-radius:12px;border:1px solid var(--line);
}

/* Zakładki konta */
.plon-v6 .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
  color:var(--forest);font-weight:700;
}
.plon-v6 .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  color:var(--lime-deep);
}

/* =====================================================================
   KOLOR PRZEWODNI — nadpisanie akcentu Healfio na Pantone 375C (#97D700)
   Healfio i motywy oparte na Elementorze trzymają kolor akcentu w zmiennych
   CSS. Podmieniamy najczęstsze z nich, żeby ikony, linki i detale w sklepie,
   koszyku, checkoucie i na stronie podziękowania były w naszym kolorze,
   a nie w domyślnym kolorze Healfio.
   ===================================================================== */
:root, body.plon-v6{
  --e-global-color-primary:var(--forest);
  --e-global-color-accent:var(--lime);
  --e-global-color-secondary:var(--forest-soft);
  --theme-color:var(--lime);
  --primary-color:var(--forest);
  --secondary-color:var(--lime);
  --accent-color:var(--lime);
  --healfio-primary:var(--lime);
  --healfio-accent:var(--lime);
  --wc-green:var(--lime-deep);
  --wc-primary:var(--forest);
  /* KLUCZOWE: Healfio maluje przyciski tą zmienną (potwierdzone na żywo) */
  --btn-bg-color:var(--lime);
  --btn-bg-color-hover:var(--lime-deep);
  --btn-text-color:var(--forest);
  --btn-text-color-hover:var(--forest);
}

/* Ikony rysowane fontem ikon / SVG w obrębie sklepu → kolor marki.
   Trzymamy się kontekstu .plon-v6, żeby nie ruszać ikon nagłówka/stopki. */
body.plon-v6.woocommerce i,
body.plon-v6.woocommerce-page i,
body.plon-v6.woocommerce .wc-block-components-product-rating svg,
body.plon-v6.woocommerce-page .wc-block-components-product-rating svg,
body.plon-v6.woocommerce svg [fill]:not([fill="none"]),
body.plon-v6.woocommerce-page svg [fill]:not([fill="none"]),
body.plon-v6.woocommerce .star-rating span::before,
body.plon-v6.woocommerce-page .star-rating span::before,
body.plon-v6.woocommerce .star-rating::before,
body.plon-v6.woocommerce-page .star-rating::before,
body.plon-v6.woocommerce p.stars a::before,
body.plon-v6.woocommerce-page p.stars a::before{
  color:var(--lime-deep);
}
/* Gwiazdki ocen */
body.plon-v6.woocommerce .star-rating span::before{color:var(--lime-deep)}
body.plon-v6.woocommerce-page .star-rating span::before{color:var(--lime-deep)}

/* Kolorowe akcenty tekstu/linków, które Healfio maluje swoim kolorem */
body.plon-v6.woocommerce .woocommerce-breadcrumb a,
body.plon-v6.woocommerce-page .woocommerce-breadcrumb a,
.plon-v6 .woocommerce-page .woocommerce-breadcrumb a,
body.plon-v6.woocommerce .product_meta a,
body.plon-v6.woocommerce-page .product_meta a,
.plon-v6 .woocommerce-MyAccount-content a,
.plon-v6 .woocommerce-info a,
body.plon-v6.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
body.plon-v6.woocommerce-page ul.products li.product .woocommerce-loop-product__title:hover{
  color:var(--lime-deep);
}
body.plon-v6.woocommerce .woocommerce-breadcrumb a:hover,
body.plon-v6.woocommerce-page .woocommerce-breadcrumb a:hover,
body.plon-v6.woocommerce .product_meta a:hover{color:var(--forest)}
body.plon-v6.woocommerce-page .product_meta a:hover{color:var(--forest)}

/* Ikony/znaczki w checkout i na stronie podziękowania */
.plon-v6 .woocommerce-order .woocommerce-thankyou-order-received,
.plon-v6 .woocommerce-checkout .woocommerce-info::before,
.plon-v6 .woocommerce-checkout #payment .payment_methods li input[type=radio]:checked + label,
.plon-v6 .woocommerce-order-overview strong{
  color:var(--forest);
}
.plon-v6 .woocommerce-message::before,
.plon-v6 .woocommerce-info::before,
.plon-v6 .woocommerce-error::before{color:var(--lime-deep)}

/* Paski/obramowania powiadomień Woo w kolorze marki */
.plon-v6 .woocommerce-message,
.plon-v6 .woocommerce-info{border-top-color:var(--lime)!important}

/* Kroki koszyk → zamówienie (progress, jeśli motyw pokazuje) */
body.plon-v6.woocommerce .checkout-step.active,
body.plon-v6.woocommerce-page .checkout-step.active,
.plon-v6 .wc-progress-step.active{color:var(--forest)}

/* =====================================================================
   UKŁAD STRON WOO — odstęp treści spod przyklejonego nagłówka
   ===================================================================== */
.plon-woo-wrap{padding-top:111px;padding-bottom:70px;min-height:60vh;background:var(--cream)}
@media(max-width:980px){
  .plon-woo-wrap{padding-top:92px}
}

/* Sklep: zerujemy duży górny margines tytułu dodawany przez Healfio,
   żeby odstęp NAD tytułem był równy odstępowi POD nim (potwierdzone na żywo). */
body.plon-v6 .page-title,
body.plon-v6 h1.page-title{margin-top:0!important}

/* Nagłówek strony sklepu — drobny podtytuł zamiast wielkiego "Sklep".
   Zawężamy do stron sklepu/archiwum produktów, żeby NIE zmniejszać tytułów
   na innych stronach (Healfio używa .page-title globalnie). */
.plon-v6 .woocommerce-products-header{margin-bottom:14px}
body.plon-v6.post-type-archive-product .page-title,
body.plon-v6.post-type-archive-product h1.page-title,
body.plon-v6.woocommerce-shop .page-title,
body.plon-v6.tax-product_cat .page-title,
.plon-v6 .woocommerce-products-header__title{
  font-size:16px!important;font-weight:600!important;letter-spacing:.02em;
  color:var(--ink-soft)!important;font-family:var(--font-body)!important;
}

/* =====================================================================
   PRZYCISKI "DODAJ DO KOSZYKA" NA LIŚCIE SKLEPU — POPRAWKA (zweryfikowana na żywo)
   WAŻNE: na stronie sklepu klasa .woocommerce jest NA <body> (body.woocommerce),
   a nie na osobnym elemencie. Dlatego selektory "body.plon-v6.woocommerce ..." (ze,
   a nie na osobnym elemencie. Dlatego selektory "body.plon-v6.woocommerce-page ..." (ze
   spacją) NIE łapały tych przycisków. Tu celujemy poprawnie: body.plon-v6 ...
   Dodatkowo pełny łańcuch klas przycisku daje specyficzność wyższą niż !important
   Healfio (który malował hover na --primary-color).

   Wygląd: obrys + tekst + ikona limonkowe (#97D700), tło przezroczyste.
   Hover: tło limonkowe, tekst biały.
   ===================================================================== */
body.plon-v6 ul.products li.product a.add_to_cart_button,
body.plon-v6.woocommerce ul.products li.product a.button.add_to_cart_button,
body.plon-v6.woocommerce-page ul.products li.product a.button.add_to_cart_button,
body.plon-v6.woocommerce ul.products li.product a.button.product_type_simple.add_to_cart_button,
body.plon-v6.woocommerce-page ul.products li.product a.button.product_type_simple.add_to_cart_button{
  background-color:transparent!important;
  background-image:none!important;
  color:var(--lime)!important;
  border:2px solid var(--lime)!important;
  border-radius:100px!important;
  font-family:var(--font-body)!important;
  transition:background-color .2s,color .2s,border-color .2s!important;
}
body.plon-v6 ul.products li.product a.add_to_cart_button::before{color:var(--lime)!important}

/* HOVER — pełny łańcuch klas, żeby wygrać z !important Healfio */
body.plon-v6.woocommerce ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
body.plon-v6.woocommerce-page ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
body.plon-v6.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
body.plon-v6.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover,
body.plon-v6 ul.products li.product a.add_to_cart_button:hover{
  background-color:var(--lime)!important;
  background:var(--lime)!important;
  color:#ffffff!important;
  border-color:var(--lime)!important;
}
body.plon-v6 ul.products li.product a.add_to_cart_button:hover::before{color:#ffffff!important}

/* =====================================================================
   DOPRACOWANIE KOSZYKA I SKLEPU (zweryfikowane na żywo)
   Uwaga: koszyk/konto/checkout mają na <body> klasę .woocommerce-page
   (nie .woocommerce), dlatego selektory obejmują obie.
   ===================================================================== */

/* Pionowa kreska "|" przed licznikiem wyników i nagłówkami — limonkowa */
body.plon-v6.woocommerce .woocommerce-result-count::before,
body.plon-v6.woocommerce-page .woocommerce-result-count::before{
  color:var(--lime)!important;
}

/* Ramka miniatury produktu w koszyku — limonkowa (było ciemnozielone) */
body.plon-v6.woocommerce-cart table.cart img,
body.plon-v6.woocommerce-page .woocommerce-cart-form img,
body.plon-v6.woocommerce-page td.product-thumbnail img{
  border-color:var(--lime)!important;
}

/* Przyciski w koszyku (Zaktualizuj / Wyczyść / Wykorzystaj kupon / Przejdź do kasy)
   — spójnie limonkowe z ciemnozielonym tekstem, hover lekko ciemniejszy. */
body.plon-v6.woocommerce-page .coupon button.button,
body.plon-v6.woocommerce-page td.actions button.button,
body.plon-v6.woocommerce-page td.actions a.button,
body.plon-v6.woocommerce-page .wc-proceed-to-checkout a.checkout-button{
  background-color:var(--lime)!important;
  background:var(--lime)!important;
  background-image:none!important;
  color:var(--forest)!important;
  border:none!important;
  border-radius:100px!important;
}
body.plon-v6.woocommerce-page .coupon button.button:hover,
body.plon-v6.woocommerce-page td.actions button.button:hover,
body.plon-v6.woocommerce-page td.actions a.button:hover,
body.plon-v6.woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover{
  background-color:var(--lime-deep)!important;
  background:var(--lime-deep)!important;
  color:var(--forest)!important;
}

/* Ikona koszyka w przycisku "Dodaj do koszyka" (karta produktu, Elementor)
   — spójnie ciemnozielona w obu stanach, żeby dobrze kontrastowała z limonką
   i nigdy nie "znikała" na hover. */
body.plon-v6.woocommerce .single_add_to_cart_button .elementor-button-icon,
body.plon-v6.woocommerce .single_add_to_cart_button .elementor-button-icon i,
body.plon-v6.woocommerce .single_add_to_cart_button .elementor-button-icon i::before,
body.plon-v6.woocommerce-page .single_add_to_cart_button .elementor-button-icon,
body.plon-v6.woocommerce-page .single_add_to_cart_button .elementor-button-icon i::before,
body.plon-v6.woocommerce .single_add_to_cart_button:hover .elementor-button-icon,
body.plon-v6.woocommerce .single_add_to_cart_button:hover .elementor-button-icon i,
body.plon-v6.woocommerce .single_add_to_cart_button:hover .elementor-button-icon i::before{
  color:var(--forest)!important;
  opacity:1!important;
}