/* ───────────────────────── Container ───────────────────────── */
#acc-popup{position:fixed;z-index:9999}
#acc-popup.acc-hidden{display:none}

#acc-popup.acc-pos-center{
 inset:0;display:flex;justify-content:center;align-items:center;
 background:rgba(0,0,0,.35);padding:1rem;
}
#acc-popup.acc-pos-bottom{
 left:0;right:0;bottom:0;background:transparent;
 display:flex;justify-content:center;padding:0 1rem 1rem;
}

/* ───────────────────────── Window ────────────────────────── */
.acc-banner,.acc-settings{
 background:#fff;border-radius:12px;max-width:680px;width:100%;
 padding:2rem 2.5rem;box-shadow:0 8px 40px rgba(0,0,0,.25);
 overflow:auto;
}
#acc-popup.acc-pos-bottom .acc-banner,
#acc-popup.acc-pos-bottom .acc-settings{
 max-width:none;border-radius:0;box-shadow:0 -1px 20px rgba(0,0,0,.15);
}

.acc-text{font-size:1rem;line-height:1.5;margin-bottom:1.75rem}

/* ─────────────────────── Buttons ────────────────────────── */
.acc-btn-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}

.acc-btn{
 flex:1;min-width:140px;text-align:center;font-size:1rem;font-weight:600;
 padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:.15s;
 border:2px solid transparent;color:#fff;
}

#acc-accept-all   {background:var(--acc-accept  ,#0a8700)}
#acc-open-settings{background:var(--acc-settings,#0053a0)}
#acc-decline-all  {background:var(--acc-decline ,#b30000)}

.acc-btn:hover{opacity:.85}

/* ───────────────────── Settings view ───────────────────── */
.acc-settings{display:none}
h2{margin:0 0 1.5rem;font-size:1.8rem}

.acc-cat-list{list-style:none;padding:0;margin:0 0 1.5rem}
.acc-cat{margin-bottom:1.25rem}
.acc-cat-label{display:flex;align-items:flex-start;gap:.75rem;font-weight:600}
.acc-cat-label input{margin-top:.2rem}
.acc-cat-title{font-size:1.05rem}
.acc-cat-desc{display:block;margin-left:1.75rem;font-size:.93rem;color:#555;margin-top:.25rem}
.acc-policy-link{display:inline-block;margin-bottom:1rem;font-size:.93rem;text-decoration:underline}

/* ────────────── Mobile tweaks ───────────── */
@media(max-width:480px){
 #acc-popup.acc-pos-center{padding:.5rem}
 .acc-banner,.acc-settings{padding:1.25rem}
 .acc-btn-row{flex-direction:column}
}

body.acc-noscroll{overflow:hidden}