/* =====================================================================================================
   DASTAN BTP · WERSJA NOCNA (01.10.2026) — tryb ciemny telefonów, które same przemalowują strony.
   Daniel (Samsung, tryb ciemny systemu): „nie ma złotego DASTAN, tylko bordowy… brązowe czy ciemna zieleń”, „mobilna zależy
   od trybu dzień/noc”. Samsung Internet (i podobne przeglądarki producentów) ignoruje color-scheme: only light i sam przerabia
   kolory: jasne tła i gradienty ciemnieją (złoto 24K → brąz), ciemne wypełnienia SVG jaśnieją (ląd na mapie → szary).
   Zamiast tego strona przechodzi na własną noc w palecie A: lakier nocy, kremowe litery, złoto jednolite. Same „bezpieczne”
   środki: ciemne tła, jasne jednolite litery i obrysy, bez gradientów w napisach i bez jasnych teł — przerabiacz nie ma
   czego ruszyć. Klasa html.noc z głowy strony (Samsung i inni przy ciemnym trybie systemu; ?noc=1 = podgląd wszędzie).
   ===================================================================================================== */
html.noc{color-scheme:dark;--noc-tlo:var(--pal-noc);--noc-tlo2:#0E1523;--noc-karta:#1A2232;--noc-litery:var(--pal-chaux);
  --noc-litery2:rgba(246,245,241,.74);--noc-zloto:var(--pal-or);--noc-linia:rgba(246,245,241,.16)}
html.noc body{background:var(--noc-tlo)}

/* 1) jasne sekcje dnia → noc: te same zmienne, które dzień czyta (tła, litery, linie, złoto) */
html.noc :is(.e-hz,#documents,#metiers,.e-cs.paper,.e-col,.e-arch,.e-reg,#anat,#projets,#avap,#galerie,#estimation,#contact,#panel,.e-int,.panel,.e-portal){
  --e-paper:var(--noc-tlo);--e-paper-rgb:var(--pal-noc-rgb);--e-stone:var(--noc-tlo2);--e-stone-rgb:14,21,35;--e-alu:var(--noc-tlo2);
  --e-ink:var(--noc-litery);--e-ink-rgb:var(--pal-chaux-rgb);--e-ink-2:var(--noc-litery2);--e-gold-d:var(--noc-zloto);
  --e-line:var(--noc-linia);--z24:linear-gradient(var(--noc-zloto),var(--noc-zloto));color:var(--noc-litery)}
html.noc :is(.e-hz,#documents,#metiers,.e-col,.e-arch,.e-reg,#anat,#projets,#avap,#galerie,#estimation,#contact,#panel,.panel){background-color:var(--noc-tlo)}
html.noc :is(#documents,#anat,#galerie,#panel){background-color:var(--noc-tlo2)}
html.noc .e-cs.paper .e-cs_disc{background:var(--noc-tlo2)}
/* aksamit na każdej nocnej powierzchni, jak w metodzie, wizycie i stopce (Daniel: „powinien być welur”) */
html.noc :is(.e-hz,#documents,#metiers,.e-col,.e-arch,.e-reg,#anat,#projets,#avap,#galerie,#estimation,#contact,#panel,.panel){background-image:url(/img/era/aksamit-runo.webp),url(/img/era/aksamit-polysk.webp);background-size:240px 240px,1024px 1024px;background-repeat:repeat}

/* 2) napisy malowane gradientem (złoto 24K, laka) → złoto 24K z bitmapy. Przerabiacz ciemni każdy gradient CSS (24K → brąz),
   a obrazów nie rusza; jednolite złoto Daniel nazwał „kiepską jakością” (01.10). Folia: narzedzia/zloto_folia.py (te same
   przystanki co --pal-z24-jasne + szlif metalu). Jednolite złoto zostaje jako zapas tam, gdzie nie ma background-clip:text.
   Słowa pisane w h2 sekcji z danymi mają w palecie regułę z ID (#anat… h2 em.c), stąd te ID i em.c na drugiej liście. */
html.noc :is(.e-t,.e-s,h1,h2,h3,.e-zloto,.e-dep small,.e-kp b,.e-gal_n,.e-foot_tel .e-t,.e-vip_nr,.e-docs_s,.e-portal_n),html.noc #steps b,html.noc #tiles .tile .t b,
html.noc body :is(.e-t,.e-s,h1,h2,h3,.e-zloto,#anat h2,#projets h2,#avap h2,#estimation h2,#contact h2) :is(em,em.c,span,b,i,.nw){-webkit-text-fill-color:var(--noc-zloto)!important;color:var(--noc-zloto)!important}
@supports (-webkit-background-clip:text) or (background-clip:text){
html.noc :is(.e-t,.e-s,h1,h2,h3,.e-zloto,.e-dep small,.e-kp b,.e-gal_n,.e-foot_tel .e-t,.e-vip_nr,.e-docs_s,.e-portal_n),html.noc #steps b,html.noc #tiles .tile .t b,
html.noc body :is(.e-t,.e-s,h1,h2,h3,.e-zloto,#anat h2,#projets h2,#avap h2,#estimation h2,#contact h2) :is(em,em.c,span,b,i,.nw){background-image:url(/img/era/zloto-24k.webp)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important}
/* rodzic bez własnego tekstu z obróconym dzieckiem (hero: „Paris & Côte d'Azur” obrócone): jego folia przycina się do liter
   dziecka sprzed obrotu i zostaje duch — folię niosą same dzieci */
html.noc body .e-hero .e-hero_t{background-image:none!important}
}
/* zwykłe teksty i etykiety w nocnych sekcjach: krem */
html.noc :is(.e-u,.lbl,p,li,dt,dd,label,small,td,th,figcaption){-webkit-text-fill-color:currentColor}

/* 3) przyciski: złote wypełnienia → złota nić na nocy (jasne tło przerabiacz zamieniłby w brąz) */
html.noc :is(.pill.solid,.mbar .mb-rdv,.e-vip_rdv,.rdv-kroki li.on>span,.rdv-karta[aria-checked="true"]>span,.skip-c){background:var(--noc-tlo)!important;
  border:1px solid var(--noc-zloto)!important;color:var(--noc-zloto)!important;-webkit-text-fill-color:var(--noc-zloto)!important;box-shadow:none!important}
html.noc .mbar{background:var(--noc-tlo2)}
html.noc .e-dots i{background:none!important;border:2px solid currentColor;box-sizing:border-box}
html.noc :is(.e-dep i,.e-pin i){background:none!important;border:3px solid var(--noc-zloto);box-shadow:none!important}

/* 4) karty, kafle, kartki dokumentów, galeria, pola formularzy: z jasnych na nocne */
html.noc :is(#tiles .tile,#masonry .ph,.proj .cmp,.e-docs_pp,.e-docs_sh,.e-docs_gt .e-docs_ms,.e-docs_ph figure,.rdv-karta>span,#anpts .pt){background-color:var(--noc-karta)!important}
html.noc #tiles .tile_typ,html.noc #pfig .tile_typ{background:var(--noc-karta)!important}
html.noc .e-docs_pp{color:var(--noc-litery);background-image:none!important}
html.noc :is(.e-docs_rule,.e-docs_leg i,.e-docs_ms){background-color:var(--noc-zloto)!important}
html.noc :is(input,textarea,select,option,optgroup){background-color:var(--noc-tlo2)!important;color:var(--noc-litery)!important;-webkit-text-fill-color:var(--noc-litery)!important}
html.noc :is(.es-form,.es-out,.es-why,.contact form,.contact .grid>div){background:var(--noc-karta)!important}

/* 5) szkic kamienicy: na nocy złoty rysunek na przezroczystym tle (akwarela w jasnym owalu była „jajkiem”;
   plik z narzedzia/szkic_zloto.py), szkic Menton w ramce jak w dzień */
html.noc .e-szkic-paris img{content:url(/img/era/croquis-paris-zloto-800.webp);mix-blend-mode:normal!important;filter:none!important}
html.noc .e-loc_szkic img{mix-blend-mode:normal!important;filter:none!important}

/* 6) mapy: ląd bez wypełnienia (ciemne wypełnienie przerabiacz rozjaśnia na szaro), linie jednolitym złotem */
html.noc .e-map :is(.e-map_lad,.e-map_wyspa){fill:transparent!important}
html.noc .e-map :is(.e-map_brzeg,.e-map_rzeka){stroke:var(--noc-zloto)!important}
html.noc .e-map svg{filter:none!important}

/* 7) pasek górny zawsze nocny (w dzień zmieniał się na jasny nad jasnymi sekcjami — tych w nocy nie ma) */
html.noc body>header.e-head{color:var(--noc-litery)!important}
html.noc body>header.e-head::after{opacity:0!important}
html.noc body>header.e-head::before{opacity:1!important}

/* =====================================================================================================
   NOC · DOPISEK „Szkatułka” (wariant B dekoratora 01.10.2026) — wkleić na KONIEC css/noc.css. Pliki: img/era/croquis-azur-zloto-noc.webp, nic-zlota.webp, tusz.webp (dekorator_0110/tekstury.py).
   W nocy cała strona jest ciemna, więc jedna zasada dla wszystkich sekcji (jak ustaliła rada 26.09 dla ciemnego motywu):
   tytuły kremowe, złoto 24K tylko na tym, co ma świecić — DASTAN BTP, słowa pisane, wielkie PARIS, MENU, numery w stopce,
   złoty przycisk. Pierwszy ekran pokazuje willę nocą (to samo zdjęcie co karta „nuit”): złoto na granatowym niebie świeci,
   na jasnobłękitnym gasło. Szkice Paryża i Menton to złote ryciny w podwójnej złotej ramce, łączenia sekcji złotą nicią
   z bitmapy, główny przycisk znów pełny, złoty (folia 24K + litery czarną laką z bitmapy).
   Tylko bezpieczne środki: obrazy (zdjęcie, folia, nić, tusz), jasne jednolite kolory, jasne ramki. Bez gradientów CSS.
   Prefiks html.noc:not(#n):not(#n) podnosi wagę nad listy z ID z sekcji 2 i 3 noc.css.
   ===================================================================================================== */

/* 1) pierwszy ekran nocą: willa z zapalonymi oknami pod granatowym niebem */
html.noc:not(#n):not(#n) .e-hero_tab[data-tab="jour"]{opacity:0!important}
html.noc:not(#n):not(#n) .e-hero_tab[data-tab="nuit"]{opacity:1!important}
html.noc:not(#n):not(#n) .e-hero_t .e-hero_k,html.noc:not(#n):not(#n) .e-hero_t .e-hero_k *{background-image:none!important;
  -webkit-text-fill-color:var(--pal-chaux)!important;color:var(--pal-chaux)!important}
html.noc:not(#n):not(#n) .e-hero_row :is(span,b){-webkit-text-fill-color:var(--pal-chaux)!important;color:var(--pal-chaux)!important;
  filter:drop-shadow(0 0 1px rgba(8,10,16,.9)) drop-shadow(0 1px 8px rgba(8,10,16,.55))!important}
html.noc:not(#n):not(#n) .e-hero_row .e-hero_mot i{background:var(--pal-or)!important}
/* złoto jak światło: ledwie widoczna ciepła poświata wokół nazwy (jasny kolor, przerabiacz go nie rusza) */
html.noc:not(#n):not(#n) :is(.e-hero_a,.e-hero_b,.e-hero_s){filter:drop-shadow(0 0 12px rgba(255,214,150,.2))}

/* 2) tytuły kremowe we wszystkich sekcjach (poza hero, menu i stopką); wielkie PARIS (.e-zloto) zostaje złote */
html.noc:not(#n):not(#n) :is(.e-grow,.e-hz,#documents,#metiers,#process,.e-col,.e-arch,.e-reg,#anat,#projets,#galerie,#estimation,#rdv,#contact) :is(.e-t,h2,h3,.e-docs_t,.e-docs_ct,#steps b,#tiles .tile .t b):not(.e-zloto),
html.noc:not(#n):not(#n) :is(.e-grow,.e-hz,#documents,#metiers,#process,.e-col,.e-arch,.e-reg,#anat,#projets,#galerie,#estimation,#rdv,#contact) :is(.e-t,h2,h3,.e-docs_t):not(.e-zloto) :is(span:not(.e-s),.nw,b,i),
html.noc:not(#n):not(#n) p.e-t{background-image:none!important;-webkit-text-fill-color:var(--pal-chaux)!important;color:var(--pal-chaux)!important}

/* 3) złoto 24K tylko na akcentach */
html.noc:not(#n):not(#n) :is(.e-grow,.e-hz,#documents,#metiers,#process,.e-col,.e-arch,.e-reg,#anat,#projets,#galerie,#estimation,#rdv,#contact) :is(em,.e-s,.e-docs_s,.e-zloto,.e-gal_n){
  background-image:url(/img/era/zloto-24k.webp)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}

/* 4) szkice jak ryciny: złoty rysunek (Menton z tekstury.py, kamienica z noc.css) w podwójnej złotej ramce */
html.noc:not(#n):not(#n) .e-szkic-azur img{content:url(/img/era/croquis-azur-zloto-noc.webp)}
html.noc:not(#n):not(#n) :is(.e-szkic-paris,.e-szkic-azur){background:none!important;box-shadow:none!important;
  border:1px solid var(--pal-or)!important;outline:1px solid var(--pal-or);outline-offset:5px;padding:12px 12px 26px!important;box-sizing:border-box}
/* rysunki mają u góry puste niebo: kadr bliżej budynku, żeby ramka nie wisiała pusta */
html.noc:not(#n):not(#n) :is(.e-szkic-paris,.e-szkic-azur) img{aspect-ratio:1/1.12;object-fit:cover;object-position:50% 78%;height:auto}
html.noc:not(#n):not(#n) :is(.e-szkic-paris,.e-szkic-azur) .e-vis{color:var(--pal-or)!important;-webkit-text-fill-color:var(--pal-or)!important;background:none!important}

/* 5) złota nić na łączeniach sekcji: bitmapa zamiast gradientu (gradient Samsung zamienia w brąz) */
html.noc:not(#n):not(#n) main>section:is(.e-docs,.metiers,.e-reg,.anat,.projets,.galerie,.estim,.contact)::before{
  background:url(/img/era/nic-zlota.webp) center/100% 100% no-repeat!important;height:2px!important}

/* 6) „Rendez-vous” w dolnym pasku znów pełny i złoty, jak w dzień: folia 24K pod spodem, litery czarną laką z bitmapy
      (ciemnego koloru liter Samsung by nie zostawił w spokoju, obrazu nie rusza). Reszta przycisków zostaje czarno-złota
      (.pill.solid w dzień też jest czarną laką ze złotym napisem). */
html.noc:not(#n):not(#n) .mbar .mb-rdv{
  background-image:url(/img/era/tusz.webp),url(/img/era/zloto-24k.webp)!important;background-size:192px 192px,100% 100%!important;
  background-repeat:repeat,no-repeat!important;-webkit-background-clip:text,border-box!important;background-clip:text,border-box!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;border-color:#F3DC9A!important}

/* 7) dokumenty: litery sekcji brały ciemny tusz dnia (--dk-ink #15171B, --dk-i2 #4A4F57): na granacie prawie niewidoczne,
      a Samsung rozjaśniłby je po swojemu. Kremowe jak reszta nocy. */
html.noc:not(#n):not(#n) .e-docs{--dk-ink:var(--pal-chaux);--dk-i2:rgba(246,245,241,.74);--dk-gold:var(--pal-or);--dk-gt:var(--pal-or)}

/* 8) czytelność nocy (agent czytelności 01.10, pomiar na S25 Ultra): zaznaczona karta rezerwacji miała granatowe tło
      kart i ciemny tusz dnia (1,13:1) — w nocy złota ramka i złote litery; stare złoto #7F5E1C (kody DB, „Przykład 01”,
      numery anatomii) na granacie miało 2,7–3,1:1 — w nocy złoto nocy */
html.noc #rdv .rdv-karta input:checked+span{border-color:var(--noc-zloto)!important;color:var(--noc-zloto)!important;-webkit-text-fill-color:var(--noc-zloto)!important;box-shadow:inset 0 0 0 1px var(--noc-zloto)!important}
html.noc #rdv .rdv-karta input:checked+span small{color:var(--noc-litery2)!important;-webkit-text-fill-color:var(--noc-litery2)!important}
html.noc{--pal-or-v:var(--noc-zloto)}
/* 9) panel „Construction”: kremowe litery stały na jasnym zdjęciu (1,5–2,3:1) — w nocy zdjęcia ciemnieją jak o zmierzchu */
html.noc .e-arch_st :is(.e-arch_a,.e-arch_b) img{filter:brightness(.6) saturate(.92)!important}
/* 10) noc z animacjami (01.10: ruch domyślnie także na telefonach): SplitText dzieli tytuły na słowa i litery, w dzień każda
      dostaje gradient 24K (era.css „.e-t *”), u Samsunga brąz. W nocy litery w trakcie animacji biorą to, co ich tytuł:
      folię z obrazu albo krem */
html.noc :is(.split-char,.split-word,.split-line,.split-line-mask){background-image:inherit!important;background-size:inherit!important;background-repeat:inherit!important;
  -webkit-background-clip:inherit!important;background-clip:inherit!important;-webkit-text-fill-color:inherit!important;color:inherit!important}

/* =====================================================================================================
   TRYB CIEMNY SAMSUNGA, WYKRYTY (klasy fd + noc z głowy index.html) — rada 01.10 + Astra.
   Daniel: „brąz i błękit w trybie ciemnym”, „tak nie zostawiamy”. Samsung przy trybie ciemnym przemalowuje stronę po swojemu
   i nie da się tego wyłączyć, ale da się to przewidzieć (pomiary z S25 Ultra + źródła Chromium):
   · jasne tła odwraca w ciemne, ciemnych teł nie rusza → wersja nocna (granat) przechodzi bez zmian;
   · litery ciemniejsze niż ok. 90% bieli odwraca (jasność w LAB) → złote litery #E5C277 wychodziły brązem; tu złoto liter
     to ciemny przedobraz #5C4600, który po odwróceniu daje jasne złoto (≈#E1C079);
   · obrazy przygasza: tła z obrazu (folia 24K, aksamit, złota nić) o połowę, zdjęcia <img> do 70% → filtr jasności, który
     przeglądarka nakłada PO przemalowaniu, oddaje dokładnie tyle, ile zabrał (--fd-folia, --fd-foto; tylko Samsung — inne
     przeglądarki z wymuszonym ciemnym obrazów nie przygaszają);
   · aksamit (półprzezroczyste runo) przygaszony dawał szare plamy → w tym trybie gładka noc;
   · obrysy „ołówkiem” pod folią odwracały się w jasną obwódkę → bez obrysu.
   Filmy i rysunki z canvas przemalowanie omija — bez zmian. Bez fd (Windows, iPhone, Samsung w jasnym) ten blok nic nie robi.
   ===================================================================================================== */
html.noc.fd{--fd-folia:1;--fd-foto:1;--fd-zloto:#5C4600;--noc-zloto:var(--fd-zloto);--pal-or-v:var(--fd-zloto)}
html.noc.fd.sam{--fd-folia:2;--fd-foto:1.43}
/* tła z jednolitego złota Samsung zostawia (ciemniejsze niż próg tła) — tu złoto zostaje złotem */
html.noc.fd :is(.e-docs_rule,.e-docs_leg i,.e-docs_ms){background-color:#E5C277!important}
html.noc.fd:not(#n):not(#n) .e-docs{--dk-gt:var(--fd-zloto)}

/* 1) aksamit → gładka noc (jednolity granat; tarcza kompasu, scena 3 i plansze Paryż/Wybrzeże w tonie środka swojego gradientu) */
html.noc.fd :is(.e-hz,#documents,#metiers,.e-col,.e-arch,.e-reg,#anat,#projets,#avap,#galerie,#estimation,#contact,#panel,.panel,.e-grow,.process,.e-cs.paper,.rdv,footer,.e-foot,.e-menu_c,.e-foot_mrok,.e-cs-kompas .e-cs_disc,.e-grow_st,.e-hz_loc){background-image:none!important}
html.noc.fd :is(.e-cs-kompas .e-cs_disc,.e-grow_st){background-color:#141D2E!important}
html.noc.fd .e-hz_loc{background-color:#111827!important}

/* 2) folia 24K w literach: jasność oddana raz, na najbardziej zewnętrznym elemencie (zagnieżdżone bez filtra, inaczej ×4) */
html.noc.fd :is(.e-t,.e-s,h1,h2,h3,em,.e-zloto,.e-dep small,.e-kp b,.e-gal_n,.e-vip_nr,.e-docs_s,.e-portal_n,#steps b,#tiles .tile .t b,.mbar .mb-rdv){filter:brightness(var(--fd-folia))!important;-webkit-text-stroke:0!important}
html.noc.fd :is(.e-t,.e-s,h1,h2,h3,em,.e-zloto,.e-dep small,.e-kp b,.e-gal_n,.e-vip_nr,.e-docs_s,.e-portal_n,#steps b,#tiles .tile .t b) :is(.e-t,.e-s,h1,h2,h3,em,.e-zloto,.e-dep small,.e-kp b,.e-gal_n,.e-vip_nr,.e-docs_s,.e-portal_n,#steps b,#tiles .tile .t b){filter:none!important}
html.noc.fd :is(.e-t,.e-s,h1,h2,h3,em,.e-docs_s,.e-docs_t) *{-webkit-text-stroke:0!important}
/* złota nić na łączeniach (obraz) */
html.noc.fd main>section:is(.e-docs,.metiers,.e-reg,.anat,.projets,.galerie,.estim,.contact)::before{filter:brightness(var(--fd-folia))}
/* „Rendez-vous” w dolnym pasku: obrys jasnym złotem z przedobrazu */
html.noc.fd:not(#n):not(#n) .mbar .mb-rdv{border-color:var(--fd-zloto)!important}
/* ramki szkiców i plakietki: złoto liter */
html.noc.fd:not(#n):not(#n) :is(.e-szkic-paris,.e-szkic-azur){border-color:var(--fd-zloto)!important;outline-color:var(--fd-zloto)}
html.noc.fd:not(#n):not(#n) :is(.e-szkic-paris,.e-szkic-azur) .e-vis{color:var(--fd-zloto)!important;-webkit-text-fill-color:var(--fd-zloto)!important}

/* 3) zdjęcia <img>: Samsung przygasza je do 70% — oddane (te z własnym przyciemnieniem: iloczyn) */
html.noc.fd:not(#n):not(#n) img{filter:brightness(var(--fd-foto))!important}
html.noc.fd:not(#n):not(#n) .e-menu_prem_img img:nth-child(1){filter:brightness(calc(.55 * var(--fd-foto)))!important}
html.noc.fd:not(#n):not(#n) .e-menu_prem_img img:nth-child(2){filter:brightness(calc(.7 * var(--fd-foto)))!important}
html.noc.fd:not(#n):not(#n) .e-vip_bg img{filter:brightness(calc(.62 * var(--fd-foto))) saturate(.9)!important}
html.noc.fd:not(#n):not(#n) .e-arch_st :is(.e-arch_a,.e-arch_b) img{filter:brightness(calc(.6 * var(--fd-foto))) saturate(.92)!important}

/* 4) ikony i kreski malowane tłem w kolorze liter (słuchawka, plus menu, kreski zakładek, suwak): jasne tło Samsung odwraca
      w ciemne i ikony znikały → złoto i jasna szarość tuż poniżej progu tła (te Samsung zostawia, jak są) */
html.noc.fd .e-head .htel-btn::before{background:#E5C277!important}
html.noc.fd .e-head .htel-btn{box-shadow:inset 0 0 0 1px rgba(229,194,119,.55)!important}
html.noc.fd .e-head a.htel+a.htel::before,html.noc.fd .e-sbar_th::after,html.noc.fd .e-tabs i::after{background:#CCC6BA!important}
html.noc.fd :is(.e-menu-btn .e-plus i,.e-tabs i){background:#CCC6BA!important}
/* 5) silnik złota (js/zloto.js, Samsung) już daje złoto odporne na przemalowanie — bez drugiego podbicia jasności */
html.noc.fd.zl{--fd-folia:1}