/* ═══ kanp-cookieyes.css — §K93 (P54, rozhodnutí Patrika 16. 10.): lišta a okno předvoleb CookieYes ve stylu webu ═══
   Laděno vůči CookieYes 3.5.7, šablona 6.2.0 (rozložení box, banner, classic, sidebar; struktura tříd v _build/p54/recon.md 1.3).
   Pravidla jen pod .cky-consent-container, .cky-modal, .cky-overlay, .cky-btn-revisit-wrapper — nic mimo lištu (tlačítka
   „Nastavení cookies“ .cky-banner-element a tabulka na /zasady-cookies/ .cky-audit-table-element mají vlastní pravidla jinde).
   Proč !important: (1) barvy z konfigurace CookieYes (pozadí lišty / okna, texty, tlačítka, přepínače, „Vždy aktivní“, ikonka) zapisuje
   šablona i skript inline do style=""; (2) CSS šablony vkládá skript CookieYes až za styly motivu (<style id="cky-style"> na konci <head>),
   takže při stejné specificitě by vyhrálo. !important je proto jen u vlastností, které šablona nebo konfigurace nastavuje.
   Vrstvy (z-index) beze změny; skrytí pod věkovou bránou kp-global.css (body.kp-agegate-lock …) dál platí. */

/* 1) Plochy — první vrstva a okno předvoleb jako karta věkové brány (.kp-agegate-card), překryv jako u brány */
.cky-consent-container .cky-consent-bar { background: var(--kp-surface) !important; border: 1px solid var(--kp-border) !important; box-shadow: 0 24px 64px rgba(0, 0, 0, .6) !important; color: var(--kp-text-2) !important; }
.cky-consent-container[class*="cky-box-"] .cky-consent-bar { border-radius: 16px !important; }
.cky-consent-container[class*="cky-box-"] { border-radius: 16px; }
.cky-modal,
.cky-modal .cky-preference-center { background: var(--kp-surface) !important; border-color: var(--kp-border) !important; color: var(--kp-text-2) !important; border-radius: 16px !important; }
.cky-modal { border: 1px solid var(--kp-border) !important; box-shadow: 0 24px 64px rgba(0, 0, 0, .6) !important; }
.cky-modal .cky-preference-header,
.cky-modal .cky-preference-body-wrapper,
.cky-modal .cky-accordion,
.cky-modal .cky-accordion-item,
.cky-modal .cky-footer-wrapper,
.cky-modal .cky-prefrence-btn-wrapper { border-color: var(--kp-border) !important; }
.cky-overlay { background: rgba(var(--kp-bg-rgb), .85) !important; opacity: 1 !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }

/* 2) Typografie — nadpis jako nadpisy webu (Montserrat, velká písmena, menší), text jako text webu, odkazy jako v právních textech */
.cky-consent-container .cky-title,
.cky-modal .cky-preference-title { font-family: 'Montserrat', system-ui, sans-serif !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .02em; color: var(--kp-text) !important; }
.cky-consent-container .cky-title { font-size: 16px !important; line-height: 1.3 !important; }
.cky-modal .cky-preference-title { font-size: 17px !important; line-height: 1.3 !important; }
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-preference-content-wrapper p,
.cky-modal .cky-accordion-header-des,
.cky-modal .cky-accordion-header-des p { font-family: 'Montserrat', system-ui, sans-serif !important; color: var(--kp-text-2) !important; line-height: 1.6 !important; }
.cky-consent-container a.cky-policy,
.cky-consent-container button.cky-policy,
.cky-consent-container .cky-notice-des a,
.cky-modal .cky-preference-content-wrapper a,
.cky-modal .cky-show-desc-btn { color: var(--kp-text) !important; background: none !important; border: 0 !important; padding: 0 !important; font-weight: 600; text-decoration: underline !important; text-decoration-color: var(--kp-accent) !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; cursor: pointer; }
.cky-consent-container a.cky-policy:hover,
.cky-consent-container .cky-notice-des a:hover,
.cky-modal .cky-preference-content-wrapper a:hover,
.cky-modal .cky-show-desc-btn:hover { text-decoration-color: var(--kp-text) !important; }

/* 3) Tlačítka — Přijmout vše a Odmítnout vše shodně jako .kph-btn-primary (plné --kp-accent), Přizpůsobit / Uložit mé předvolby obrysové
   jako .kph-btn-outline; stejné písmo (.kph-btn: 800 13 px, prostrkání 1,5 px, velká písmena), výška, poloměr 10 px a šířka v řadě */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; min-height: 48px; padding: 12px 18px !important; border-radius: 10px !important; border-width: 1px !important; border-style: solid !important; opacity: 1 !important; box-shadow: none !important; text-shadow: none !important; transition: filter .2s ease, background-color .2s ease; }
/* řada tlačítek: mezera místo okrajů šablony; Přijmout vše a Odmítnout vše stejně široké (flex 1 1 0, stejná minimální šířka),
   Přizpůsobit podle textu; v boxu (užší karta) Přijmout + Odmítnout v prvním řádku, Přizpůsobit pod nimi přes celou šířku */
.cky-consent-container .cky-notice-btn-wrapper,
.cky-modal .cky-prefrence-btn-wrapper { gap: 10px !important; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn,
.cky-modal .cky-prefrence-btn-wrapper .cky-btn { margin: 0 !important; }
.cky-consent-container .cky-notice-btn-wrapper :is(.cky-btn-accept, .cky-btn-reject),
.cky-modal .cky-prefrence-btn-wrapper :is(.cky-btn-accept, .cky-btn-reject) { flex: 1 1 0 !important; min-width: 190px; }
.cky-consent-container .cky-notice-btn-wrapper .cky-btn-customize,
.cky-modal .cky-prefrence-btn-wrapper .cky-btn-preferences { flex: 1 1 auto !important; }
.cky-consent-container[class*="cky-box-"] .cky-notice-btn-wrapper { flex-wrap: wrap !important; }
.cky-consent-container[class*="cky-box-"] .cky-notice-btn-wrapper .cky-btn-accept { order: 1 !important; min-width: 0; }
.cky-consent-container[class*="cky-box-"] .cky-notice-btn-wrapper .cky-btn-reject { order: 2 !important; min-width: 0; }
.cky-consent-container[class*="cky-box-"] .cky-notice-btn-wrapper .cky-btn-customize { order: 3 !important; flex: 1 1 100% !important; }
.cky-consent-container .cky-btn-accept,
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-accept,
.cky-modal .cky-btn-reject { background: var(--kp-accent) !important; color: var(--kp-on-accent) !important; border-color: var(--kp-accent) !important; }
.cky-consent-container .cky-btn-customize,
.cky-modal .cky-btn-preferences,
.cky-modal .cky-btn-customize { background: transparent !important; color: var(--kp-text) !important; border-color: var(--kp-accent) !important; }
.cky-consent-container .cky-btn-accept:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-accept:hover,
.cky-modal .cky-btn-reject:hover { filter: brightness(1.1); }
.cky-consent-container .cky-btn-customize:hover,
.cky-modal .cky-btn-preferences:hover,
.cky-modal .cky-btn-customize:hover { background: rgba(var(--kp-accent-rgb), .14) !important; }
/* fokus z klávesnice jako na webu (port-legal.css: 2 px --kp-text, odsazení 3 px); šablona nastavuje vlastní modrý obrys */
.cky-consent-container :is(button, a, [tabindex]):focus-visible,
.cky-modal :is(button, a, input, [tabindex]):focus-visible { outline: 2px solid var(--kp-text) !important; outline-offset: 3px !important; }
/* ≤ 640 px tlačítka pod sebou přes celou šířku (pořadí podle šablony: Přijmout vše nahoře), výška ≥ 48 px */
@media (max-width: 640px) {
	.cky-consent-container .cky-notice-btn-wrapper,
	.cky-modal .cky-prefrence-btn-wrapper { flex-direction: column !important; align-items: stretch !important; }
	.cky-consent-container .cky-notice-btn-wrapper .cky-btn,
	.cky-modal .cky-prefrence-btn-wrapper .cky-btn { flex: none !important; width: 100% !important; min-width: 0 !important; }
	/* §K93 (P55): mezera popis → tlačítka 16 px jako box na 1440 (margin-top řady v šabloně). Šablona na mobilu dává řadě margin-top 0
	   a mezeru přesouvá na tlačítka (Přijmout 16 px, ostatní 10 px), ty okraje ale ruší „margin: 0“ výše (stejná šířka a gap) → bez tohoto
	   pravidla box a classic 0 px, banner 10 px. Jedno pravidlo pro všechna rozložení první vrstvy; !important kvůli margin-top šablony. */
	.cky-consent-container .cky-notice-btn-wrapper { margin-top: 16px !important; }
}

/* 4) Přepínače — zapnuto --kp-accent, vypnuto tmavě šedá s viditelným okrajem; barvu zapisuje skript inline (style.backgroundColor) */
.cky-modal .cky-switch input[type="checkbox"] { box-sizing: border-box !important; background: var(--kp-surface-2) !important; border: 1px solid var(--kp-border-3) !important; }
.cky-modal .cky-switch input[type="checkbox"]:checked { background: var(--kp-accent) !important; border-color: var(--kp-accent) !important; }
.cky-modal .cky-switch input[type="checkbox"]::before { background-color: var(--kp-text) !important; }
.cky-modal .cky-switch input[type="checkbox"]:focus-visible { outline: 2px solid var(--kp-text) !important; outline-offset: 3px !important; } /* šablona má outline: 0 */

/* 5) Kategorie — „Vždy aktivní“ místo zelené jako štítek webu (mono, velká písmena, --kp-text-2, kontrast AA); nadpisy, šipky, zavírací tlačítko
   v barvě textu webu; tabulka cookies v akordeonu jako tabulky webu */
.cky-modal .cky-always-active { color: var(--kp-text-2) !important; font-family: var(--kanp-mono) !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .1em; text-transform: uppercase; }
.cky-modal .cky-accordion-btn { color: var(--kp-text) !important; font-family: 'Montserrat', system-ui, sans-serif !important; font-weight: 700 !important; }
.cky-modal .cky-accordion-chevron { color: var(--kp-text-2) !important; }
.cky-modal .cky-btn-close img,
.cky-consent-container .cky-banner-btn-close img { filter: brightness(0) invert(.96); }
.cky-modal .cky-audit-table { background: var(--kp-bg-deep) !important; border: 1px solid var(--kp-border) !important; border-radius: 10px !important; color: var(--kp-text-2) !important; }
.cky-modal .cky-cookie-des-table li { border-color: var(--kp-border) !important; }
.cky-modal .cky-cookie-des-table li div:first-child { color: var(--kp-text-3) !important; font-family: var(--kanp-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.cky-modal .cky-cookie-des-table li div:last-child { color: var(--kp-text-2) !important; }
.cky-modal .cky-empty-cookies-text { color: var(--kp-text-3) !important; }

/* 6) Patička okna — stínový přechod a pruh „Powered by CookieYes“ (dodává web app; podmínka free tarifu) v pozadí okna, text čitelný */
.cky-modal .cky-footer-wrapper { background: var(--kp-surface) !important; }
.cky-modal .cky-footer-shadow { background: linear-gradient(180deg, rgba(var(--kp-surface-rgb), 0) 0%, var(--kp-surface) 100%) !important; }
.cky-modal [class*="powered"],
.cky-consent-container [class*="powered"] { background-color: var(--kp-surface) !important; color: var(--kp-text-3) !important; opacity: 1 !important; visibility: visible !important; border-color: var(--kp-border) !important; }
.cky-modal [class*="powered"] a,
.cky-consent-container [class*="powered"] a { color: var(--kp-text-2) !important; opacity: 1 !important; }

/* 7) Posuvník okna — tenký, tmavý (jako kp-global.css ř. 48–50) */
.cky-modal .cky-preference-body-wrapper,
.cky-consent-container .cky-notice-des { scrollbar-width: thin; scrollbar-color: var(--kp-border-2) transparent; }
.cky-modal .cky-preference-body-wrapper::-webkit-scrollbar,
.cky-consent-container .cky-notice-des::-webkit-scrollbar { width: 6px; }
.cky-modal .cky-preference-body-wrapper::-webkit-scrollbar-thumb,
.cky-consent-container .cky-notice-des::-webkit-scrollbar-thumb { background: var(--kp-border-2); border-radius: 6px; }

/* 8) Plovoucí ikonka — skrytá (pojistka; hlavní vypnutí v administraci CookieYes, Patrik). Souhlas se mění přes „Nastavení cookies“
   v patičce a na /zasady-cookies/. Barvu a pozici zapisuje šablona inline → !important. */
.cky-btn-revisit-wrapper { display: none !important; }