/* ==========================================================================
   TMAVÝ REŽIM – přepínač a ruční doladění (modul 71_Tmavy_rezim, 17. 10. 2026)
   --------------------------------------------------------------------------
   Načítá se na webu za všemi ostatními styly. Převod barev celého webu je
   ve vygenerovaných souborech *-tmavy.css (nástroj nastroje/styly/generuj.py);
   sem patří jen to, co vzorec nevystihne.
   Tmavé barvy: podklad #141518, karta #1F2125, zvýrazněná plocha #2A2C31,
   linka #3A3C42, text #ECE7E0, šedý text #A9ACB3, zlatá #BC926A / #D4B08C.
   ========================================================================== */

/* ---------- Přepínač (slunce / měsíc) – v obou režimech ---------- */
.ww-rezim-btn {
    appearance: none; -webkit-appearance: none;
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    margin: 0; padding: 0; border: 1px solid transparent; border-radius: 999px;
    background: transparent; box-shadow: none; cursor: pointer;
    font: inherit; line-height: 1; text-decoration: none; text-transform: none;
    transition: border-color .15s, color .15s, background-color .15s;
}
.ww-rezim-btn .ww-rezim-ikona { display: block; flex-shrink: 0; }
.ww-rezim-btn .ww-rezim-ikona--slunce { display: none; }
[data-ww-rezim=tmavy] .ww-rezim-btn .ww-rezim-ikona--mesic { display: none; }
[data-ww-rezim=tmavy] .ww-rezim-btn .ww-rezim-ikona--slunce { display: block; }
.ww-rezim-btn:focus-visible { outline: 2px solid #BC926A; outline-offset: 2px; }

/* V hlavičce na počítači – stejný kruh jako tlačítko jazyka */
.ww-hl .ww-rezim-btn--hlavicka {
    width: 40px; height: 40px; padding: 0 !important;
    border: 1px solid #2E2A26 !important; border-radius: 999px !important; background: transparent !important;
    color: #F3EEE7 !important; box-shadow: none !important;
}
.ww-hl .ww-rezim-btn--hlavicka:hover { border-color: #BC926A !important; color: #D4B08C !important; }

/* V mobilním menu – řádek s ikonou a textem */
.ww-hl .ww-rezim-btn--mobil {
    width: 100%; min-height: 48px; justify-content: flex-start; padding: 0 16px !important; margin: 0 0 6px;
    border: 1px solid #3A332C !important; border-radius: 12px !important; background: transparent !important;
    color: #F3EEE7 !important; font: 700 15px/1.2 'Nunito Sans', system-ui, sans-serif !important;
}
.ww-hl .ww-rezim-btn--mobil .ww-rezim-ikona { color: #D4B08C; }
.ww-hl .ww-rezim-btn--mobil:hover { border-color: #BC926A !important; }

.ww-hl .ww-rezim-stitek { margin-top: 18px !important; }

/* Samostatné stránky (podpisy, ověření podpisu, vizitka) – kruh v pravém horním rohu */
.ww-rezim-btn--plovouci {
    position: fixed; top: 14px; right: 14px; z-index: 99990;
    width: 42px; height: 42px; border: 1px solid #3A332C; background: #1A1C20; color: #D4B08C;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}
.ww-rezim-btn--plovouci:hover { border-color: #BC926A; }
/* Na ukázkovém webu je nahoře lišta ukázky – přepínač pod ni */
body.ww-demo-ma-listu .ww-rezim-btn--plovouci { top: calc(var(--ww-demo-vyska, 46px) + 12px); }
@media print { .ww-rezim-btn { display: none !important; } }

html[data-ww-rezim=svetly] { color-scheme: light; }

/* Logo s tmavým nápisem / se světlým nápisem – vždy jen to, které se hodí k režimu */
.ww-logo-tmavy-podklad { display: none !important; }
@media screen {
    [data-ww-rezim=tmavy] .ww-logo-svetly-podklad { display: none !important; }
    [data-ww-rezim=tmavy] .ww-logo-tmavy-podklad { display: inline-block !important; }
}

/* ---------- Tmavý režim: základ ---------- */
@media screen {
html[data-ww-rezim=tmavy] { color-scheme: dark; background-color: #141518; }
[data-ww-rezim=tmavy] body { background-color: #141518; color: #ECE7E0; }
[data-ww-rezim=tmavy] ::selection { background: rgba(188, 146, 106, .45); color: #FFFFFF; }
[data-ww-rezim=tmavy] input::placeholder, [data-ww-rezim=tmavy] textarea::placeholder { color: #8C9097; }

/* Plovoucí přepínač na tmavé stránce – světlejší okraj, ať je vidět */
[data-ww-rezim=tmavy] .ww-rezim-btn--plovouci { background: #2A2C31; border-color: #4A4C52; }

/* Organizační struktura: barvy rolí (družstevník byl černý, zákazník světle šedý) */
[data-ww-rezim=tmavy] .ww-obch-leg--druzstevnik::before { background: #ECE7E0; }
[data-ww-rezim=tmavy] .ww-obch-leg--zakaznik::before { background: #6B6F76; }
[data-ww-rezim=tmavy] .ww-obch .ww-obch-uzel--druzstevnik { border-top-color: #ECE7E0 !important; }
[data-ww-rezim=tmavy] .ww-obch .ww-obch-uzel--zakaznik { border-top-color: #6B6F76 !important; }

/* Ukázkový web: okno s vysvětlením (styly jsou v modulu 57, vložené přímo do stránky) */
[data-ww-rezim=tmavy] .ww-demo-okno__karta { background: #1F2125; color: #ECE7E0; box-shadow: 0 18px 50px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08); }
[data-ww-rezim=tmavy] .ww-demo-okno__poznamka { color: #A9ACB3; }
[data-ww-rezim=tmavy] .ww-demo-okno__tlacitko { color: #1A1C20; }
[data-ww-rezim=tmavy] .ww-demo-okno__tlacitko:focus-visible { outline-color: #ECE7E0; }

/* Vizitka: zlaté tlačítko „Zavolat“ má tmavý text jako ve světlém režimu */
[data-ww-rezim=tmavy] .wwv .wwv-akce-btn--zlate { color: #1A1C20; }

/* Lišta souhlasu s cookies (Complianz – barvy v proměnných z uploads/complianz/css/) */
:root[data-ww-rezim=tmavy] {
    --cmplz_banner_background_color: #1F2125; --cmplz_banner_border_color: #3A3C42;
    --cmplz_text_color: #ECE7E0; --cmplz_hyperlink_color: #D4B08C;
    --cmplz_button_deny_background_color: #2A2C31; --cmplz_button_deny_border_color: #3A3C42; --cmplz_button_deny_text_color: #ECE7E0;
    --cmplz_button_settings_background_color: #2A2C31; --cmplz_button_settings_border_color: #3A3C42; --cmplz_button_settings_text_color: #ECE7E0;
}
[data-ww-rezim=tmavy] .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(255, 255, 255, .05); }
[data-ww-rezim=tmavy] .cmplz-cookiebanner.cmplz-show,
[data-ww-rezim=tmavy] #cmplz-manage-consent .cmplz-manage-consent { box-shadow: 0 10px 30px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08); }

/* QR kódy vždy na bílém podkladu (kvůli načtení telefonem) */
[data-ww-rezim=tmavy] svg.ww-qr, [data-ww-rezim=tmavy] img[src*="qr"], [data-ww-rezim=tmavy] img[src*="QR"] { background-color: #FFFFFF; }
}