/*
 * File: style-verejne.css
 * Author: Stanislav Zbořil
 * Description: Styly pluginu Win-Win pro veřejné stránky webu (9. 10. 2026).
 *
 * Na běžných stránkách webu (úvod, stránky z bloků, blog) se místo celého style.css (portál a administrace,
 * přes 400 kB) načítá jen tento soubor: písma, hlavička a hlavní menu (moduly 45 a 50), horní lišta (51),
 * ikony (55), lišta „Návrat do administrace“, upozornění na pozastavený účet, vlajky jazyků a Google Překladač.
 * Celý style.css dostane administrace, klientský portál (/muj-ucet/), stránky se zkrácenými kódy pluginu,
 * stránky podpisů a ukázkový web (winwin-core.php, WW_Hlavni_Zavadec::plne_styly, filtr ww_plne_styly).
 *
 * Pravidla jsou zkopírovaná ze style.css beze změny (jen písmo Farrington má navíc unicode-range).
 * Při úpravě hlavičky, menu, horní lišty nebo ikon upravte stejné místo v obou souborech.
 */
/* ==========================================================================
   PÍSMA WIN-WIN (doplněno 4. 10. 2026)
   Soubory jsou ve složce pisma/ vedle tohoto stylu (jen latinka a středoevropské znaky).
   Od 9. 10. 2026 nejdřív WOFF2 (menší), WOFF zůstává jako záloha pro starší prohlížeče.
   Nunito Sans = texty, menu a portál, Montserrat = nadpisy. Farrington (číslo karty) je níže u portálu.
   Název „Nunito-sans“ zůstává kvůli starším stylům portálu. Nic se nenačítá z Google.
   ========================================================================== */
@font-face { font-family: 'Nunito Sans'; src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans.woff') format('woff'); font-weight: 200 1000; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito Sans'; src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans-italic.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans-italic.woff') format('woff'); font-weight: 200 1000; font-style: italic; font-display: swap; }
@font-face { font-family: 'Nunito-sans'; src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans.woff') format('woff'); font-weight: 200 1000; font-style: normal; font-display: swap; }
@font-face { font-family: 'Nunito-sans'; src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans-italic.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/nunito-sans-italic.woff') format('woff'); font-weight: 200 1000; font-style: italic; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/montserrat.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/pisma/montserrat.woff') format('woff'); font-weight: 100 900; font-style: normal; font-display: swap; }
/* Farrington (patička šablony, číslo karty v portálu). Na veřejných stránkách s unicode-range: písmo má jen číslice
   a pár znaků, takže se stáhne, jen když je na stránce opravdu potřeba. */
@font-face {
    font-family: 'Farrington';
    src: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/Farrington-7B-Qiqi.woff2') format('woff2'), url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/Farrington-7B-Qiqi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0030-0039, U+00A7, U+00A9, U+00C6, U+00DF, U+2202;
}

/* Pozastavený účet (modul 28_Superadmin_blokace) */
.ww-freeze-banner { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--red-main, #d63638); color: var(--pure-white, #ffffff); text-align: center; padding: 12px 20px; font-weight: bold; font-size: 16px; z-index: 999999; box-shadow: 0 4px 6px rgba(0,0,0,0.3); font-family: 'Montserrat', sans-serif; }

/* Pevná hlavička: posun pod lištou WordPressu, schování při posunu na mobilu, otevřené menu */
.ww-header-sticky { position: fixed !important; top: 0; left: 0; transition: transform 0.3s ease-in-out; }
body.admin-bar .ww-header-sticky { top: 32px !important; }
@media screen and (max-width: 782px) {
    body.admin-bar .ww-header-sticky { top: 46px !important; }
}
.ww-header-hidden { transform: translateY(-100%); }
body.ww-menu-open { overflow: hidden; }

/* ==========================================================================
   37. TOP BAR (Horní lišta s jazyky a sítěmi)
   ========================================================================== */
.ww-topbar-wrapper { display: flex; justify-content: flex-end; align-items: center; background-color: transparent; padding: 10px 0; color: #ffffff; font-family: inherit; font-size: 16px; width: 100%; box-sizing: border-box; }
/* Likvidace otravných lišt a bublin od Googlu */
.skiptranslate iframe { display: none !important; }
body { top: 0px !important; }
.goog-te-balloon-frame { display: none !important; }
.goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
/* Rozložení */
.ww-topbar-right { display: flex; align-items: center; gap: 20px; }
.ww-topbar-user-info { display: flex; align-items: center; gap: 12px; }
.ww-topbar-text { color: #ffffff !important; margin: 0; font-weight: 500; font-size: 16px !important; }
/* Odkazy a ikony */
.ww-topbar-link { color: var(--gold-main, #BC926A) !important; text-decoration: none !important; font-size: 20px !important; transition: color 0.2s; display: flex; align-items: center; }
.ww-topbar-link:hover { color: #ffffff !important; background-color: transparent !important; }
/* Oddělovače pro kontakty a sítě */
.ww-topbar-contacts { border-left: 1px solid #333333; padding-left: 20px; }
.ww-topbar-contact-link { text-decoration: none; display: flex; align-items: center; gap: 8px; transition: color 0.2s; }
.ww-topbar-contact-link i { color: var(--gold-main, #BC926A); }
.ww-topbar-contact-link:hover { color: var(--gold-main, #BC926A) !important; }
.ww-topbar-socials { display: flex; align-items: center; gap: 15px; border-left: 1px solid #333333; padding-left: 20px; }
/* Rozbalovací glóbus s neviditelným mostem */
.ww-lang-selector { position: relative; display: flex; align-items: center; z-index: 1005; padding-left: 15px; border-left: 1px solid #333333; }
.ww-lang-dropdown-wrapper { position: absolute; top: 100%; right: 50%; padding-top: 20px; display: none; z-index: 99999; transform: translateX(50%); }
.ww-lang-selector:hover .ww-lang-dropdown-wrapper { display: block; }
.ww-lang-dropdown { background-color: #000000; border: 1px solid #333333; border-radius: 6px; padding: 10px 0; min-width: 150px; box-shadow: 0 10px 25px rgba(0,0,0,0.5); display: flex; flex-direction: column; position: relative; }
/* Šipka bubliny */
.ww-lang-dropdown::before { content: ''; position: absolute; bottom: 100%; right: 16px; border-style: solid; border-width: 9px; border-color: transparent transparent #333333 transparent; left: 50%; margin-left: -9px; }
.ww-lang-dropdown::after { content: ''; position: absolute; bottom: 100%; right: 17px; border-style: solid; border-width: 8px; border-color: transparent transparent #000000 transparent; left: 50%; margin-left: -8px; }
/* Položky dropdownu */
.ww-lang-dropdown a { color: #ffffff !important; padding: 10px 20px; text-decoration: none !important; font-size: 14px; transition: background 0.2s, color 0.2s; display: flex; align-items: center; gap: 12px; }
.ww-lang-dropdown a:hover { color: var(--gold-main, #BC926A) !important; background-color: #1a1a1a; }
.ww-lang-dropdown .flag-icon { font-size: 16px; }
/* Tlačítko pro návrat do administrace (Login As) */
.ww-return-admin-wrap { position: fixed; bottom: 20px; right: 20px; z-index: 999999; }
.ww-return-admin-btn { background: #d63638; color: #fff; padding: 12px 20px; border-radius: 4px; text-decoration: none; font-weight: bold; box-shadow: 0 4px 10px rgba(0,0,0,0.3); font-family: sans-serif; display: inline-block; transition: background 0.3s; }
.ww-return-admin-btn:hover { background: #b02a2c; color: #fff; }

/* Horní lišta na mobilu */
@media (max-width: 768px) {
    .ww-topbar-wrapper { flex-direction: column; gap: 15px; justify-content: center; padding: 15px 10px; }
    .ww-topbar-contacts,
    .ww-topbar-socials,
    .ww-lang-selector { border-left: none !important; padding-left: 0 !important; }
    .ww-lang-dropdown-wrapper { right: auto; left: 50%; transform: translateX(-50%); }
}

/* =====================================================================
   WIN-WIN IKONY (modul 55_Ikony)
   Ikony jsou SVG přímo v HTML (WW_Ikony::ikona). Tahy mají barvu
   okolního textu, zlatý detail řídí proměnná --ww-ikona-akcent.
   ===================================================================== */
.ww-ikona { display: inline-block; vertical-align: middle; flex-shrink: 0; overflow: visible; }
.ww-ikona .ww-ikona-a { stroke: var(--ww-ikona-akcent, #BC926A); }
.ww-ikona .ww-ikona-af { fill: var(--ww-ikona-akcent, #BC926A); }
svg.ww-custom-emoji.ww-ikona { width: 20px; height: 20px; max-width: none; }

/* Na barevných tlačítkách a štítcích má celá ikona barvu textu, na tmavých zůstává zlatý detail */
.ww-kz-btn-brown, .ww-kz-btn-green, .ww-kz-btn-red, .ww-acc-brown, .ww-dash-action-btn,
button.ww-tab-btn.active, .ww-menu-active, .ww-cta-btn, .ww-dkv-badge-active, .ww-dkv-pending-badge,
.ww-btn-green-override, .ww-btn-blue-override { --ww-ikona-akcent: currentColor; }
.ww-kz-btn-dark, .ww-dash-action-btn.ww-action-dark { --ww-ikona-akcent: #E3C6A4; }
.ww-ikona-text, .ww-floating-toast { --ww-ikona-akcent: currentColor; }

/* Barevné varianty pro stavy (hotovo, chyba, varování, čekání, představenstvo) */
.ww-ikona--ok { color: #2f8a46; --ww-ikona-akcent: #2f8a46; }
.ww-ikona--chyba { color: #d63638; --ww-ikona-akcent: #d63638; }
.ww-ikona--varovani { color: #c25e00; --ww-ikona-akcent: #c25e00; }
.ww-ikona--cekani { color: #b7791f; --ww-ikona-akcent: #b7791f; }
.ww-ikona--predstavenstvo { color: #005A9C; --ww-ikona-akcent: #BC926A; }
.ww-ikona--neutral { color: #6b6f76; --ww-ikona-akcent: #6b6f76; }

/* Samostatná dlaždice (WW_Ikony::dlazdice) */
.ww-ikona-dl { display: inline-grid; place-items: center; flex-shrink: 0; vertical-align: middle; background: #F6EFE7; color: #1A1C20;
    box-shadow: inset 0 0 0 3px #F6EFE7, inset 0 0 0 4px rgba(188, 146, 106, 0.45); }
.ww-ikona-dl--tmava { background: #1A1C20; color: #BC926A; --ww-ikona-akcent: #E3C6A4;
    box-shadow: inset 0 0 0 3px #1A1C20, inset 0 0 0 4px rgba(188, 146, 106, 0.6); }

/* ---------- Portál: lišta „Návrat do administrace“ při přihlášení za klienta ---------- */
.ww-return-admin-wrap {
    position: fixed; left: 50%; right: auto; bottom: 18px; transform: translateX(-50%); z-index: 999999;
    display: flex; align-items: center; gap: 14px; max-width: calc(100% - 24px); box-sizing: border-box;
    padding: 8px 8px 8px 18px; border-radius: 999px; background: #1A1C20; color: #ECE7E0;
    box-shadow: 0 12px 30px rgba(26,28,32,.35); border: 1px solid rgba(212,176,140,.35); font-family: inherit;
}
.ww-return-admin-info { font-size: 13.5px; line-height: 1.35; }
.ww-return-admin-info strong { color: #fff; }
/* Selektory s body a !important: globální barva odkazů šablony / stránky (zlatá) jinak přebila text na zlatém tlačítku.
   Text je tmavý (#1a1a1a) kvůli kontrastu (bílá na zlaté má jen 2,8 : 1), 9. 10. 2026. */
body .ww-return-admin-wrap a.ww-return-admin-btn,
body .ww-return-admin-wrap a.ww-return-admin-btn:visited {
    display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #BC926A !important; color: #1a1a1a !important;
    font-weight: 700; font-size: 14px; line-height: 1.2; text-decoration: none !important; white-space: nowrap; box-shadow: none; font-family: inherit; border: 0;
}
body .ww-return-admin-wrap a.ww-return-admin-btn:hover,
body .ww-return-admin-wrap a.ww-return-admin-btn:focus { background: #A37A52 !important; color: #1a1a1a !important; }
body .ww-return-admin-wrap .ww-return-admin-info,
body .ww-return-admin-wrap .ww-return-admin-info strong { color: #ECE7E0 !important; }
body .ww-return-admin-wrap .ww-return-admin-info strong { color: #fff !important; }
body .ww-return-admin-wrap .ww-return-admin-ikona { transform: scaleX(-1); color: currentColor; --ww-ikona-akcent: currentColor; }
/* Dokud je otevřená lišta souhlasu s cookies (modul 72, z-index 99990), je lišta návratu pod ní – jinak by zakryla
   její tlačítko. Po odpovědi na cookies je lišta návratu zase vidět (22. 10. 2026). */
body:has(#ww-souhlas:not([hidden])) .ww-return-admin-wrap { z-index: 99980; }
@media (max-width: 600px) {
    .ww-return-admin-wrap { left: 12px; right: 12px; bottom: 12px; transform: none; max-width: none; flex-direction: column; align-items: stretch; gap: 8px; padding: 12px; border-radius: 16px; text-align: center; }
    body .ww-return-admin-wrap a.ww-return-admin-btn { justify-content: center; }
}


/* =====================================================================
   HLAVIČKA A HLAVNÍ MENU (moduly 45_Master_hlavicka a 50_Hlavni_menu, 4. 10. 2026)
   Počítač od 1100 px (menu se rozbaluje najetím myši i kliknutím), pod tím mobilní menu.
   Písmo menu Nunito Sans, štítky Montserrat. Třídy začínají ww-hl-, starší styly hlavičky se nepoužívají.
   ===================================================================== */
.ww-hl {
    --hl-text: #F3EEE7; --hl-zlata: #BC926A; --hl-zlata-sv: #D4B08C; --hl-zlata-tm: #8A6440; --hl-zlata-hn: #6B4C2F;
    --hl-tmava: #1A1C20; --hl-seda: #5F6168; --hl-linka: rgba(188, 146, 106, 0.45);
    --hl-pismo: 'Nunito Sans', 'Nunito-sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --hl-nadpis: 'Montserrat', 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99990;
    font-family: var(--hl-pismo); line-height: 1.4; -webkit-font-smoothing: antialiased;
}
.ww-hl *, .ww-hl *::before, .ww-hl *::after { box-sizing: border-box; }
.ww-hl-lista { background: #000 !important; border-bottom: 1px solid var(--hl-linka); }
/* Místo pod pevnou hlavičkou (výška lišty i s linkou): obsah stránky začíná pod hlavičkou, ne pod ní schovaný */
.ww-hl-misto { display: block; flex: 0 0 auto; height: 73px; }
/* Klientský portál: dřívější odsazení počítala se starou hlavičkou, teď stačí stejná mezera všude */
html body .ww-portal-container { margin-top: 40px !important; }
.ww-hl-obal { max-width: 1240px; height: 72px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 44px; }
.ww-hl .ww-hl-logo { display: flex; align-items: center; flex-shrink: 0; line-height: 0; }
.ww-hl .ww-hl-logo img { height: 30px !important; width: auto !important; max-width: none !important; display: block; }
.ww-hl-pocitac { flex: 1 1 auto; height: 100%; min-width: 0; }
.ww-hl-nav { height: 100%; }
.ww-hl ul.ww-hl-seznam { list-style: none !important; margin: 0 !important; padding: 0 !important; height: 100%; display: flex; align-items: stretch; gap: 30px; }
.ww-hl .ww-hl-polozka { position: relative; display: flex; align-items: center; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ww-hl .ww-hl-odkaz {
    appearance: none; display: inline-flex; align-items: center; gap: 6px; height: 100%; margin: 0; padding: 0 !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    color: var(--hl-text) !important; font: 700 16px/1 var(--hl-pismo) !important; letter-spacing: 0.005em;
    text-decoration: none !important; text-transform: none !important; white-space: nowrap; cursor: pointer; transition: color 0.15s;
}
.ww-hl .ww-hl-odkaz:hover,
.ww-hl .ww-hl-polozka.is-open > .ww-hl-odkaz,
.ww-hl .ww-hl-polozka--aktivni > .ww-hl-odkaz { color: var(--hl-zlata-sv) !important; }
.ww-hl .ww-hl-odkaz:focus-visible { outline: 2px solid var(--hl-zlata); outline-offset: 4px; }
.ww-hl-sipka { color: var(--hl-zlata); flex-shrink: 0; transition: transform 0.2s; }
.ww-hl-polozka.is-open > .ww-hl-odkaz .ww-hl-sipka { transform: rotate(180deg); }
.ww-hl-polozka::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--hl-zlata); transform: scaleX(0); transition: transform 0.2s; pointer-events: none; }
.ww-hl-polozka:hover::after, .ww-hl-polozka.is-open::after, .ww-hl-polozka--aktivni::after { transform: scaleX(1); }

/* Rozbalená nabídka */
.ww-hl-panel {
    position: absolute; top: 100%; left: 50%; margin-top: 1px; z-index: 5;
    display: flex; gap: 16px; width: max-content; max-width: min(880px, calc(100vw - 32px)); padding: 22px;
    background: #fff; border-radius: 0 0 18px 18px; box-shadow: 0 28px 56px rgba(12, 10, 8, 0.22);
    color: var(--hl-tmava); text-align: left; cursor: default;
    opacity: 0; visibility: hidden; transform: translate(calc(-50% + var(--ww-hl-posun, 0px)), 6px);
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
}
.ww-hl-polozka.is-open > .ww-hl-panel,
.ww-hl:not(.ww-hl-js) .ww-hl-polozka--nabidka:hover > .ww-hl-panel,
.ww-hl:not(.ww-hl-js) .ww-hl-polozka--nabidka:focus-within > .ww-hl-panel {
    opacity: 1; visibility: visible; transform: translate(calc(-50% + var(--ww-hl-posun, 0px)), 0); transition-delay: 0s;
}
.ww-hl-panel-obsah { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ww-hl-panel--seznam .ww-hl-panel-obsah { width: 540px; }
.ww-hl-panel--dlazdice .ww-hl-panel-obsah { width: auto; }
.ww-hl-panel--akce .ww-hl-panel-obsah { width: 500px; }
.ww-hl ul.ww-hl-mrizka, .ww-hl ul.ww-hl-akce, .ww-hl ul.ww-hl-dlazdice { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.ww-hl .ww-hl-mrizka li, .ww-hl .ww-hl-akce li, .ww-hl .ww-hl-dlazdice li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ww-hl-mrizka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; }
.ww-hl-panel--akce .ww-hl-mrizka { grid-template-columns: minmax(0, 1fr); }
.ww-hl .ww-hl-dite { display: flex; gap: 14px; align-items: flex-start; padding: 12px; border-radius: 12px; color: var(--hl-tmava) !important; text-decoration: none !important; transition: background-color 0.15s; }
.ww-hl .ww-hl-dite:hover, .ww-hl .ww-hl-dite:focus-visible { background: #FAF6F1; }
.ww-hl .ww-hl-dite:focus-visible { outline: 2px solid var(--hl-zlata); outline-offset: 0; }
.ww-hl-dite-ikona { flex: 0 0 40px; height: 40px; border-radius: 10px; background: #F6EFE7; color: var(--hl-zlata-tm); display: flex; align-items: center; justify-content: center; transition: background-color 0.15s, color 0.15s; }
.ww-hl .ww-hl-dite:hover .ww-hl-dite-ikona { background: var(--hl-zlata); color: var(--hl-tmava); }
.ww-hl .ww-hl-dite:hover .ww-hl-dite-ikona .ww-ikona-a { stroke: currentColor; }
.ww-hl .ww-hl-dite:hover .ww-hl-dite-ikona .ww-ikona-af { fill: currentColor; }
.ww-hl-dite-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ww-hl-dite-nazev { font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--hl-tmava); }
.ww-hl .ww-hl-dite:hover .ww-hl-dite-nazev, .ww-hl-dite--aktivni .ww-hl-dite-nazev { color: var(--hl-zlata-hn); }
.ww-hl-dite-popisek { font-size: 13px; line-height: 1.45; color: var(--hl-seda); }
.ww-hl .ww-hl-dite--akce { align-items: center; }
.ww-hl-datum { flex: 0 0 52px; height: 56px; border-radius: 10px; background: var(--hl-tmava); color: var(--hl-text); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.ww-hl-datum b { font: 800 19px/1 var(--hl-nadpis); }
.ww-hl-datum span { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--hl-zlata-sv); }
.ww-hl .ww-hl-stitek { margin: 0 0 4px !important; padding: 0 12px; font: 700 11px/1.4 var(--hl-nadpis) !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--hl-zlata-tm) !important; }
.ww-hl .ww-hl-prazdne { margin: 0 !important; padding: 12px; font-size: 14px; color: var(--hl-seda); }
/* Dlaždice mají pevnou šířku 172 px (jedna dlaždice se neroztahuje); počet sloupců posílá PHP v --ww-hl-sloupce. */
.ww-hl-dlazdice { display: grid; grid-template-columns: repeat(var(--ww-hl-sloupce, 3), 172px); gap: 14px; }
.ww-hl .ww-hl-dlazdice-polozka { display: flex; flex-direction: column; height: 100%; border: 1px solid #EFE7DD; border-radius: 14px; overflow: hidden; color: var(--hl-tmava) !important; text-decoration: none !important; transition: border-color 0.15s, box-shadow 0.15s; }
.ww-hl .ww-hl-dlazdice-polozka:hover, .ww-hl .ww-hl-dlazdice-polozka:focus-visible { border-color: var(--hl-zlata); box-shadow: 0 10px 24px rgba(188, 146, 106, 0.18); outline: none; }
.ww-hl-dlazdice-obr { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--hl-tmava); color: var(--hl-zlata-sv); overflow: hidden; }
.ww-hl .ww-hl-dlazdice-obr img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 0 !important; transition: transform 0.3s; }
.ww-hl .ww-hl-dlazdice-polozka:hover .ww-hl-dlazdice-obr img { transform: scale(1.04); }
.ww-hl-dlazdice-ikona { width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(188, 146, 106, 0.6); display: flex; align-items: center; justify-content: center; }
.ww-hl-dlazdice-nazev { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 1; padding: 12px 14px; font-size: 15px; font-weight: 700; line-height: 1.3; }
.ww-hl .ww-hl-dlazdice-polozka:hover .ww-hl-dlazdice-nazev { background: #FAF6F1; color: var(--hl-zlata-hn); }
.ww-hl-sipka-vpravo { flex-shrink: 0; color: var(--hl-zlata); }
.ww-hl .ww-hl-vse { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 14px 12px 2px; border-top: 1px solid #EFE7DD; color: var(--hl-zlata-tm) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
.ww-hl .ww-hl-vse:hover { color: var(--hl-zlata-hn) !important; }

/* Boční karty */
.ww-hl-karta { flex: 0 0 250px; display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; border-radius: 14px; }
.ww-hl .ww-hl-karta .ww-hl-stitek { padding: 0; }
.ww-hl-karta--kontakt { background: #F8F4EF; }
.ww-hl-karta--portal { background: var(--hl-tmava); }
.ww-hl .ww-hl-karta--portal .ww-hl-stitek { color: var(--hl-zlata-sv) !important; }
.ww-hl .ww-hl-karta-nazev { margin: 0 !important; font-size: 15px; font-weight: 800; line-height: 1.35; color: var(--hl-tmava); }
.ww-hl .ww-hl-karta-radek { display: flex; gap: 10px; align-items: flex-start; margin: 0 !important; font-size: 13px; line-height: 1.45; color: #3C3E44 !important; text-decoration: none !important; }
.ww-hl a.ww-hl-karta-radek { color: var(--hl-zlata-tm) !important; }
.ww-hl a.ww-hl-karta-radek:hover span { text-decoration: underline; }
.ww-hl .ww-hl-karta-radek svg { flex-shrink: 0; margin-top: 1px; }
.ww-hl .ww-hl-karta-ic { margin: 0 !important; padding-left: 26px; font-size: 13px; color: var(--hl-seda); }
.ww-hl .ww-hl-karta-vice { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: var(--hl-zlata-tm) !important; text-decoration: none !important; }
.ww-hl .ww-hl-karta-vice:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.ww-hl .ww-hl-karta-text { margin: 0 !important; font-size: 15px; line-height: 1.5; color: #E8E1D8; }
.ww-hl .ww-hl-karta-tlacitko { margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 10px; background: var(--hl-zlata); color: var(--hl-tmava) !important; font-size: 14px; font-weight: 800; text-decoration: none !important; transition: background-color 0.15s; }
.ww-hl .ww-hl-karta-tlacitko:hover { background: var(--hl-zlata-sv); }

/* Jazyk a účet */
.ww-hl-vpravo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.ww-hl-jazyk, .ww-hl-ucet { position: relative; }
.ww-hl .ww-hl-pill {
    appearance: none; display: inline-flex; align-items: center; gap: 8px; height: 40px; margin: 0; padding: 0 14px !important;
    border: 1px solid #2E2A26 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important;
    color: var(--hl-text) !important; font: 700 14px/1 var(--hl-pismo) !important; text-decoration: none !important; text-transform: none !important;
    white-space: nowrap; cursor: pointer; transition: border-color 0.15s, color 0.15s, background-color 0.15s;
}
.ww-hl .ww-hl-pill:hover, .ww-hl .is-open > .ww-hl-pill { border-color: var(--hl-zlata) !important; color: var(--hl-zlata-sv) !important; }
.ww-hl .ww-hl-pill--zlata { border-color: var(--hl-zlata) !important; color: var(--hl-zlata-sv) !important; padding: 0 18px !important; }
.ww-hl .ww-hl-pill--zlata:hover, .ww-hl .is-open > .ww-hl-pill--zlata { background: var(--hl-zlata) !important; color: var(--hl-tmava) !important; }
.ww-hl .ww-hl-pill:focus-visible { outline: 2px solid var(--hl-zlata); outline-offset: 2px; }
.ww-hl .ww-hl-pill .flag-icon { width: 20px; height: 14px; line-height: 14px; border-radius: 2px; background-size: cover; }
.ww-hl-ucet-jmeno { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.ww-hl .ww-hl-rozbalovaci {
    position: absolute; top: calc(100% + 10px); right: 0; z-index: 6; min-width: 220px; margin: 0 !important; padding: 8px !important;
    list-style: none !important; background: #fff; border-radius: 14px; box-shadow: 0 20px 44px rgba(12, 10, 8, 0.22);
    opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 0.15s, transform 0.15s, visibility 0s linear 0.15s;
}
.ww-hl .is-open > .ww-hl-rozbalovaci { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.ww-hl .ww-hl-jazyky li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ww-hl .ww-hl-jazyky button, .ww-hl .ww-hl-ucet-panel a {
    display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 10px 12px !important; border: 0 !important; border-radius: 10px !important;
    background: transparent !important; box-shadow: none !important; color: var(--hl-tmava) !important; font: 600 14px/1.2 var(--hl-pismo) !important;
    text-align: left; text-decoration: none !important; text-transform: none !important; cursor: pointer;
}
.ww-hl .ww-hl-jazyky button:hover, .ww-hl .ww-hl-ucet-panel a:hover,
.ww-hl .ww-hl-jazyky button:focus-visible, .ww-hl .ww-hl-ucet-panel a:focus-visible { background: #FAF6F1 !important; color: var(--hl-zlata-hn) !important; outline: none; }
.ww-hl .ww-hl-jazyky button[aria-pressed="true"] { color: var(--hl-zlata-hn) !important; font-weight: 800 !important; }
.ww-hl .ww-hl-jazyky .flag-icon { width: 20px; height: 14px; border-radius: 2px; background-size: cover; flex-shrink: 0; }
.ww-hl .ww-hl-ucet-panel a svg { color: var(--hl-zlata); flex-shrink: 0; }
.ww-hl .ww-hl-ucet-hlava { display: flex; flex-direction: column; gap: 2px; margin: 0 0 6px !important; padding: 8px 12px 10px; border-bottom: 1px solid #EFE7DD; font-size: 14px; color: var(--hl-tmava); }
.ww-hl .ww-hl-ucet-hlava span { font-size: 12px; color: var(--hl-zlata-tm); }

/* Mobil */
.ww-hl-mobil-tlacitka { display: none; align-items: center; gap: 8px; margin-left: auto; }
.ww-hl .ww-hl-ikona-btn {
    appearance: none; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0 !important;
    border: 1px solid #3A332C !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important;
    color: var(--hl-zlata-sv) !important; cursor: pointer;
}
.ww-hl .ww-hl-burger { border-color: transparent !important; color: var(--hl-text) !important; }
.ww-hl .ww-hl-burger[aria-expanded="true"] { background: #1F1B17 !important; color: var(--hl-zlata-sv) !important; }
.ww-hl-burger-otevrit, .ww-hl-burger-zavrit { display: inline-flex; }
.ww-hl-burger-zavrit, .ww-hl-burger[aria-expanded="true"] .ww-hl-burger-otevrit { display: none; }
.ww-hl-burger[aria-expanded="true"] .ww-hl-burger-zavrit { display: inline-flex; }
.ww-hl-mobil { background: #0E0D0C; border-bottom: 2px solid var(--hl-zlata); max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); overflow-y: auto; overscroll-behavior: contain; padding: 8px 16px 28px; }
.ww-hl-mobil[hidden] { display: none !important; }
/* S lištou WordPressu (nebo lištou ukázky) je hlavička níž – panel nesmí přetéct pod okraj obrazovky */
body.admin-bar .ww-hl-mobil { max-height: calc(100vh - 96px); max-height: calc(100dvh - 96px); }
@media screen and (max-width: 782px) { body.admin-bar .ww-hl-mobil { max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); } }
.ww-hl ul.ww-hl-m-seznam, .ww-hl ul.ww-hl-m-sub { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.ww-hl .ww-hl-m-polozka { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #24211E; list-style: none !important; }
.ww-hl .ww-hl-m-radek {
    appearance: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 56px; margin: 0; padding: 0 4px !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
    color: var(--hl-text) !important; font: 700 17px/1.2 var(--hl-pismo) !important; text-align: left; text-decoration: none !important; text-transform: none !important; cursor: pointer;
}
.ww-hl .ww-hl-m-radek[aria-expanded="true"], .ww-hl .ww-hl-m-radek--aktivni { color: var(--hl-zlata-sv) !important; }
.ww-hl .ww-hl-m-sipka { width: 16px; height: 16px; }
.ww-hl .ww-hl-m-radek[aria-expanded="true"] .ww-hl-m-sipka { transform: rotate(180deg); }
.ww-hl .ww-hl-m-sub { margin: 0 0 10px !important; padding: 6px !important; background: #181513; border-radius: 12px; }
.ww-hl .ww-hl-m-sub[hidden] { display: none !important; }
.ww-hl .ww-hl-m-sub li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ww-hl .ww-hl-m-sub a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 12px !important; border-radius: 8px; color: #E8E1D8 !important; font: 600 15px/1.3 var(--hl-pismo) !important; text-decoration: none !important; }
.ww-hl .ww-hl-m-sub a:hover, .ww-hl .ww-hl-m-sub a:focus-visible, .ww-hl .ww-hl-m-sub a[aria-current] { background: #221E1A; color: var(--hl-zlata-sv) !important; outline: none; }
.ww-hl-m-ikona { display: inline-flex; flex-shrink: 0; color: var(--hl-zlata); }
.ww-hl-m-datum { flex-shrink: 0; min-width: 54px; font: 800 13px/1 var(--hl-nadpis); text-transform: uppercase; color: var(--hl-zlata-sv); }
.ww-hl .ww-hl-m-vse { justify-content: space-between; color: var(--hl-zlata-sv) !important; font-weight: 800 !important; }
.ww-hl .ww-hl-m-prazdne { padding: 12px !important; font-size: 14px; color: #A89E92; }
.ww-hl-mobil-paticka { padding-top: 22px; }
.ww-hl .ww-hl-mobil-paticka .ww-hl-stitek { padding: 0 4px; color: #8C8277 !important; }
.ww-hl-jazyky-m { display: flex; gap: 8px; padding: 0 4px; }
.ww-hl .ww-hl-jazyky-m button { flex: 1; height: 40px; margin: 0; padding: 0 !important; border: 1px solid #2E2A26 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: #CFC6BA !important; font: 700 13px/1 var(--hl-pismo) !important; cursor: pointer; }
.ww-hl .ww-hl-jazyky-m button[aria-pressed="true"] { border-color: var(--hl-zlata) !important; color: var(--hl-zlata-sv) !important; }
.ww-hl .ww-hl-m-ucet { margin: 22px 4px 10px !important; font-size: 14px; color: #A89E92; }
.ww-hl .ww-hl-m-ucet b { color: var(--hl-text); }
.ww-hl .ww-hl-m-tlacitko { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; margin: 22px 4px 0; border-radius: 12px; background: var(--hl-zlata); color: var(--hl-tmava) !important; font: 800 16px/1 var(--hl-pismo) !important; text-decoration: none !important; }
.ww-hl .ww-hl-m-ucet + .ww-hl-m-tlacitko { margin-top: 0; }
.ww-hl .ww-hl-m-tlacitko + .ww-hl-m-tlacitko { margin-top: 10px; }
.ww-hl .ww-hl-m-tlacitko--obrys { background: transparent; border: 1px solid #3A332C; color: var(--hl-text) !important; }

@media (max-width: 1299px) {
    .ww-hl-obal { gap: 28px; }
    .ww-hl .ww-hl-logo img { height: 24px !important; }
    .ww-hl ul.ww-hl-seznam { gap: 22px; }
    .ww-hl .ww-hl-odkaz { font-size: 15px !important; }
    .ww-hl-ucet-jmeno { max-width: 110px; }
}
@media (max-width: 1099px) {
    .ww-hl-obal { height: 64px; padding: 0 12px 0 16px; gap: 8px; }
    .ww-hl-misto { height: 65px; }
    html body .ww-portal-container { margin-top: 24px !important; }
    .ww-hl-pocitac, .ww-hl-vpravo { display: none !important; }
    .ww-hl-mobil-tlacitka { display: flex; }
    .ww-hl .ww-hl-logo img { height: 22px !important; }
}
@media (min-width: 1100px) {
    .ww-hl-mobil { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .ww-hl-panel, .ww-hl .ww-hl-rozbalovaci, .ww-hl-sipka, .ww-hl-polozka::after, .ww-hl .ww-hl-dlazdice-obr img { transition: none !important; }
}

/* =====================================================================
   JAZYKY: VLAJKY, GOOGLE PŘEKLADAČ A POZNÁMKA O STROJOVÉM PŘEKLADU (9. 10. 2026)
   Stejný oddíl je i v style-verejne.css (veřejné stránky bez portálu).
   ===================================================================== */
/* Logo hlavičky je v <picture> (WebP a záloha PNG) */
.ww-hl .ww-hl-logo picture { display: block; line-height: 0; }

/* Vlajky jazyků: vlastní SVG v obrazky/vlajky/ (dřív knihovna flag-icon-css z cizího serveru). Třídy zůstaly stejné. */
.flag-icon { position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; background-size: contain; background-position: 50%; background-repeat: no-repeat; }
.flag-icon::before { content: "\00a0"; }
.flag-icon-cz { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/cz.svg'); }
.flag-icon-sk { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/sk.svg'); }
.flag-icon-gb { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/gb.svg'); }
.flag-icon-de { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/de.svg'); }
.flag-icon-pl { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/pl.svg'); }
.flag-icon-hu { background-image: url('https://test.winwin.coop/wp-content/plugins/Win-Win_pluginy/obrazky/vlajky/hu.svg'); }

/* Google Překladač: žádná horní lišta, žádná bublina „Vaše zpětná vazba…“ s původním textem
   a žádné modré zvýraznění textu pod myší. Starší i novější názvy tříd Googlu. */
html body { top: 0 !important; }
.skiptranslate iframe, iframe.goog-te-banner-frame, .goog-te-banner-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; visibility: hidden !important; }
#goog-gt-tt, #goog-gt-vt, .goog-te-balloon-frame, .goog-tooltip, .goog-tooltip:hover,
.VIpgJd-yAWNEb-L7lbkb, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-ZVi9od-aZ2wEe-OiiCO { display: none !important; visibility: hidden !important; }
.goog-text-highlight, .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: none !important; background-color: transparent !important; box-shadow: none !important; }

/* Poznámka pod hlavičkou: zobrazí se jen na přeložené stránce (Google přidá <html> třídu translated-ltr / translated-rtl).
   Text se překládá spolu se stránkou, aby mu návštěvník rozuměl. */
.ww-hl-preklad { display: none; flex: 0 0 auto; margin: 0; padding: 7px 16px; background: #F6EFE7; border-bottom: 1px solid #EADFD2;
    color: #3C3E44; font: 600 13px/1.4 'Nunito Sans', 'Nunito-sans', system-ui, -apple-system, 'Segoe UI', sans-serif; text-align: center; }
html.translated-ltr .ww-hl-preklad, html.translated-rtl .ww-hl-preklad { display: block; }

/* ==========================================================================
   DIGITÁLNÍ VIZITKA OBCHODNÍKA – VEŘEJNÁ STRÁNKA /v/KOD (modul 70, doplněno 16. 10. 2026)
   Samostatná stránka bez hlavičky a patičky webu (načítá jen tento soubor). Primárně pro mobil:
   tmavá hlavička s logem, karta obchodníka s fotkou přes okraj hlavičky, pod ní informace o družstvu.
   Od 900 px dva sloupce (karta obchodníka vlevo, družstvo vpravo). Karty v portálu jsou ve style.css (.ww-viz-*).
   ========================================================================== */
.wwv-body { margin: 0; background: #FBF8F4; color: #2B2D31; font-family: 'Nunito Sans', 'Nunito-sans', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.5; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.wwv, .wwv * { box-sizing: border-box; }
.wwv { min-height: 100vh; display: flex; flex-direction: column; }
.wwv a { color: #8A6440; }
.wwv h1, .wwv h2, .wwv h3 { margin: 0; color: #1A1C20; font-family: 'Montserrat', 'Nunito Sans', sans-serif; }

/* Hlavička */
.wwv-hlavicka { position: relative; background: #1A1C20; padding: 26px 16px 90px; }
.wwv-hlavicka::before, .wwv-hlavicka::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: #BC926A; }
.wwv-hlavicka::before { bottom: 26px; opacity: .35; }
.wwv-hlavicka::after { bottom: 21px; opacity: .2; }
.wwv-hlavicka-obsah { max-width: 1120px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 16px; }
.wwv-logo { display: block; line-height: 0; color: #F3EEE7; text-decoration: none; }
.wwv-logo img { display: block; width: 128px; height: auto; }
.wwv-logo strong { font: 700 16px/1.3 'Montserrat', sans-serif; }
.wwv-hlavicka-popisek { display: none; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: #B9B2A8; }

/* Obsah */
.wwv-obsah { position: relative; flex: 1 0 auto; width: 100%; max-width: 1120px; margin: -64px auto 0; padding: 0 16px 32px; }

/* Karta obchodníka */
.wwv-karta { background: #fff; border: 1px solid #ECE6DE; border-radius: 20px; box-shadow: 0 10px 28px rgba(26,28,32,.08); }
.wwv-karta-pruh { display: none; }
.wwv-karta-telo { padding: 0 18px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.wwv-foto { position: relative; z-index: 1; flex: 0 0 auto; width: 124px; height: 124px; margin-top: -56px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 0 0 2px #BC926A, 0 8px 20px rgba(26,28,32,.18); overflow: hidden; background: #1A1C20; }
.wwv-foto-obr { display: block; width: 100%; height: 100%; object-fit: cover; }
.wwv-foto-obr--inicialy { display: flex; align-items: center; justify-content: center; color: #BC926A; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 38px; letter-spacing: .04em; }
.wwv .wwv-jmeno { margin-top: 14px; font-size: 26px; line-height: 1.2; font-weight: 800; overflow-wrap: anywhere; }
.wwv-role { margin: 4px 0 0; font-size: 14px; color: #6B6F76; }
.wwv-pozice { display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; padding: 6px 16px 6px 6px; background: #FBF8F4; border: 1px solid #EADFD2; border-radius: 999px; text-align: left; }
.wwv-pozice small { display: block; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: #6B6F76; }
.wwv-pozice b { display: block; font-size: 15px; font-weight: 800; color: #1A1C20; }
.wwv-pozice svg { flex: 0 0 auto; }

/* Zavolat, Napsat e-mail, Uložit kontakt */
.wwv-akce { width: 100%; margin-top: 20px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px; }
.wwv .wwv-akce-btn { min-height: 72px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px 4px; border-radius: 14px; background: #fff; border: 1.5px solid #D8CFC4; color: #1A1C20; text-decoration: none; font-size: 13px; font-weight: 800; line-height: 1.2; transition: background .2s, border-color .2s; --ww-ikona-akcent: currentColor; }
.wwv .wwv-akce-btn:hover { border-color: #BC926A; }
.wwv .wwv-akce-btn--zlate { background: #BC926A; border-color: #BC926A; }
.wwv .wwv-akce-btn--zlate:hover { background: #A37A52; border-color: #A37A52; }

/* Kontakty */
.wwv-kontakty { width: 100%; margin: 20px 0 0; text-align: left; border-top: 1px solid #ECE6DE; }
.wwv-kontakt { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid #ECE6DE; }
.wwv-kontakt:last-child { border-bottom: 0; padding-bottom: 0; }
.wwv-kontakt > div { min-width: 0; }
.wwv-kontakt .ww-ikona-dl { color: #8A6440; }
.wwv-kontakt dt { font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #6B6F76; }
.wwv-kontakt dd { margin: 1px 0 0; font-size: 16px; font-weight: 700; overflow-wrap: anywhere; }
.wwv .wwv-kontakt dd a { color: #1A1C20; text-decoration: none; }
.wwv .wwv-kontakt dd a:hover { color: #8A6440; text-decoration: underline; }

/* Družstvo */
.wwv-druzstvo { display: flex; flex-direction: column; gap: 18px; margin-top: 30px; }
.wwv-kicker { margin: 0; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; color: #8A6440; }
.wwv .wwv-o-druzstvu h2 { margin-top: 8px; font-size: 22px; line-height: 1.3; font-weight: 800; }
.wwv-perex { margin: 10px 0 0; font-size: 15px; line-height: 1.6; }
.wwv-vyhody { display: grid; gap: 10px; }
.wwv-vyhoda { display: flex; align-items: flex-start; gap: 14px; padding: 16px; background: #fff; border: 1px solid #ECE6DE; border-radius: 14px; }
.wwv .wwv-vyhoda h3 { margin-bottom: 4px; font-family: 'Nunito Sans', 'Nunito-sans', sans-serif; font-size: 16px; font-weight: 800; }
.wwv-vyhoda p { margin: 0; font-size: 14px; line-height: 1.5; color: #4A4D54; }

/* Výzva: Vytvořit účet */
.wwv-vyzva { padding: 24px 20px; background: #1A1C20; border-radius: 20px; color: #F3EEE7; }
.wwv .wwv-vyzva h2 { margin-bottom: 8px; color: #fff; font-size: 20px; line-height: 1.3; font-weight: 800; }
.wwv-vyzva-text p { margin: 0; font-size: 15px; line-height: 1.55; color: #D9D3CA; }
.wwv-vyzva-tlacitka { display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.wwv .wwv-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1.5px solid transparent; border-radius: 12px; font-size: 16px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: background .2s, border-color .2s; --ww-ikona-akcent: currentColor; }
.wwv .wwv-btn--zlate { background: #BC926A; border-color: #BC926A; color: #1A1C20; }
.wwv .wwv-btn--zlate:hover { background: #A37A52; border-color: #A37A52; }
.wwv .wwv-btn--obrys { border-color: #8A6440; color: #F3EEE7; font-weight: 700; }
.wwv .wwv-btn--obrys:hover { border-color: #BC926A; }
.wwv-vyzva-pozn { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(188,146,106,.25); font-size: 13px; line-height: 1.5; color: #B9B2A8; }
.wwv-upozorneni { margin: 0; padding: 16px 18px; background: #fff; border: 1px solid #EADFD2; border-radius: 14px; font-size: 13px; line-height: 1.55; color: #4A4D54; }
.wwv-upozorneni strong { color: #1A1C20; }

/* Patička */
.wwv-paticka { margin-top: 28px; background: #1A1C20; color: #B9B2A8; font-size: 13px; line-height: 1.65; }
.wwv-paticka-obsah { max-width: 1120px; margin: 0 auto; padding: 28px 20px 32px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.wwv-paticka p { margin: 0; }
.wwv-paticka strong { color: #F3EEE7; font-size: 14px; }
.wwv .wwv-paticka a { color: #D4B08C; font-weight: 700; text-decoration: none; }
.wwv .wwv-paticka a:hover { text-decoration: underline; }
.wwv-paticka-logo { display: block; width: 96px; height: auto; }

/* Neplatná nebo vypnutá vizitka */
.wwv--chyba .wwv-karta { max-width: 520px; margin: 0 auto; }
.wwv--chyba .wwv-karta-telo { padding: 28px 22px; }
.wwv--chyba .wwv-role { margin: 8px 0 20px; font-size: 15px; line-height: 1.55; }

/* Počítač: dva sloupce */
@media (min-width: 900px) {
    .wwv-hlavicka { padding: 14px 24px; }
    .wwv-hlavicka::before, .wwv-hlavicka::after { display: none; }
    .wwv-hlavicka-obsah { justify-content: space-between; }
    .wwv-logo img { width: 104px; }
    .wwv-hlavicka-popisek { display: block; }
    .wwv-obsah { margin-top: 40px; padding: 0 24px 48px; display: grid; grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); gap: 32px; align-items: start; }
    .wwv-karta { position: sticky; top: 24px; overflow: hidden; }
    .wwv-karta-pruh { display: block; position: relative; height: 92px; background: #1A1C20; }
    .wwv-karta-pruh::before, .wwv-karta-pruh::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: #BC926A; }
    .wwv-karta-pruh::before { bottom: 18px; opacity: .35; }
    .wwv-karta-pruh::after { bottom: 13px; opacity: .2; }
    .wwv-karta-telo { padding: 0 22px 22px; }
    .wwv-foto { width: 128px; height: 128px; margin-top: -60px; }
    .wwv-druzstvo { margin-top: 0; gap: 24px; }
    .wwv .wwv-o-druzstvu h2 { margin-top: 10px; font-size: 34px; line-height: 1.2; }
    .wwv-perex { max-width: 640px; margin-top: 14px; font-size: 17px; }
    .wwv-vyhody { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
    .wwv-vyhoda { flex-direction: column; gap: 10px; padding: 20px; border-radius: 16px; }
    .wwv .wwv-vyhoda h3 { font-size: 17px; }
    .wwv-vyzva { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding: 26px 28px; }
    .wwv-vyzva-text { flex: 1 1 280px; min-width: 0; }
    .wwv-vyzva-tlacitka { flex-direction: row; flex-wrap: wrap; margin-top: 0; }
    .wwv .wwv-btn { min-height: 50px; font-size: 15.5px; }
    .wwv-vyzva-pozn { flex: 1 1 100%; margin-top: 0; }
    .wwv-upozorneni { padding: 16px 20px; font-size: 13.5px; }
    .wwv-paticka-obsah { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 16px 24px; padding: 26px 24px; text-align: left; }
    .wwv-paticka-obsah > p:first-of-type { margin-right: auto; }
    .wwv--chyba .wwv-obsah { display: block; }
    .wwv--chyba .wwv-karta { position: static; }
    /* Ukázkový web: karta při posunu zůstane pod lištou ukázky (modul 57) */
    html.ww-demo-ma-listu .wwv-karta { top: calc(var(--ww-demo-vyska, 46px) + 24px); }
}