/* DynRes — panel „Ułatwienia dostępu” i tryb .ulatwienia (System 2.0 §8, plan W1-16, 9.10.2026).
   Wartości trybu (kolory, rozmiary, przyciski, fokus) pochodzą z dynres-tokeny.css (:root.ulatwienia) —
   tu tylko przypięcie ich do elementów motywu. Kontrola: _narzedzia/sprawdz_ulatwienia.py. */

/* ---------- przycisk w nagłówku ---------- */
.u-przycisk{display:inline-flex;align-items:center;gap:8px;margin-left:auto;margin-right:16px;padding:10px;min-width:44px;min-height:44px;
  background:transparent;border:1px solid transparent;border-radius:999px;color:var(--grafit);cursor:pointer;font:inherit}
.u-przycisk:hover{color:var(--terakota-tekst)}
.u-przycisk[aria-expanded="true"]{border-color:var(--grafit)}
.u-przycisk svg{flex:0 0 auto}
.u-przycisk-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.u-przycisk + .wp-block-navigation{margin-left:0 !important}
.u-przycisk--akcje{margin:0 0 0 12px}
@media (max-width:1150px){.u-przycisk{margin-right:8px}}

/* ---------- panel ---------- */
.u-panel{position:fixed;right:16px;z-index:2000;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;
  background:var(--kosc);color:var(--grafit);border:1px solid var(--grafit);box-shadow:0 12px 32px color-mix(in srgb,var(--grafit) 18%,transparent);padding:18px 18px 16px;
  font-family:var(--body);font-size:1rem;line-height:1.5}
.u-panel[hidden]{display:none}
.u-naglowek{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.u-tytul{margin:0;font-family:var(--head);font-weight:400;font-size:1.15rem}
.u-zamknij{min-width:44px;min-height:44px;margin:-10px -10px -10px 0;background:none;border:0;font-size:1.8rem;line-height:1;color:var(--grafit);cursor:pointer}
.u-grupa{margin:0 0 8px;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-2)}
.u-przelaczniki{display:grid;gap:8px;margin-bottom:12px}
.u-przelacznik{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;text-align:left;border:1px solid var(--linia);
  background:var(--kosc);color:var(--grafit);font:inherit;font-size:1.0625rem;cursor:pointer}
.u-znacznik{flex:0 0 auto;width:22px;height:22px;border:1.5px solid var(--grafit);display:inline-flex;align-items:center;justify-content:center}
.u-przelacznik[aria-pressed="true"]{background:var(--grafit);color:var(--kosc);border-color:var(--grafit)}
.u-przelacznik[aria-pressed="true"] .u-znacznik{border-color:var(--kosc)}
.u-przelacznik[aria-pressed="true"] .u-znacznik::after{content:"";width:10px;height:6px;border:2px solid var(--kosc);border-top:0;border-right:0;transform:translateY(-2px) rotate(-45deg)}
.u-reset{width:100%;min-height:44px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--grafit);font:inherit;cursor:pointer}
.u-info{margin:6px 0 0;font-size:.875rem;color:var(--tekst-2)}
.u-panel :focus-visible,.u-przycisk:focus-visible{outline:var(--fokus-obrys) solid var(--fokus);outline-offset:3px}

/* ---------- tryb ułatwień: klasa .ulatwienia na <html> (tokeny 2.0, §8) ---------- */
/* Tła: Kość i Piasek → biel (Grafit na bieli 14,23 : 1). Piasek jako linia zostaje (ozdobna). */
html.ulatwienia{--kosc:var(--bialy);--wp--preset--color--kosc:var(--bialy);--wp--preset--color--piasek:var(--bialy);
  --grafit-70:var(--grafit);--terakota-tekst:var(--tekst-akcent);
  /* skala WP (theme.json) → skala trybu */
  --wp--preset--font-size--small:var(--t-mala-rozmiar);--wp--preset--font-size--medium:var(--t-tresc-rozmiar);
  --wp--preset--font-size--large:var(--t-lead-rozmiar);--wp--preset--font-size--x-large:var(--t-h2-rozmiar);
  --wp--preset--font-size--xx-large:var(--t-h1-rozmiar);
  /* rozmiary motywu są w rem (treść 1,125 rem = 18 px) → 23 px */
  font-size:calc(100% * 23 / 18)}
html.ulatwienia body{background:var(--tlo);color:var(--tekst);font-size:var(--t-tresc-rozmiar);line-height:var(--t-tresc-interlinia);
  letter-spacing:var(--t-tresc-swiatlo);word-spacing:var(--t-slowa-odstep)}
html.ulatwienia main :is(p,li,dd,figcaption,blockquote){max-width:var(--t-tresc-maks-znakow);line-height:var(--t-tresc-interlinia)}
html.ulatwienia h1{font-size:var(--t-h1-rozmiar)}
html.ulatwienia h1.hero-opis{font-size:inherit}   /* SEO-1: H1 strony głównej to zdanie o usłudze — rozmiar treści */
html.ulatwienia h2{font-size:var(--t-h2-rozmiar)}
html.ulatwienia h3{font-size:var(--t-h3-rozmiar);color:var(--t-h3-kolor)}
html.ulatwienia h4{font-size:var(--t-h4-rozmiar);letter-spacing:var(--t-h4-swiatlo);color:var(--t-h4-kolor)}
html.ulatwienia .label{color:var(--t-etykieta-kolor)}
html.ulatwienia .label::before,html.ulatwienia .plain-list li::before,html.ulatwienia .program::before{background:var(--grafit) !important}
/* tła Piasek i tinty → biel z obrysem Grafit 1 px */
html.ulatwienia :is(.bg-piasek,.has-piasek-background-color,.doc-table thead th,.todo,.program,.booking-slot,.case-bubble,.dx-tip,.consent){
  background:var(--bialy) !important;color:var(--tekst)}
html.ulatwienia :is(.bg-piasek,.has-piasek-background-color){border-block:1px solid var(--grafit)}
html.ulatwienia :is(.program,.booking-slot,.case-bubble,.todo){border:1px solid var(--grafit) !important;outline:0}
html.ulatwienia .case.active .case-bubble{background:var(--grafit) !important;color:var(--bialy)}
html.ulatwienia .case.active .case-bubble *{color:var(--bialy)}
/* ciemne pasy (Grafit): cały tekst biały — akcenty Szałwia/Terakota też (kontrast 14,23 : 1) */
html.ulatwienia :is(.bg-grafit,.has-grafit-background-color,.audience,.site-footer,footer.wp-block-template-part) :is(p,li,span,h2,h3,h4,.label,.footer-h,a:not(.wp-block-button__link):not(.btn):not(.mobile-bar a)){color:var(--bialy) !important}
html.ulatwienia :is(.bg-grafit,.has-grafit-background-color,.audience,.site-footer,footer.wp-block-template-part) .label::before{background:var(--bialy) !important}
/* panel mapy zasięgu: biel z obrysem, tekst Grafit (znaczniki mapy bez zmian) */
html.ulatwienia .dynres-map-panel{background:var(--bialy);border:1px solid var(--grafit);backdrop-filter:none;-webkit-backdrop-filter:none}
html.ulatwienia .dynres-map-panel :is(p,span,strong,h3,div){color:var(--grafit) !important}
/* cytat: Lato kursywa 23 px; inicjał wyłączony */
html.ulatwienia :is(blockquote,.wp-block-quote,.wp-block-pullquote) :is(p,cite){font-family:var(--t-cytat-rodzina);font-weight:var(--t-cytat-waga);
  font-style:var(--t-styl-cytatu);font-size:var(--t-cytat-rozmiar);color:var(--t-cytat-kolor)}
html.ulatwienia :is(.has-drop-cap,.dr-inicjal)::first-letter{font:inherit;color:inherit;float:none;padding:0;margin:0}
/* linki: Grafit, zawsze podkreślone; tekst drugorzędny bez przezroczystości */
html.ulatwienia main a:not(.btn):not(.wp-element-button):not(.wp-block-button__link){color:var(--link);text-decoration:underline;text-underline-offset:3px}
html.ulatwienia main a:not(.btn):not(.wp-element-button):not(.wp-block-button__link):hover{color:var(--link-hover);text-decoration-thickness:2px}
html.ulatwienia :is(.audience-nav a,.lang-switch a,.tel-link::before){opacity:1}
html.ulatwienia .audience-nav a[aria-current="page"]{border-bottom-color:var(--bialy)}
html.ulatwienia .dx-term{border-bottom-color:var(--grafit) !important}
html.ulatwienia .todo{outline-color:var(--grafit)}
/* przyciski: 21 px, min. 56 px, obrys 2 px; ciemne zostają ciemne (biel na Grafit) */
html.ulatwienia :is(.btn,.btn-primary,.wp-element-button,.wp-block-button__link,.dr-form button[type=submit]){font-size:var(--t-przycisk-rozmiar);
  min-height:var(--przycisk-min-wysokosc);border:var(--przycisk-obrys) solid var(--grafit);display:inline-flex;align-items:center;justify-content:center}
html.ulatwienia :is(.btn-primary,.wp-element-button,.wp-block-button__link,.dr-form button[type=submit],.mobile-bar a + a){background:var(--grafit);color:var(--bialy)}
html.ulatwienia .bg-grafit :is(.wp-block-button__link,.btn-primary){background:var(--bialy);color:var(--grafit);border-color:var(--bialy)}
/* pola formularza i fokus */
html.ulatwienia main :is(input,select,textarea){border:var(--pole-obramowanie-grubosc) solid var(--pole-obramowanie);background:var(--bialy);color:var(--tekst)}
html.ulatwienia :focus-visible{outline:var(--fokus-obrys) solid var(--fokus) !important;outline-offset:3px}
/* nakładki na zdjęciach tylko jako pełny pas Grafit */
html.ulatwienia .wp-block-cover__background{background:var(--grafit) !important;opacity:1 !important}
html.ulatwienia .photo-img figcaption{font-size:var(--t-mala-rozmiar);color:var(--t-mala-kolor)}
/* nagłówek strony w px — inaczej menu wypycha „Umów wizytę” poza ekran (rem rośnie o 28 %) */
html.ulatwienia .site-header .wp-block-navigation{font-size:15px}
html.ulatwienia .site-header .tel-link{font-size:16px}
html.ulatwienia .site-header .tel-link::before{font-size:14px}
html.ulatwienia .site-header :is(.btn,.wp-element-button){font-size:16px;min-height:48px}
html.ulatwienia :is(.audience-nav a,.lang-switch a){font-size:15px}
html.ulatwienia .u-panel{font-size:17px}
html.ulatwienia .u-przelacznik{font-size:18px}

/* Większe odstępy (WCAG 1.4.12) */
html.u-odstepy main :is(p,li,td,dd,figcaption){line-height:1.9 !important;letter-spacing:.03em !important;word-spacing:.12em !important}
html.u-odstepy main p{margin-bottom:1.3em !important}

/* Zatrzymanie animacji */
html.u-ruch *,html.u-ruch *::before,html.u-ruch *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}