/* ERO-SENIN V4 — zgody cookies (desktop). Paleta V4 Cinema: tło #0b0d10/#14171b, linie rgba(100,134,173), teal #21d4b4/#67ddc3, złoto #ffcd63 */
#ero-consent{--ec-bg2:#0c1015;--ec-card:#ffffff05;--ec-line:#6486ad26;--ec-line2:#6486ad4d;--ec-txt:#e6e9ed;--ec-muted:#9aa5b4;--ec-dim:#6f7886;--ec-teal:#21d4b4;--ec-teal2:#67ddc3;--ec-gold:#ffcd63;--ec-font:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--ec-disp:'Chakra Petch','Manrope',system-ui,sans-serif;font:14px/1.6 var(--ec-font);color:var(--ec-txt)}
#ero-consent [hidden],.ero-consent-embed[hidden]{display:none!important}
#ero-consent *{box-sizing:border-box}
#ero-consent strong{color:#f2f5f8;font-weight:600}
#ero-consent p{margin:0;font:14px/1.6 var(--ec-font);color:var(--ec-muted)}
#ero-consent a{color:#a9c4de;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a9c4de66}
#ero-consent a:hover{color:#d3e2f1;text-decoration-color:currentColor}
#ero-consent :is(button,a,input,summary):focus-visible{outline:2px solid var(--ec-gold);outline-offset:3px}

/* Przyciski: trzy poziomy — pełny (teal), obrys, ghost */
#ero-consent button,.ero-consent-embed button{font:600 13px/1.4 var(--ec-font);color:#dbe3ec;background:#ffffff08;border:1px solid var(--ec-line2);border-radius:9px;padding:10px 16px;min-height:42px;cursor:pointer;white-space:normal;box-shadow:none;transition:background-color .15s,border-color .15s,color .15s}
#ero-consent button:hover,.ero-consent-embed button:hover{background:#ffffff12;border-color:#6486ad80;color:#f2f5f8}
#ero-consent .ec-btn--primary{background:var(--ec-teal);border-color:var(--ec-teal);color:#06211b}
#ero-consent .ec-btn--primary:hover{background:#4de0c4;border-color:#4de0c4;color:#06211b}
#ero-consent .ec-btn--outline{background:transparent;border-color:#21d4b466;color:var(--ec-teal2)}
#ero-consent .ec-btn--outline:hover{background:#21d4b414;border-color:var(--ec-teal2);color:#9beadb}
#ero-consent .ec-btn--ghost{background:transparent;border-color:transparent;color:#aab5c4}
#ero-consent .ec-btn--ghost:hover{background:#ffffff0a;border-color:var(--ec-line);color:#e6e9ed}
#ero-consent .ec-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Pasek na dole strony */
#ero-consent .ec-banner{position:fixed;bottom:64px;left:20px;right:20px;max-width:1120px;margin:auto;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;background:linear-gradient(160deg,#182029,#10151b);border:1px solid var(--ec-line2);border-radius:16px;box-shadow:0 18px 70px #000a;z-index:2147483000}
#ero-consent .ec-banner>div>strong{display:block;font:600 17px/1.3 var(--ec-disp);color:#f2f5f8;margin-bottom:6px}
#ero-consent .ec-banner p{max-width:70ch;margin-bottom:8px}
#ero-consent .ec-banner a{font-size:12px}
#ero-consent .ec-banner .ec-actions{flex-direction:column;min-width:230px}
#ero-consent .ec-banner .ec-actions button{width:100%}

/* Przycisk-wyzwalacz, gdy nie ma szyny hubu */
#ero-consent .ec-launcher{position:fixed;bottom:12px;left:16px;font-size:11px;padding:8px 12px;min-height:36px;z-index:2147482999}

/* Okno ustawień: nagłówek / przewijana treść / stała stopka */
#ero-consent dialog{position:fixed;inset:0;margin:auto;display:flex;flex-direction:column;width:calc(100% - 32px);max-width:720px;max-height:calc(100dvh - 40px);padding:0;color:var(--ec-txt);background:linear-gradient(170deg,#182028 0%,#111720 60%,#0e1319 100%);border:1px solid var(--ec-line2);border-radius:18px;box-shadow:0 30px 100px #000c,0 0 0 1px #00000066;overflow:hidden;overscroll-behavior:contain;color-scheme:dark}
#ero-consent dialog:not([open]){display:none}
#ero-consent dialog::backdrop{background:#04080dcc;backdrop-filter:blur(6px)}
#ero-consent .ec-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 18px;border-bottom:1px solid var(--ec-line);flex:none}
#ero-consent .ec-eyebrow{display:block;font:700 10px/1 var(--ec-font);letter-spacing:.18em;text-transform:uppercase;color:var(--ec-teal2);margin-bottom:9px}
#ero-consent h2{font:700 24px/1.2 var(--ec-disp);margin:0;color:#f6f8fa;letter-spacing:.01em}
#ero-consent .ec-heading [data-close]{flex:none;width:38px;height:38px;min-height:0;padding:0;margin:-4px -6px 0 0;border-radius:50%;font:300 26px/1 var(--ec-font);color:#aab5c4;background:transparent;border-color:transparent}
#ero-consent .ec-heading [data-close]:hover{background:#ffffff10;color:#fff;border-color:var(--ec-line)}
#ero-consent .ec-body{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 28px 24px;scrollbar-width:thin;scrollbar-color:#6486ad55 transparent}
#ero-consent #ec-intro{color:var(--ec-muted);font-size:14px;max-width:62ch;margin:0 0 20px}
#ero-consent .ec-section{display:flex;align-items:center;gap:12px;margin:22px 0 10px;font:700 11px/1 var(--ec-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ec-dim)}
#ero-consent .ec-section::after{content:"";flex:1;height:1px;background:var(--ec-line)}
#ero-consent .ec-section:first-child{margin-top:0}

/* Karty kategorii */
#ero-consent .ec-category{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:16px;margin:0 0 10px;padding:16px 18px;border:1px solid var(--ec-line);border-radius:13px;background:var(--ec-card);transition:border-color .15s,background-color .15s}
#ero-consent .ec-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#6486ad14;border:1px solid #6486ad22;color:#b9c7d8}
#ero-consent .ec-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#ero-consent .ec-category-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:5px}
#ero-consent .ec-category strong{font-size:15px;line-height:1.3;color:#f2f5f8}
#ero-consent .ec-category p,#ero-consent .ec-category small{display:block;margin:0;font:13px/1.65 var(--ec-font);color:var(--ec-muted)}
#ero-consent .ec-provider{display:block;margin-top:8px;font:12px/1.5 var(--ec-font);color:var(--ec-dim)}
#ero-consent .ec-badge{display:inline-flex;align-items:center;gap:5px;font:700 10px/1 var(--ec-font);letter-spacing:.06em;text-transform:uppercase;color:#c7d3e1;padding:6px 9px;border:1px solid var(--ec-line2);border-radius:20px;background:#6486ad14;white-space:nowrap}
#ero-consent .ec-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#c7d3e1}
#ero-consent .ec-essential{background:#ffffff03}
#ero-consent label.ec-category{cursor:pointer}
#ero-consent label.ec-category:hover{border-color:#6486ad59;background:#ffffff08}
#ero-consent label.ec-category:has(input:checked){border-color:#21d4b459;background:#21d4b40a}
#ero-consent label.ec-category:has(input:checked) .ec-icon{color:var(--ec-teal2);background:#21d4b414;border-color:#21d4b433}
#ero-consent label.ec-category--target{border-color:var(--ec-gold)!important;box-shadow:0 0 0 3px #ffcd6326}

/* Przełącznik ze słownym stanem */
#ero-consent .ec-switch{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px;min-width:64px}
#ero-consent .ec-state{font:700 10px/1 var(--ec-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ec-dim);transition:color .15s}
#ero-consent .ec-state::after{content:attr(data-off)}
#ero-consent input[type=checkbox]:checked+.ec-state{color:var(--ec-teal2)}
#ero-consent input[type=checkbox]:checked+.ec-state::after{content:attr(data-on)}
#ero-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:50px;height:28px;min-width:50px;max-width:50px;min-height:28px;max-height:28px;margin:0;padding:0;border:1px solid #6486ad73;border-radius:20px;background:#0a0e13;background-image:none;cursor:pointer;box-shadow:inset 0 1px 3px #0009;transition:background-color .15s,border-color .15s;line-height:normal}
#ero-consent input[type=checkbox]::before{content:"";position:absolute;top:50%;left:4px;width:19px;height:19px;margin:0;border:0;border-radius:50%;background:#8b95a5;box-shadow:0 1px 2px #0008;transform:translateY(-50%);transition:transform .15s,background-color .15s}
#ero-consent input[type=checkbox]::after{display:none!important;content:none!important}
#ero-consent input[type=checkbox]:hover{border-color:#8fa8c4}
#ero-consent input[type=checkbox]:checked{background:var(--ec-teal);border-color:var(--ec-teal);box-shadow:0 0 14px #21d4b44d}
#ero-consent input[type=checkbox]:checked::before{transform:translate(21px,-50%);background:#06211b}

/* Objaśnienie i linki */
#ero-consent .ec-explainer{margin:22px 0 0;padding:14px 16px 14px 44px;position:relative;border:1px solid var(--ec-line);border-radius:12px;background:#6486ad0a}
#ero-consent .ec-explainer::before{content:"i";position:absolute;left:16px;top:15px;width:18px;height:18px;border-radius:50%;border:1px solid #8fa8c4;color:#b9c7d8;font:700 11px/16px var(--ec-disp);text-align:center}
#ero-consent .ec-explainer>strong{display:block;font-size:13px;color:#dbe3ec;margin-bottom:4px}
#ero-consent .ec-explainer p{font-size:12.5px;line-height:1.6;color:var(--ec-muted)}
#ero-consent details{margin-top:8px}
#ero-consent summary{display:inline-block;cursor:pointer;color:#a9c4de;font:600 12px/1.4 var(--ec-font);padding:4px 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a9c4de66;list-style:none}
#ero-consent summary::-webkit-details-marker{display:none}
#ero-consent summary::before{content:"▸ ";color:var(--ec-dim)}
#ero-consent details[open] summary::before{content:"▾ "}
#ero-consent summary:hover{color:#d3e2f1}
#ero-consent details p{margin:8px 0 0}
#ero-consent .ec-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:16px 0 0;font-size:12px}

/* Stopka z akcjami: „Tylko niezbędne” po lewej, para przycisków po prawej */
#ero-consent dialog>.ec-actions{flex:none;display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:16px 28px;border-top:1px solid var(--ec-line);background:var(--ec-bg2)}
#ero-consent dialog>.ec-actions [data-choice=none]{justify-self:start}

@media(max-width:720px){
 #ero-consent .ec-banner{left:12px;right:12px;bottom:12px;padding:16px;grid-template-columns:1fr;gap:12px;max-height:calc(100dvh - 24px);overflow:auto}
 #ero-consent .ec-banner .ec-actions{min-width:0}
 #ero-consent dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
 #ero-consent .ec-heading{padding:18px 18px 14px}#ero-consent h2{font-size:21px}
 #ero-consent .ec-body{padding:16px 18px 20px}
 #ero-consent .ec-category{grid-template-columns:minmax(0,1fr) auto;padding:14px;gap:12px}#ero-consent .ec-icon{display:none}#ero-consent .ec-provider{overflow-wrap:anywhere}
 #ero-consent dialog>.ec-actions{grid-template-columns:1fr;padding:14px 18px}#ero-consent dialog>.ec-actions [data-choice=none]{justify-self:stretch;order:3}
}
@media(prefers-reduced-motion:reduce){#ero-consent *{transition:none!important}}

/* Wyzwalacz zadokowany w szynie hubu */
.hub__rail>.ec-launcher.ec-docked{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:64px;margin:10px 0 4px;padding:12px 3px 8px;border:0;border-top:1px solid #a69bc64d;border-radius:0;background:linear-gradient(180deg,#a699cb12,transparent);color:#b9afd0;cursor:pointer;box-shadow:none}
.hub__rail>.ec-launcher.ec-docked svg{width:23px;height:23px;padding:0;border:0;border-radius:0;box-shadow:none;background:none;fill:none;stroke:currentColor;flex-shrink:0}
.hub__rail>.ec-launcher.ec-docked span{font-size:8px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:inherit;line-height:1.4}
.hub__rail>.ec-launcher.ec-docked:hover{color:#ded4f0;background:#a699cb20}
.hub__rail>.ec-launcher.ec-docked:focus-visible{outline:2px solid #c4b3e1;outline-offset:-2px}
.hub__rail>.ec-launcher[hidden]{display:none!important}

/* Komunikaty zastępcze: widżet Discord i odtwarzacze */
.discord-widget-state.discord-consent-notice{padding:18px;margin:12px 0;border:1px solid #a69bc649;border-radius:12px;background:linear-gradient(130deg,#242b38,#18212c);color:#c0ceda!important;text-align:left;font:13px/1.7 'Manrope','Inter',system-ui,sans-serif}
.discord-consent-notice strong,.ero-consent-embed>strong{display:block;color:#e1e9f0;font-size:16px;line-height:1.4}
.discord-consent-notice p{margin:10px 0 14px;font:13px/1.7 'Manrope','Inter',system-ui,sans-serif;color:#b4c4d0}
.discord-consent-notice button{display:block;width:100%;min-height:44px;padding:10px 12px;white-space:normal;background:#b4a6d51a;color:#d9cdef;border:1px solid #b4a6d55c;border-radius:8px;font:600 12px/1.5 'Manrope','Inter',system-ui,sans-serif;cursor:pointer}
.discord-consent-notice button:hover{background:#b4a6d530}
.discord-consent-notice small,.ero-consent-embed>small{display:block;margin-top:12px;color:#94aaba;font:12px/1.6 'Manrope','Inter',system-ui,sans-serif;max-width:65ch}
.discord-consent-notice button:focus-visible{outline:2px solid #c4b3e1;outline-offset:3px}
.ero-consent-embed{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;background:radial-gradient(ellipse at center,#263342,#121a24);color:#dce5ed;text-align:center;font:14px/1.6 'Manrope','Inter',system-ui,sans-serif;z-index:3;overflow:auto}
.ero-consent-embed>p{max-width:65ch;margin:10px 0 14px;font:14px/1.7 'Manrope','Inter',system-ui,sans-serif;color:#b8cad6}
.ero-consent-embed>button{color:#dbd1ef;border-color:#b4a6d577;background:#b4a6d51a;flex-shrink:0}
.ero-consent-embed>button:hover{background:#b4a6d530}
.ero-consent-embed>button:focus-visible{outline:2px solid #c4b3e1;outline-offset:3px}
@media(max-height:500px){.ero-consent-embed{justify-content:flex-start;padding:16px}}