/* Sdílené styly lišty cookies pro 7 webů Luxiferu (LXF-330, 2. 10. 2026). Strukturu staví lxf-cookies.js (třída .lxf-cookies)
   pro obě varianty Shoptetu: Zákonné znění (.siteCookies) i Informační znění (.site-msg.cookies).
   Tmavá karta vpravo dole, světelný pruh v barvě značky (Luxifer žlutá, KLUŚ červená), hlavní tlačítko, Nastavení jako odkaz.
   Rohy: plocha 8 px, tlačítko 4 px (jako lxf-polish.css na lxf.cz). Dvojitá třída .lxf-cookies.lxf-cookies přebíjí .site-msg.cookies z main.css. */
.lxf-cookie-preferences {display:block; margin:16px auto; padding:12px; background:transparent; color:#24242e; border:0; text-decoration:underline; cursor:pointer; min-height:44px;}
html body .lxf-cookies.lxf-cookies {
 --lxf-ck-accent:#ffd800; --lxf-ck-accent-hover:#ffe24d; --lxf-ck-on-accent:#1a1a1a; --lxf-ck-glow:rgba(255,216,0,.45);
 position:fixed !important; top:auto !important; left:auto !important; right:24px !important; bottom:24px !important;
 width:560px !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:#1c1c20 !important; color:#f4f4f5 !important; border:0 !important; border-radius:8px !important;
 box-shadow:0 18px 48px rgba(20,20,24,.35), 0 2px 8px rgba(20,20,24,.2) !important; text-align:left !important;
 animation:lxf-cookies-in .26s cubic-bezier(.2,.8,.2,1) both;
}
html body .lxf-cookies.lxf-cookies.lxf-cookies--info {padding:24px 24px 20px !important;}
html body .lxf-cookies.lxf-cookies.lxf-cookies--klus {--lxf-ck-accent:#e30613; --lxf-ck-accent-hover:#c80511; --lxf-ck-on-accent:#fff; --lxf-ck-glow:rgba(227,6,19,.45);}
html body .lxf-cookies::before {
 content:""; position:absolute; top:0; left:22px; right:22px; height:3px; border-radius:0 0 3px 3px;
 background:var(--lxf-ck-accent); box-shadow:0 0 14px 2px var(--lxf-ck-glow); pointer-events:none;
}
html body .lxf-cookies.lxf-cookies :is(.siteCookies__form, form) {
 display:block !important; margin:0 !important; padding:24px 24px 20px !important; background:transparent !important;
 color:#f4f4f5 !important; border-radius:8px !important; box-shadow:none !important; text-align:left !important;
}
html body .lxf-cookies :is(.siteCookies__content, .lxf-cookies__content) {display:block; width:100%;}
html body .lxf-cookies__head {display:flex; align-items:center; gap:14px; margin:0 0 10px;}
html body .lxf-cookies__icon {
 flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:8px;
 color:var(--lxf-ck-accent); background:color-mix(in srgb, var(--lxf-ck-accent) 12%, transparent);
 border:1px solid color-mix(in srgb, var(--lxf-ck-accent) 40%, transparent);
}
html body .lxf-cookies .lxf-cookies__title {margin:0; padding:0; color:#fafafa !important; font-size:21px; line-height:1.25; font-weight:700; letter-spacing:-.01em; text-transform:none;}
html body .lxf-cookies .siteCookies__text {color:#d4d4d8 !important; text-align:left !important;}
html body .lxf-cookies .lxf-cookies__text {margin:0; color:#d4d4d8 !important; font-size:15px; line-height:1.55; text-align:left !important; hyphens:none;}
html body .lxf-cookies .lxf-cookies__text a {color:#fafafa !important; text-decoration:underline; text-underline-offset:3px; white-space:nowrap;}
html body .lxf-cookies :is(.siteCookies__buttonWrap, .lxf-cookies__actions) {
 display:flex !important; align-items:center; justify-content:flex-end; gap:20px; width:100%; margin:20px 0 0 !important; padding:0;
}
html body .lxf-cookies :is(.siteCookies__button, .lxf-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:48px; margin:0 !important;
 padding:12px 26px !important; border:0 !important; border-radius:4px !important; line-height:1.2 !important;
 background:var(--lxf-ck-accent) !important; color:var(--lxf-ck-on-accent) !important; font-size:16px !important; font-weight:700;
 text-transform:none !important; letter-spacing:0; white-space:nowrap; cursor:pointer;
 box-shadow:0 6px 18px var(--lxf-ck-glow); transition:transform .15s cubic-bezier(.4,0,.2,1), background-color .15s ease;
}
html body .lxf-cookies :is(.siteCookies__button, .lxf-cookies__button):hover {background:var(--lxf-ck-accent-hover) !important;}
html body .lxf-cookies :is(.siteCookies__button, .lxf-cookies__button):active {transform:scale(.98);}
html body .lxf-cookies .lxf-cookies__settings {
 min-height:44px; padding:0 4px; border:0; background:transparent; color:#d4d4d8; font-size:15px; font-weight:600;
 text-decoration:underline; text-underline-offset:3px; cursor:pointer;
}
html body .lxf-cookies .lxf-cookies__settings:hover {color:#fafafa;}
html body .lxf-cookies :is(a, button):focus-visible {outline:2px solid var(--lxf-ck-accent); outline-offset:3px;}
@keyframes lxf-cookies-in {from {opacity:0; transform:translateY(12px);} to {opacity:1; transform:none;}}
@media (prefers-reduced-motion:reduce) {html body .lxf-cookies.lxf-cookies {animation:none;}}
@media (max-width:575px) {
 html body .lxf-cookies.lxf-cookies {left:12px !important; right:12px !important; bottom:12px !important; width:auto !important; max-width:none !important; max-height:calc(100dvh - 24px); overflow-y:auto;}
 html body .lxf-cookies :is(.siteCookies__form, form) {padding:20px 18px 14px !important;}
 html body .lxf-cookies.lxf-cookies.lxf-cookies--info {padding:20px 18px 14px !important;}
 html body .lxf-cookies__icon {width:40px; height:40px;}
 html body .lxf-cookies .lxf-cookies__title {font-size:19px;}
 html body .lxf-cookies .lxf-cookies__text {font-size:14px;}
 html body .lxf-cookies :is(.siteCookies__buttonWrap, .lxf-cookies__actions) {flex-direction:column-reverse; align-items:stretch; gap:4px; margin-top:16px !important;}
 html body .lxf-cookies :is(.siteCookies__button, .lxf-cookies__button) {width:100% !important;}
}
