/* =========================================================
   TERRA LEVIS — MOTYW JASNY (white / modern / 50+)
   Ładowany PO style.css — nadpisuje na biały, czytelny motyw.
   Białe tła wszędzie, wysoki kontrast, duże odstępy.
   ========================================================= */

:root{
  --cream:#ffffff;          /* główne tło = białe */
  --cream-2:#f4f6f3;        /* delikatny jasny akcent sekcji */
  --line:#e6e9e3;
  --shadow:0 8px 30px rgba(30,57,67,.07);
  --shadow-lg:0 22px 55px rgba(30,57,67,.12);
  --fs-base:19px;           /* duży tekst dla czytelności 50+ */
}
@media(min-width:760px){ :root{ --fs-base:20px; } }

body{ background:#ffffff; }

/* sekcje: biel + bardzo jasny szaro-zielony przeplot */
.bg-cream{ background:#ffffff; }
.bg-cream2{ background:linear-gradient(180deg,#f5f7f4,#ffffff); }
.bg-white{ background:#ffffff; }
section.block + section.block.bg-white{ border-top:1px solid #f0f2ee; }

/* HEADER — biały, wyraźny */
header.site{ background:#ffffff; border-bottom:1px solid var(--line); }
.topbar{ background:var(--green-deep); }   /* cienki pasek 24h zostaje dla widoczności telefonu */

/* ===== HERO — jasny, zdjęcie subtelnie w tle, ciemny tekst ===== */
.hero{ background:linear-gradient(160deg,#fbfdfb 0%,#eef3ef 100%); color:var(--ink); }
.hero.bg1{ --himg:url(../images/klient/hero-glowna-2.jpg); }
.hero.bg2{ --himg:url(../images/klient/sala-pozegnan-klient.jpg); }
.hero.bg3{ --himg:url(../images/klient/ceremonia-kosciol.jpg); }
.hero::before{
  opacity:1; mix-blend-mode:normal;
  background:
    linear-gradient(105deg,#ffffff 0%,#ffffff 50%,rgba(255,255,255,.78) 70%,rgba(255,255,255,.45) 100%),
    var(--himg, none);
  background-size:cover; background-position:right center; background-repeat:no-repeat;
}
.hero h1{ color:var(--green-deep); }
.hero h1 .accent{ color:var(--gold-dark); }
.hero p.lead{ color:var(--ink-soft); opacity:1; }
.hero .eyebrow{ background:#ffffff; border:1px solid var(--line); color:var(--green-deep); box-shadow:var(--shadow); }
.hero .trust{ border-top:1px solid var(--line); }
.hero .trust .item .ic{ color:var(--gold-dark); }
.hero .trust .item b{ color:var(--green-deep); }
.hero .trust .item span{ color:var(--ink-soft); }
.hero .btn-ghost{ background:#ffffff; border:1.5px solid var(--green-soft); color:var(--green-deep); box-shadow:var(--shadow); }
.hero .btn-ghost:hover{ background:var(--cream-2); color:var(--green-deep); }
@media(max-width:760px){
  .hero::before{ background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.94)),var(--himg,none); background-size:cover; background-position:center; }
}

/* QUICK answer — czytelna karta na bieli */
.quick{ background:#ffffff; border:1px solid var(--line); border-left:5px solid var(--gold); }

/* ===== SEKCJE „dark" -> JASNE ===== */
.dark{ background:linear-gradient(180deg,#f5f7f4,#eef2ee); color:var(--ink); }
.dark h2,.dark h3{ color:var(--green-deep); }
.dark .section-head .kicker{ color:var(--gold-dark); }
.dark .section-head p{ color:var(--ink-soft); }
.why-card{ background:#ffffff; border:1px solid var(--line); box-shadow:var(--shadow); }
.why-card:hover{ background:#ffffff; box-shadow:var(--shadow-lg); }
.why-card h3{ color:var(--green-deep); }
.why-card p{ color:var(--ink-soft); }
.why-card .ic{ color:var(--gold-dark); }
.dark .checks li{ color:var(--ink); }
.dark .checks li::before{ background:var(--cream-2); color:var(--gold-dark); }
.dark .pill{ background:var(--cream-2); color:var(--green-deep); }

/* ===== CONTACT BAR -> jasny, ciepły akcent ===== */
.contactbar{ background:linear-gradient(135deg,#eef3ef,#f6f8f5); color:var(--ink); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.contactbar .txt h3{ color:var(--green-deep); }
.contactbar .txt p{ color:var(--ink-soft); }
.contactbar .btn-white{ background:var(--green-deep); color:#fff; }
.contactbar .btn-white:hover{ background:var(--green); color:#fff; }
.contactbar .btn-line{ background:#fff; border:2px solid var(--green-soft); color:var(--green-deep); }
.contactbar .btn-line:hover{ background:var(--cream-2); color:var(--green-deep); }

/* ===== KALKULATOR — jasny panel wyceny ===== */
.calc .summary{ background:linear-gradient(165deg,#f3f6f3,#eef2ee); color:var(--ink); border-left:5px solid var(--gold); }
.summary .stag{ color:var(--gold-dark); }
.sum-row{ border-bottom:1px dashed var(--line); }
.sum-row span{ color:var(--ink-soft); opacity:1; }
.sum-row b{ color:var(--green-deep); }
.sum-empty{ color:var(--ink-soft); }
.total{ background:#ffffff; border:1px solid var(--line); }
.total .label{ color:var(--ink-soft); opacity:1; }
.total .amount{ color:var(--green-deep); }
.total .note{ color:var(--ink-soft); opacity:1; }
.summary .disclaimer{ color:var(--ink-soft); opacity:1; }
/* pola kalkulatora — lekki odcień dla widoczności na bieli */
.opt .ocard,.range-field,.chk{ background:#f6f8f5; }
.opt input:checked + .ocard,.chk.on{ background:#ffffff; }
input[type=range]{ background:#e9ece7; }

/* FORMULARZE — czytelne pola na bieli */
.formrow input,.formrow select,.formrow textarea{ background:#f6f8f5; }
.formrow input:focus,.formrow select:focus,.formrow textarea:focus{ background:#fff; }

/* ===== FOOTER -> jasny ===== */
footer.site{ background:#f3f5f1; color:var(--ink-soft); border-top:1px solid var(--line); }
footer.site h4{ color:var(--green-deep); }
footer.site p,footer.site a,footer.site li{ color:var(--ink-soft); }
footer.site a:hover{ color:var(--gold-dark); }
.foot-brand .badges img{ background:#fff; box-shadow:var(--shadow); }
.fphone a{ color:var(--green-deep); }
.foot-bottom{ border-top:1px solid var(--line); color:#7c878b; }
.foot-bottom a{ color:var(--ink-soft); }

/* STICKY mobile call — zostaje wyraźny (zielony) dla telefonu 24h */

/* drobne: mocniejsze obramowania kart na bieli */
.card,.pc,.step,.faq-item,.quote,.tile,.ctable-wrap,.formcard,.mapwrap{ border:1px solid var(--line); }
.tile:hover,.card:hover{ border-color:var(--gold-soft); }

/* nagłówki sekcji nieco ciemniejsze dla kontrastu */
.section-head p{ color:var(--ink-soft); }

/* hero homepage = karawan (DawidWeb) */
.hero.bg1{--himg:url(../images/klient/glowna-karawan.jpg)}
.hero.bg1::before{background:linear-gradient(100deg,rgba(251,253,251,.94) 0%,rgba(251,253,251,.80) 40%,rgba(251,253,251,.42) 100%),var(--himg);background-size:cover;background-position:center right}
@media(max-width:760px){.hero.bg1::before{background:linear-gradient(180deg,rgba(251,253,251,.90),rgba(251,253,251,.88)),var(--himg)}}

/* === DawidWeb hero banners v2 (homepage + subpages) === */
.hero::before{opacity:1 !important;mix-blend-mode:normal !important}
.hero.bg1::before{background:linear-gradient(100deg,rgba(251,253,251,.93) 0%,rgba(251,253,251,.72) 42%,rgba(251,253,251,.38) 100%),var(--himg);background-size:cover;background-position:center right}
.hero.sub .container{padding-top:108px;padding-bottom:94px}
.hero.sub h1{font-size:clamp(2rem,4.8vw,3rem);max-width:720px}
.hero.sub .lead{max-width:600px}
.hero.sub::before{background:linear-gradient(100deg,rgba(251,253,251,.82) 0%,rgba(251,253,251,.48) 48%,rgba(248,250,247,.12) 100%),var(--himg,none);background-size:cover;background-position:center}
@media(max-width:760px){
 .hero.bg1::before{background:linear-gradient(180deg,rgba(251,253,251,.90),rgba(251,253,251,.88)),var(--himg)}
 .hero.sub .container{padding-top:76px;padding-bottom:62px}
 .hero.sub::before{background:linear-gradient(100deg,rgba(251,253,251,.82) 0%,rgba(251,253,251,.48) 48%,rgba(248,250,247,.12) 100%),var(--himg,none)}
}

/* === DawidWeb gallery + lightbox === */
.tl-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:8px}
.tl-gallery a{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);cursor:zoom-in;background:#e9ece9}
.tl-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.tl-gallery a:hover img{transform:scale(1.06)}
.tl-lb{position:fixed;inset:0;background:rgba(18,26,23,.93);display:none;align-items:center;justify-content:center;z-index:99999;padding:18px}
.tl-lb.open{display:flex}
.tl-lb img{max-width:94vw;max-height:90vh;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,.55)}
.tl-lb .x{position:absolute;top:14px;right:24px;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;font-family:Arial,sans-serif}
@media(max-width:560px){.tl-gallery{grid-template-columns:repeat(2,1fr)}}

/* === DawidWeb services dropdown === */
.nav-svc{position:relative;display:flex;align-items:center}
.nav-svc>a::after{content:"▾";font-size:.7em;margin-left:5px;opacity:.65}
.nav-svc .submenu{position:absolute;top:100%;left:0;display:none;grid-template-columns:1fr 1fr;gap:2px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 46px rgba(30,57,67,.18);padding:16px 18px;min-width:540px;z-index:1300}
.nav-svc:hover .submenu,.nav-svc:focus-within .submenu{display:grid}
.nav-svc .submenu a{display:block;padding:8px 12px;font-size:.96rem;font-weight:600;color:var(--ink-soft);border-radius:9px;white-space:nowrap;background:none}
.nav-svc .submenu a:hover{background:var(--cream-2);color:var(--green-deep)}
.nav-svc .submenu .col-h{display:block;font-family:'Cormorant Garamond',serif;color:var(--gold-dark);font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;padding:10px 12px 3px;font-weight:700}
@media(max-width:760px){.nav-svc{position:static;display:block}.nav-svc>a::after{content:""}.nav-svc .submenu{position:static;display:grid !important;grid-template-columns:1fr;min-width:0;border:none;box-shadow:none;background:transparent;padding:0 0 6px 10px;gap:0}.nav-svc .submenu a{padding:11px 12px;font-size:1rem}.nav-svc .submenu .col-h{padding:10px 12px 2px}}

/* hero-sub-halo: czytelny tekst na wyraźniejszym zdjęciu (22.06) */
.hero.sub h1,.hero.sub .lead,.hero.sub .eyebrow{text-shadow:0 1px 10px rgba(255,255,255,.92),0 0 2px rgba(255,255,255,.8)}

/* logo-fullname + dropdown bez luki (24.06) */
.logo .name small{text-transform:none!important;letter-spacing:.3px!important;font-size:.62rem!important;white-space:normal!important;line-height:1.18!important;max-width:300px}
.nav-svc .submenu{margin-top:0}

/* === Ciemne banery podstron (proso klienta 30.06) === */
.hero.sub::before{background:linear-gradient(105deg,rgba(16,28,22,.86) 0%,rgba(16,28,22,.62) 45%,rgba(16,28,22,.30) 100%),var(--himg,none)!important;background-size:cover!important;background-position:center!important}
.hero.sub h1,.hero.sub .lead{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.5)!important}
.hero.sub h1 .accent{color:var(--gold-soft)!important}
.hero.sub .eyebrow{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important;text-shadow:none!important}
.hero.sub .trust{border-top-color:rgba(255,255,255,.25)!important}
.hero.sub .trust .item b{color:#fff!important}
.hero.sub .trust .item span{color:rgba(255,255,255,.85)!important}
.hero.sub .trust .item .ic{color:var(--gold-soft)!important}
.hero.sub .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important}
.hero.sub .btn-ghost:hover{background:rgba(255,255,255,.12)!important}
/* === Nowy logotyp klienta w nagowku === */
.logo img{height:44px!important;width:auto!important}
.logo .name{line-height:1.1}
@media(max-width:620px){.logo .name small{display:none!important}}