/* Wzór strony produktu sklepu LF v1 — 14.11.2026 (Europe/Warsaw).
   Nie zastępuje szablonu [lf_product_template]: tylko nadpisuje czerwony hero
   na jasne niebo LF (belka klastra + panorama PNG) i styluje dokładane sekcje.
   Klasy: .lf-prod* oraz nadpisania .lf-product-template.lf-prod… */
:root{
  --lf-sky-top:#1a62b3;--lf-sky-mid:#4aaad4;--lf-sky-bot:#8ef3ff;
  --lf-ink:#20382f;--lf-text:#273143;--lf-muted:#4a5568;
  --lf-cta:#0a6c5e;--lf-cta-h:#056e70;
  --lf-hero-1:#9ecec8;--lf-hero-2:#59afa3;--lf-hero-3:#3db4aa;
  --lf-hero-text:#fff;
  --lf-prod-pano:url("https://www.linguaforum.eu/wp-content/uploads/2026/11/lf-panorama-20261114-scaled.png");
}

.lf-prod--auta{--lf-hero-1:#9ecec8;--lf-hero-2:#59afa3;--lf-hero-3:#3db4aa;--lf-hero-text:#0c2f6c;--lf-cta:#0a6c5e;--lf-cta-h:#056e70}
.lf-prod--rodzinne{--lf-hero-1:#fdca0b;--lf-hero-2:#fcc700;--lf-hero-3:#f8b201;--lf-hero-text:#0c2f6c;--lf-cta:#9c6600;--lf-cta-h:#6c4700}
.lf-prod--medyczne{--lf-hero-1:#77f0ff;--lf-hero-2:#65d4ec;--lf-hero-3:#4bbec9;--lf-hero-text:#0c2f6c;--lf-cta:#124183;--lf-cta-h:#0c2f6c}
.lf-prod--cywilne,.lf-prod--tozsamosc{--lf-hero-1:#5b8fd4;--lf-hero-2:#3a6fbe;--lf-hero-3:#124183;--lf-hero-text:#fff;--lf-cta:#0c2f6c;--lf-cta-h:#0e387d}
.lf-prod--edukacja{--lf-hero-1:#693271;--lf-hero-2:#6a2271;--lf-hero-3:#422350;--lf-hero-text:#fff;--lf-cta:#693271;--lf-cta-h:#422350}
.lf-prod--apostille,.lf-prod--urzedowe{--lf-hero-1:#0a6c5e;--lf-hero-2:#056e70;--lf-hero-3:#276862;--lf-hero-text:#fff;--lf-cta:#0a6c5e;--lf-cta-h:#056e70}
.lf-prod--podatki{--lf-hero-1:#f4af61;--lf-hero-2:#f09770;--lf-hero-3:#ef8512;--lf-hero-text:#0c2f6c;--lf-cta:#b04a0d;--lf-cta-h:#813609}
.lf-prod--jezyki{--lf-hero-1:#b2315e;--lf-hero-2:#a7305f;--lf-hero-3:#671e4b;--lf-hero-text:#fff;--lf-cta:#a7305f;--lf-cta-h:#671e4b}

/* Jasne niebo zamiast czerwono-różowego hero. !important, bo szablon wstrzykuje <style> w treści. */
.lf-product-template.lf-prod .lf-product-template__hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  text-align:left!important;
  color:#fff!important;
  padding:28px 22px 150px!important;
  background:
    radial-gradient(circle at 86% 10%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(180deg,#1a62b3 0%,#2b7ec4 28%,#4aaad4 58%,#6edff2 82%,#8ef3ff 100%)!important;
  box-shadow:0 16px 36px #08143f18;
}
.lf-product-template.lf-prod .lf-product-template__hero::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:6px;z-index:2;
  background:linear-gradient(90deg,var(--lf-hero-1),var(--lf-hero-2) 55%,var(--lf-hero-3));
  box-shadow:0 1px 0 rgba(255,255,255,.45);
}
.lf-product-template.lf-prod .lf-product-template__hero::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:150px;z-index:0;
  pointer-events:none;
  background-image:var(--lf-prod-pano);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center bottom;
}
.lf-product-template.lf-prod .lf-product-template__hero-inner{
  position:relative;z-index:1;max-width:44em;margin:0!important;text-align:left!important;
}
.lf-product-template.lf-prod .lf-product-template__eyebrow{
  display:inline-block!important;
  margin:4px 0 12px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  background:linear-gradient(90deg,var(--lf-hero-1),var(--lf-hero-3))!important;
  color:var(--lf-hero-text)!important;
  box-shadow:0 2px 10px rgba(8,20,63,.25);
}
.lf-product-template.lf-prod .lf-product-template__hero-title,
.lf-product-template.lf-prod .lf-product-template__hero h1{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(8,20,63,.28);
  font-size:clamp(28px,3.2vw,44px)!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  max-width:22ch;
}

@media (min-width:901px){
  .lf-product-template.lf-prod .lf-product-template__hero{padding:32px 32px 196px!important}
  .lf-product-template.lf-prod .lf-product-template__hero::after{height:190px}
}
@media (max-width:900px){
  .lf-product-template.lf-prod .lf-product-template__hero{padding:22px 16px 128px!important}
  .lf-product-template.lf-prod .lf-product-template__hero::after{height:126px}
}

/* Dokładane sekcje — nie ruszają formularza, wariacji, Fluent Forms ani koszyka. */
.lf-prod-extra{
  max-width:1180px;
  margin:0 auto 48px;
  padding:0 18px;
  color:var(--lf-text);
  font-family:inherit;
}
.lf-prod-extra a{color:var(--lf-cta);text-underline-offset:3px}
.lf-prod-extra a:hover{color:var(--lf-cta-h)}
.lf-prod-extra a:focus-visible{outline:3px solid #ba4b41;outline-offset:2px}
.lf-prod-extra h2{
  margin:0 0 14px;
  font-size:clamp(22px,2.4vw,28px);
  line-height:1.2;
  color:#0c2f6c;
  letter-spacing:-.02em;
}
.lf-prod-extra section{
  background:#fff;
  border-radius:16px;
  padding:22px 24px;
  margin:0 0 18px;
  box-shadow:0 8px 24px rgba(8,20,63,.06);
}
.lf-prod-extra p{margin:0 0 12px;line-height:1.6}
.lf-prod-extra p:last-child{margin-bottom:0}
.lf-prod-extra ul{margin:0;padding:0;list-style:none}
.lf-prod-extra li{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #e8eef3}
.lf-prod-extra li:last-child{margin:0;padding:0;border:0}
.lf-prod-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.lf-prod-cards li{margin:0;padding:0;border:0}
.lf-prod-cards a{
  display:block;
  padding:14px 16px;
  border:1px solid #d7e3ea;
  border-radius:12px;
  text-decoration:none;
  color:var(--lf-text);
  background:#f4f8fb;
  min-height:44px;
}
.lf-prod-cards a:hover{border-color:var(--lf-cta);color:var(--lf-cta)}
.lf-prod-extra details{border-bottom:1px solid #e8eef3;padding:8px 0}
.lf-prod-extra details:last-child{border:0}
.lf-prod-extra summary{
  cursor:pointer;
  font-weight:700;
  color:#0c2f6c;
  padding:6px 0;
}
.lf-prod-extra details p{margin:8px 0 4px;color:var(--lf-text)}
.lf-prod-kicker{
  display:inline-block;
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--lf-cta);
}

body.lf-prod-preview{
  margin:0;
  font-family:Poppins,Arial,Helvetica,sans-serif;
  background:#eef4f8;
  color:var(--lf-text);
}
.lf-prod-preview-banner{
  margin:0;padding:8px 16px;background:#0c2f6c;color:#fff;font-size:13px;text-align:center;
}
@media (max-width:600px){
  .lf-prod-extra{padding:0 16px}
  .lf-prod-extra section{padding:16px}
}