/* =====================================================================
   gruntowo.pl - strona glowna wg identyfikacji "Grunt w kadrze" (2026).
   TYLKO STRONA TESTOWA. Laduje sie na samym koncu (po jasne.css, motyw.css, strona-czytelnosc.css).
   Zasady:
   - kolory: papier #F2F0EB, atrament #0B0C0A, braz #30241A (pas pod tekstem), zloto #C9A96E (obrys, zlote slowo),
     miedz #9A7536 (CTA, biale logo), zloto-tekst #7A5C22 (zlote slowo na jasnym), szalwia #8A9A93, uwaga #B4462F
   - naglowki szeryfowe (PP Hatton - tu zastepczo Georgia), tekst/etykiety Montserrat
   - czysty kadr: ostre krawedzie, bez cieni, bez pigulek, bez gradientow dla ozdoby, bez linii podzialu
   - dzialka z gory + zlota przerywana granica = nasz znak (hero)
   ===================================================================== */

:root {
  --id-papier: #F2F0EB;
  --id-papier2: #E8E4DC;      /* drugi ton papieru - podzial kolorem tla zamiast linii */
  --id-atrament: #0B0C0A;
  --id-braz: #30241A;
  --id-zloto: #C9A96E;
  --id-miedz: #9A7536;
  --id-zloto-t: #7A5C22;
  --id-szalwia: #8A9A93;
  --id-serif: Georgia, 'Gelasio', 'Times New Roman', serif;
  --id-sans: 'Montserrat', system-ui, sans-serif;
}
html[data-motyw="jasny"] {
  --bg: #F2F0EB; --surf: #E8E4DC; --surf2: #F2F0EB;
  --w: #0B0C0A; --m: rgba(11,12,10,.74); --m2: rgba(11,12,10,.74);
  --brd: transparent;
  --gold: #9A7536; --goldl: #7A5C22;
}
html[data-motyw="ciemny"] {
  --bg: #0B0C0A; --surf: #161512; --surf2: #1E1B16;
  --brd: transparent;
}

/* ---------- CZYSTY KADR: ostre krawedzie, bez cieni ---------- */
body *:not(.motyw-suwak):not(.motyw-suwak *):not(.leaflet-container *):not(svg):not(svg *):not(.map-pin-gold):not(.map-pin-gold *):not(.eco-dot):not(input[type="radio"]):not(.nav-burger span) {
  border-radius: 0 !important;
  box-shadow: none !important;
}
body .cta-plyw { border-radius: 0 !important; box-shadow: none !important; }
html body { background: var(--bg) !important; }
html[data-motyw="jasny"] body { color: var(--id-atrament); }

/* dekoracyjne gradienty i poswiaty - precz */
.section::before, .section::after,
.intro-tekst::after, .ofr::after, .ia-podkr, .h2::after, .h2-light::after { background: none !important; display: none !important; }

/* ---------- TYPOGRAFIA ---------- */
.hero-headline, .h2, h2, h3:not(.hw-karta h3), .faq-item summary, .ofr-num, .ofr-cena, .hstat-n, .eco-node h4,
.haslo-tytul, .pub-karta h3, .dataroom h3, .ekspert-cytat p, .ekspert-cytat blockquote {
  font-family: var(--id-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.005em !important;
}
.hero-headline em, .h2 em, h2 em, .ia-slowo, .pub-karta h3 em {
  font-style: normal !important;
  font-family: inherit !important;
}
html[data-motyw="jasny"] :is(.h2, h2, .eco-node h4, .faq-item summary, .haslo-tytul) { color: var(--id-atrament) !important; }
html[data-motyw="jasny"] :is(.h2, h2) .ia-slowo { color: inherit !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html[data-motyw="jasny"] :is(.h2 em, h2 em, .h2 em .ia-slowo, h2 em .ia-slowo) { color: var(--id-zloto-t) !important; }
.h2 { font-size: clamp(2rem, 3.6vw, 3.1rem) !important; line-height: 1.12 !important; }

/* etykiety: wersaliki Montserrat, rozstrzelone, zloto-tekst; tagi jako tekst - bez pigulek */
.tag, .ofr-label, .pub-karta-tag, .ofr-badge, .nav-nowosc, .mm-nowosc, .hwm-pasek-t {
  font-family: var(--id-sans) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
}
.tag, .pub-karta-tag, .ofr-badge, .nav-nowosc {
  background: none !important; border: 0 !important; padding: 0 !important;
}
html[data-motyw="jasny"] :is(.tag, .ofr-label, .pub-karta-tag) { color: var(--id-zloto-t) !important; }
.tag::before, .tag::after { display: none !important; }

/* ---------- PRZYCISKI: ostre, miedz z bialym tekstem ---------- */
.btn-gold, .nav-cta, .search-btn-gold, .ofr-btn-premium, .cta-plyw, .gr-akc-btn {
  background: var(--id-miedz) !important; color: #fff !important; border: 0 !important;
  font-family: var(--id-sans) !important; font-weight: 600 !important; letter-spacing: .08em !important;
}
.btn-gold:hover, .nav-cta:hover, .search-btn-gold:hover, .ofr-btn-premium:hover, .cta-plyw:hover { background: var(--id-zloto-t) !important; }
html[data-motyw="jasny"] .ofr-btn:not(.ofr-btn-premium) {
  background: var(--id-atrament) !important; color: var(--id-papier) !important; border: 0 !important;
}

/* ---------- NAWIGACJA: miedz, logo zawsze cale biale (na miedzi nigdy zlote .pl) ---------- */
.nav .nav-logo-img { content: url('gruntowo-logo.png') !important; filter: brightness(0) invert(1) !important; }
.nav.scrolled { background: var(--id-miedz) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 0 !important; }
.nav .nav-links a { color: #fff !important; }
.nav .nav-cta { background: var(--id-miedz) !important; color: #fff !important; }
.nav .nav-cta:hover { background: var(--id-zloto-t) !important; }
.nav.scrolled .nav-cta { background: var(--id-atrament) !important; color: var(--id-papier) !important; }
.nav-nowosc { color: var(--id-zloto) !important; font-size: 10px !important; }
.nav.scrolled .nav-nowosc { color: #fff !important; opacity: .85; }
.nav-nowosc svg { display: none !important; }

/* ---------- HERO ----------
   Jak na gruntowo.pl (pola w tle, animowany podglad raportu) na komputerze i na telefonie -
   tylko wyprostowane ramki, bez skosow 3D. Elementy z identyfikacji (pas brazu, zdjecie dzialki) wylaczone. */
.id-hero-panel, .id-hero-foto { display: none !important; }
#szukaj .hero-wizual .hw-scena { transform: scale(var(--hw-skala)) !important; perspective: none !important; }
#szukaj .hero-wizual .hw-ruch, #szukaj .hero-wizual .hw-karta.hw-przod { transform: none !important; }
/* wyszukiwarka prosto (bez skosu 3D); po wyborze miejscowosci nadal przesuwa sie w prawo */
.hero .search-box { transform: none !important; }
/* tryb mapy: ramka z mapa rozciaga sie na cala szerokosc hero, mapa wysoka na ile sie da; podglad raportu znika */
@media (min-width: 1100px) and (hover: hover) {
  .hero.hero-mapa .search-box { width: 88vw !important; max-width: 1360px !important; transform: none !important; }
  .hero.hero-mapa .hero-wizual { opacity: 0 !important; }
}
@media (min-width: 601px) {
  .hero.hero-mapa .map-box { height: clamp(380px, calc(100vh - 430px), 640px) !important; }
}

/* ---------- SEKCJE JASNE: papier, podzial kolorem tla ---------- */
html[data-motyw="jasny"] :is(.sekcja-analiza, #sourcing, #oferty, #faq, #kontakt) { background: var(--id-papier) !important; }
html[data-motyw="jasny"] #sourcing { background: var(--id-papier2) !important; }
html[data-motyw="jasny"] .intro-tekst { background: transparent !important; border: 0 !important; }

/* karty modeli: bez ramek, drugi ton papieru; wyroznienie = kolor tla, nie obramowanie */
html[data-motyw="jasny"] .cards { background: transparent !important; border: 0 !important; gap: 2px !important; }
html[data-motyw="jasny"] .card { background: var(--id-papier) !important; border: 0 !important; }
html[data-motyw="jasny"] #sourcing .card-hi { background: var(--id-braz) !important; }
html[data-motyw="jasny"] #sourcing .card-hi :is(h3, h4, p, .card-n) { color: var(--id-papier) !important; }
html[data-motyw="jasny"] #sourcing .card-hi .card-n { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] .card-n { color: var(--id-zloto-t) !important; }

/* oferty */
html[data-motyw="jasny"] .ofr { background: var(--id-papier2) !important; border: 0 !important; }
html[data-motyw="jasny"] #oferty .ofr-premium { background: var(--id-braz) !important; }
html[data-motyw="jasny"] #oferty .ofr-premium :is(.ofr-num, .ofr-cena, .ofr-unit, .ofr-desc, .ofr-lista li, .ofr-lista li strong) { color: var(--id-papier) !important; }
html[data-motyw="jasny"] #oferty .ofr-premium :is(.ofr-label, .ofr-badge) { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #oferty .ofr-premium .ofr-lista li::before { color: var(--id-zloto) !important; }
.ofr-badge { position: static !important; display: block !important; transform: none !important; margin: 0 0 .6rem !important; font-size: 12px !important; }
.ofr-lista li { border: 0 !important; padding-top: .45rem !important; padding-bottom: .45rem !important; }
html[data-motyw="jasny"] .ofr-num { color: var(--id-atrament) !important; }
html[data-motyw="jasny"] #oferty .ofr-premium .ofr-num { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] a.ofr-pakiet { background: var(--id-papier) !important; border: 0 !important; }
html[data-motyw="jasny"] #oferty .ofr-premium a.ofr-pakiet { background: rgba(242,240,235,.08) !important; }
html[data-motyw="jasny"] :is(.haslo-box, .dataroom) { background: var(--id-papier2) !important; border: 0 !important; }
.dr-icon { display: none !important; }

/* ---------- PUBLIKACJE: sekcja ciemna (atrament) - zdjecia z gory na ciemnym tle ---------- */
html[data-motyw="jasny"] #publikacje, html[data-motyw="ciemny"] #publikacje {
  background: linear-gradient(rgba(48,36,26,.86), rgba(48,36,26,.86)), url('id-mieczewo.jpg?v=1') center / cover no-repeat !important;
}
html[data-motyw="jasny"] #publikacje :is(.h2, h2) { color: var(--id-papier) !important; }
html[data-motyw="jasny"] #publikacje :is(.h2 em, h2 em, .h2 em .ia-slowo) { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #publikacje .tag { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #publikacje .lead { color: rgba(242,240,235,.8) !important; }
html[data-motyw="jasny"] #publikacje .pub-karta { background: rgba(20,14,9,.72) !important; border: 0 !important; }
html[data-motyw="jasny"] #publikacje .pub-karta :is(h3, h4) { color: var(--id-papier) !important; }
html[data-motyw="jasny"] #publikacje .pub-karta :is(h3 em) { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #publikacje .pub-karta :is(p, .pub-karta-stopka span) { color: rgba(242,240,235,.78) !important; }
html[data-motyw="jasny"] #publikacje .pub-karta-tag { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #publikacje .pub-karta-stopka b,
html[data-motyw="jasny"] #publikacje .pub-karta-stopka .btn { background: var(--id-miedz) !important; color: #fff !important; }

/* ---------- FAQ: bez linii, podzial odstepem i tlem ---------- */
.faq-item { border: 0 !important; margin-bottom: 4px !important; }
html[data-motyw="jasny"] .faq-item { background: var(--id-papier2) !important; padding-left: 1.4rem !important; padding-right: 1.4rem !important; }
html[data-motyw="jasny"] .faq-lista { border: 0 !important; }

/* ---------- O NAS: bez rozmytego zdjecia z gradientem; karty jako bloki tla ---------- */
html[data-motyw="jasny"] #ekosystem { background: var(--id-papier2) !important; }
html[data-motyw="jasny"] #ekosystem::before, html[data-motyw="jasny"] #ekosystem::after { display: none !important; }
html[data-motyw="jasny"] .eco-node { background: var(--id-papier) !important; border: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.eco-dot { display: none !important; }
html[data-motyw="jasny"] #ekosystem .ekspert { background: var(--id-braz) !important; border: 0 !important; }
html[data-motyw="jasny"] #ekosystem .ekspert :is(p, blockquote, .ekspert-cytat) { color: var(--id-papier) !important; }
html[data-motyw="jasny"] #ekosystem .ekspert .ekspert-podpis span { color: var(--id-zloto) !important; }
html[data-motyw="jasny"] #ekosystem .ekspert .ekspert-podpis b { color: var(--id-papier) !important; }

/* ---------- KONTAKT ---------- */
html[data-motyw="jasny"] #kontakt :is(input, select, textarea) { background: #fff !important; border: 0 !important; border-bottom: 0 !important; }
html[data-motyw="jasny"] #kontakt .biuro-foto { border: 0 !important; }

/* ---------- STOPKA: atrament, logo podstawowe ---------- */
.footer { background: var(--id-atrament) !important; border: 0 !important; }
.footer .ft-logo-img { content: url('gruntowo-logo.png') !important; filter: none !important; }

/* ---------- PODGLADY RAPORTU (.hero-wizual poza hero): plasko, bez skosu i poswiat ---------- */
.hero-wizual .hw-karta, .hero-wizual .hw-ruch, .hero-wizual .hw-scena { border-radius: 0 !important; box-shadow: none !important; }
.hero-wizual .hw-tyl { display: none !important; }

/* ---------- poprawki po przegladzie ---------- */
.faq-item summary { font-family: var(--id-sans) !important; font-weight: 600 !important; }
.hw-druga .hw-scena, .hw-druga .hw-ruch, .hw-modele .hw-scena, .hw-modele .hw-ruch, .hw-onas .hw-scena, .hw-onas .hw-ruch { transform: none !important; }
.ekspert-foto::before { display: none !important; }
html[data-motyw="jasny"] #publikacje .pub-karta { outline: 0 !important; border: 0 !important; }
.pub-karta :is(h3, .pub-karta-tytul) { font-family: var(--id-serif) !important; font-weight: 400 !important; }
.biuro-foto::before, .biuro-foto::after { background: none !important; }
.biuro-foto figcaption { background: rgba(48,36,26,.88) !important; }
/* podglady raportu plasko (bez skosu 3D) */
.hw-druga .hw-karta.hw-przod, .hw-onas .hw-karta.hw-przod { transform: none !important; }
.hw-modele .hwm.aktywne { transform: none !important; }
.hw-modele .hwm:not(.aktywne) { opacity: 0 !important; }
/* bez linii podzialu takze w wersji ciemnej */
:is(.card, .cards, .ofr, .eco-node, .faq-item, .faq-lista, .pub-karta, .haslo-box, .dataroom, .ekspert, .search-box) { border: 0 !important; outline: 0 !important; }
html[data-motyw="ciemny"] :is(.card, .ofr, .eco-node, .faq-item) { background: var(--surf) !important; }
html[data-motyw="ciemny"] :is(.card-hi, .ofr-premium, .ekspert) { background: var(--id-braz) !important; }
html[data-motyw="ciemny"] :is(.h2 em, h2 em, .h2 em .ia-slowo) { color: var(--id-zloto) !important; }

/* opis pod mapa wyboru dzialki ("Wybrana dzialka: nr ...") - wiekszy i ciemniejszy */
.hero .map-hint-coords { font-size: 15.5px !important; font-weight: 600 !important; line-height: 1.5 !important; color: #0b0c0a !important; opacity: 1 !important; margin: .7rem 0 .9rem !important; }
.hero .map-hint-coords strong { color: #7a5c22 !important; }
html[data-motyw="ciemny"] .hero .map-hint-coords { color: #f2f0eb !important; }
html[data-motyw="ciemny"] .hero .map-hint-coords strong { color: #c9a96e !important; }

/* formularz w wyszukiwarce: mocniejszy kontrast tekstow pomocniczych i pol */
.hero .search-box :is(.search-hint-sm, .zgoda-kontakt, .zgoda-kontakt span, .map-hint, label) { color: #0b0c0a !important; opacity: 1 !important; }
.hero .search-box .zgoda-kontakt span { font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; }
.hero .search-box .search-hint-sm { font-weight: 500 !important; }
.hero .search-box input { color: #0b0c0a !important; font-weight: 500 !important; }
.hero .search-box input::placeholder { color: rgba(11,12,10,.62) !important; opacity: 1 !important; }
html[data-motyw="ciemny"] .hero .search-box :is(.search-hint-sm, .zgoda-kontakt, .zgoda-kontakt span, .map-hint, label) { color: #f2f0eb !important; }
html[data-motyw="ciemny"] .hero .search-box input { color: #f2f0eb !important; }
html[data-motyw="ciemny"] .hero .search-box input::placeholder { color: rgba(242,240,235,.62) !important; }