/* Styly lišty cookies e-shopu eshop.cutegory.cz. Strukturu staví cutegory-cookies.js (třída .cg-cookies) pro obě varianty Shoptetu:
   Informační znění (vlastní karta .cg-cookies--info) i Zákonné znění (přestylovaná .siteCookies).
   Port 1:1 z Luxiferu (lxf-cookies.css, LXF-380, varianta A z 3. 10. 2026): kompaktní tmavá karta vpravo dole, pruh v barvě značky,
   jediné velké tlačítko Přijmout, Odmítnout, Nastavení a Zásady cookies jako malé odkazy. Panel Nastavení (.cg-ck-panel) je světlý.
   Barvy Cutegory (brand/CLAUDE.md): Off Black #1A1A1A, White #FFFFFF, Light #E8E8E8, Dark 4 #595959; magenta #E31D75 jen na tmavé
   kartě (pruh, focus), sage #87A479 jen na světlém panelu (linka, zapnutý přepínač). Tlačítko Přijmout je bílé s Off Black textem
   (binární základ značky, barva jen jako sprinkle). Rohy: plocha 8 px, tlačítko 4 px (jako Luxifer).
   Dvojitá třída .cg-cookies.cg-cookies přebíjí .site-msg.cookies z main.css a cookies-bar/styles.css šablony Dolomit. */
.cg-cookie-preferences {display:block; margin:16px auto; padding:12px; background:transparent; color:#e8e8e8; border:0; text-decoration:underline; cursor:pointer; min-height:44px; font:inherit;}
html body .site-msg.cookies.cg-cookies-native {display:none !important;}
html body .cg-cookies.cg-cookies, html body .cg-ck-panel {
 --cg-ck-dark:#1a1a1a; --cg-ck-dark-2:#313131; --cg-ck-light:#e8e8e8; --cg-ck-muted:#595959; --cg-ck-white:#fff;
 --cg-ck-magenta:#e31d75; --cg-ck-magenta-glow:rgba(227,29,117,.4); --cg-ck-sage:#87a479; --cg-ck-sage-light:#c4dcb9;
}
html body .cg-cookies.cg-cookies {
 position:fixed !important; top:auto !important; left:auto !important; right:24px !important; bottom:24px !important;
 width:420px !important; max-width:calc(100vw - 48px) !important; transform:none !important; z-index:2147483000 !important;
 max-height:calc(100dvh - 48px); overflow:visible; margin:0 !important; padding:0 !important;
 background:var(--cg-ck-dark) !important; color:var(--cg-ck-light) !important; border:0 !important; border-radius:8px !important;
 box-shadow:0 18px 48px rgba(10,10,10,.35), 0 2px 8px rgba(10,10,10,.2) !important; text-align:left !important;
 font-family:inherit; animation:cg-cookies-in .26s cubic-bezier(.2,.8,.2,1) both;
}
html body .cg-cookies.cg-cookies.cg-cookies--info {padding:20px 20px 12px !important;}
html body .cg-cookies::before {
 content:""; position:absolute; top:0; left:20px; right:20px; height:3px; border-radius:0 0 3px 3px;
 background:var(--cg-ck-magenta); box-shadow:0 0 14px 2px var(--cg-ck-magenta-glow); pointer-events:none;
}
html body .cg-cookies.cg-cookies :is(.siteCookies__form, form) {
 display:block !important; margin:0 !important; padding:20px 20px 12px !important; background:transparent !important;
 color:var(--cg-ck-light) !important; border-radius:8px !important; box-shadow:none !important; text-align:left !important;
}
html body .cg-cookies .siteCookies__content {display:block; width:100%;}
html body .cg-cookies .cg-cookies__title {margin:0 0 6px; padding:0; color:var(--cg-ck-white) !important; font-size:17px; line-height:1.3; font-weight:700; letter-spacing:0; text-transform:none;}
html body .cg-cookies .siteCookies__text {color:var(--cg-ck-light) !important; text-align:left !important;}
html body .cg-cookies .cg-cookies__text {margin:0; color:var(--cg-ck-light) !important; font-size:14px; line-height:1.5; text-align:left !important; hyphens:none;}
html body .cg-cookies .cg-cookies__actions {
 display:flex !important; align-items:center; justify-content:space-between; gap:12px; width:100%; margin:14px 0 0 !important; padding:0;
}
html body :is(.cg-cookies, .cg-ck-panel) .cg-cookies__button {
 display:inline-flex; align-items:center; justify-content:center; float:none !important;
 width:auto !important; max-width:none !important; height:auto !important; min-height:44px; margin:0 !important;
 padding:10px 22px !important; border:0 !important; border-radius:4px !important; line-height:1.2 !important;
 background:var(--cg-ck-white) !important; color:var(--cg-ck-dark) !important; font-family:inherit; font-size:15px !important; font-weight:700;
 text-transform:none !important; letter-spacing:0; white-space:nowrap; cursor:pointer; box-shadow:none !important;
 transition:transform .15s cubic-bezier(.4,0,.2,1), background-color .15s ease;
}
html body :is(.cg-cookies, .cg-ck-panel) .cg-cookies__button:hover {background:var(--cg-ck-light) !important;}
html body :is(.cg-cookies, .cg-ck-panel) .cg-cookies__button:active {transform:scale(.98);}
html body .cg-ck-panel .cg-cookies__button {background:var(--cg-ck-dark) !important; color:var(--cg-ck-white) !important;}
html body .cg-ck-panel .cg-cookies__button:hover {background:var(--cg-ck-dark-2) !important;}
html body :is(.cg-cookies, .cg-ck-panel) .cg-cookies__mini {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:2px 14px;}
html body :is(.cg-cookies, .cg-ck-panel) .cg-cookies__link {
 display:inline-flex; align-items:center; min-height:32px; margin:0 !important; padding:0 2px !important; border:0 !important; background:transparent !important;
 box-shadow:none !important; color:#a6a6a6 !important; font-family:inherit; font-size:12.5px !important; font-weight:400 !important; line-height:1.3 !important;
 text-transform:none !important; letter-spacing:0; text-decoration:underline !important; text-underline-offset:3px; white-space:nowrap; cursor:pointer; width:auto !important; height:auto !important;
}
html body .cg-cookies .cg-cookies__link:hover {color:var(--cg-ck-white) !important;}
html body .cg-ck-panel .cg-cookies__link {color:var(--cg-ck-muted) !important;}
html body .cg-ck-panel .cg-cookies__link:hover {color:var(--cg-ck-dark) !important;}
html body .cg-cookies :is(a, button):focus-visible {outline:2px solid var(--cg-ck-magenta); outline-offset:3px;}
html body .cg-ck-panel :is(a, button):focus-visible {outline:2px solid var(--cg-ck-dark); outline-offset:3px;}

/* Nastavení (druhá vrstva) */
html body .cg-ck-overlay {position:fixed; inset:0; z-index:2147483001; background:rgba(10,10,10,.45);}
html body .cg-ck-panel {
 position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2147483002; box-sizing:border-box;
 width:480px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; margin:0; padding:24px 24px 16px;
 background:var(--cg-ck-white); color:var(--cg-ck-dark); border-top:3px solid var(--cg-ck-sage); border-radius:8px; text-align:left;
 box-shadow:0 24px 64px rgba(0,0,0,.3); font-family:inherit; animation:cg-ck-panel-in .2s cubic-bezier(.2,.8,.2,1) both;
}
html body .cg-ck-panel .cg-ck-panel__title {margin:0 0 4px; padding:0; color:var(--cg-ck-dark); font-size:19px; line-height:1.3; font-weight:700; text-transform:none; letter-spacing:0;}
html body .cg-ck-panel :is(.cg-ck-panel__title, .cg-ck-panel__text, .cg-ck-opt__name, .cg-ck-opt__desc) {text-align:left !important; hyphens:none;}
html body .cg-ck-panel .cg-ck-panel__text {margin:0 0 12px; color:var(--cg-ck-muted); font-size:13.5px; line-height:1.5;}
html body .cg-ck-panel .cg-ck-opt {display:flex; align-items:flex-start; gap:14px; padding:12px 0; border-top:1px solid var(--cg-ck-light);}
html body .cg-ck-panel .cg-ck-opt__label {flex:1; min-width:0;}
html body .cg-ck-panel .cg-ck-opt__name {display:block; margin:0 0 1px; color:var(--cg-ck-dark); font-size:14.5px; font-weight:700; line-height:1.35;}
html body .cg-ck-panel .cg-ck-opt__desc {display:block; color:var(--cg-ck-muted); font-size:13px; line-height:1.4;}
html body .cg-ck-panel .cg-ck-switch {
 flex:none; position:relative; width:44px; height:26px; min-height:0; margin:2px 0 0; padding:0; border:0; border-radius:13px;
 background:#d9d9d9; cursor:pointer; box-shadow:none; transition:background-color .15s ease;
}
html body .cg-ck-panel .cg-ck-switch::after {
 content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--cg-ck-white);
 box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .15s cubic-bezier(.4,0,.2,1);
}
html body .cg-ck-panel .cg-ck-switch[aria-checked="true"] {background:var(--cg-ck-dark);}
html body .cg-ck-panel .cg-ck-switch[aria-checked="true"]::after {transform:translateX(18px); background:var(--cg-ck-sage-light);}
html body .cg-ck-panel .cg-ck-switch:disabled {opacity:.45; cursor:default;}
html body .cg-ck-panel .cg-ck-switch:focus-visible {outline:2px solid var(--cg-ck-dark); outline-offset:3px;}
html body .cg-ck-panel .cg-ck-panel__foot {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding-top:12px; border-top:1px solid var(--cg-ck-light);}
html body .cg-ck-panel .cg-ck-panel__foot .cg-cookies__mini {justify-content:flex-start;}

@keyframes cg-cookies-in {from {opacity:0; transform:translateY(12px);} to {opacity:1; transform:none;}}
@keyframes cg-ck-panel-in {from {opacity:0;} to {opacity:1;}}
@media (prefers-reduced-motion:reduce) {html body :is(.cg-cookies.cg-cookies, .cg-ck-panel) {animation:none;}}
@media (max-width:575px) {
 html body .cg-cookies.cg-cookies {left:12px !important; right:12px !important; bottom:max(12px, env(safe-area-inset-bottom)) !important; width:auto !important; max-width:none !important; max-height:calc(100dvh - 24px); overflow-y:auto;}
 html body .cg-cookies.cg-cookies :is(.siteCookies__form, form) {padding:18px 16px 10px !important;}
 html body .cg-cookies.cg-cookies.cg-cookies--info {padding:18px 16px 10px !important;}
 html body .cg-cookies .cg-cookies__actions {flex-direction:column; align-items:stretch; gap:8px;}
 html body .cg-cookies .cg-cookies__button {width:100% !important; min-height:48px;}
 html body .cg-cookies .cg-cookies__mini {justify-content:center;}
 html body .cg-ck-panel {left:0; right:0; top:auto; bottom:0; transform:none; width:auto; max-width:none; max-height:calc(100dvh - 24px); border-radius:12px 12px 0 0; padding:20px 16px 16px;}
 html body .cg-ck-panel .cg-ck-panel__foot {flex-direction:column-reverse; align-items:stretch;}
 html body .cg-ck-panel .cg-cookies__button {width:100% !important; min-height:48px;}
 html body .cg-ck-panel .cg-ck-panel__foot .cg-cookies__mini {justify-content:center;}
}