/* extracted from page-privacy-center.php on 2026-05-04 */
/* ── Privacy Center — uses global spacing engine ── */
.xot-pc{background:var(--color-bg,#0d0d0d);min-height:100vh;color:#fff;font-family:'Satoshi',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}

/* Hero */
.xot-pc__hero{text-align:center;padding:clamp(2.5rem,6vh,4.5rem) var(--xot-pad) clamp(1.5rem,3vh,2.5rem);position:relative;overflow:hidden}
.xot-pc__hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(240,80,108,.07),transparent 65%);pointer-events:none}
.xot-pc__back{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.3);margin-bottom:1.25rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.08);border-radius:100px;transition:all .15s;text-decoration:none}
.xot-pc__back:hover{color:#fff;border-color:rgba(255,255,255,.2)}
.xot-pc__icon{font-size:2rem;margin-bottom:.6rem}
.xot-pc__eyebrow{font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#F0506C;margin-bottom:.45rem}
.xot-pc__title{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;letter-spacing:-.03em;line-height:1}
.xot-pc__sub{font-size:clamp(.7rem,1.1vw,.82rem);color:rgba(255,255,255,.3);line-height:1.6;margin-top:.55rem;max-width:400px;margin-left:auto;margin-right:auto}

/* Body */
.xot-pc__body{max-width:var(--xot-max,600px);margin:0 auto;padding:0 var(--xot-pad)}

/* Section */
.xot-pc__sec{padding:1.75rem 0}
.xot-pc__sec+.xot-pc__sec{border-top:1px solid rgba(255,255,255,.06)}
.xot-pc__sec-title{font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;color:rgba(255,255,255,.18);margin-bottom:.85rem;display:flex;align-items:center;gap:.6rem}
.xot-pc__sec-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.04)}

/* Consent card */
.xot-pc__card{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);margin-bottom:.55rem;overflow:hidden}
.xot-pc__card:last-child{margin-bottom:0}
.xot-pc__card-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;gap:.75rem}
.xot-pc__card-name{font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:.4rem}
.xot-pc__card-desc{font-size:.58rem;color:rgba(255,255,255,.2);margin-top:.06rem}
.xot-pc__badge{font-size:.38rem;font-weight:900;text-transform:uppercase;letter-spacing:.8px;padding:.12rem .4rem;border-radius:100px}
.xot-pc__badge--on{background:rgba(29,185,84,.12);color:#1db954}
.xot-pc__badge--off{background:rgba(255,255,255,.05);color:rgba(255,255,255,.2)}
.xot-pc__badge--req{background:rgba(255,255,255,.04);color:rgba(255,255,255,.25)}

/* Toggle */
.xot-pc__tog{position:relative;width:40px;height:22px;flex-shrink:0}
.xot-pc__tog input{opacity:0;width:0;height:0;position:absolute}
.xot-pc__tog em{position:absolute;inset:0;background:#222226;border-radius:22px;cursor:pointer;transition:background .2s;font-style:normal}
.xot-pc__tog em::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}
.xot-pc__tog input:checked+em{background:#1db954}
.xot-pc__tog input:checked+em::before{transform:translateX(18px)}
.xot-pc__tog input:disabled+em{opacity:.35;cursor:not-allowed}

/* Expand detail */
.xot-pc__expand{width:100%;display:flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;background:none;border:none;border-top:1px solid rgba(255,255,255,.03);font-size:.52rem;font-weight:700;color:rgba(255,255,255,.18);cursor:pointer;font-family:inherit;transition:color .12s}
.xot-pc__expand:hover{color:rgba(255,255,255,.4)}
.xot-pc__expand svg{transition:transform .2s}
.xot-pc__expand.open svg{transform:rotate(180deg)}
.xot-pc__detail{display:none;padding:0 1.1rem .8rem;font-size:.65rem;color:rgba(255,255,255,.3);line-height:1.6}
.xot-pc__detail.open{display:block}

/* ── Notification grid ── */
.xot-pc__notif{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);overflow:hidden}
.xot-pc__notif-head{display:grid;grid-template-columns:1fr 44px 44px 44px;gap:.5rem;align-items:center;padding:.7rem 1.1rem .5rem;font-size:.6rem;color:rgba(255,255,255,.2);text-align:center}
.xot-pc__notif-head span:first-child{text-align:left}
.xot-pc__notif-row{display:grid;grid-template-columns:1fr 44px 44px 44px;gap:.5rem;align-items:center;padding:.9rem 1.1rem;border-top:1px solid rgba(255,255,255,.04)}
.xot-pc__notif-label{font-size:.78rem;font-weight:700}
.xot-pc__notif-sub{font-size:.52rem;color:rgba(255,255,255,.18);margin-top:.06rem}
.xot-pc__notif-status{font-size:.58rem;color:rgba(255,255,255,.2);text-align:center;padding:.5rem 1.1rem;min-height:1em;transition:color .2s}
.xot-pc__notif-status.saved{color:#1db954}
.xot-pc__ntog{position:relative;width:36px;height:20px;justify-self:center}
.xot-pc__ntog input{opacity:0;width:0;height:0;position:absolute}
.xot-pc__ntog em{position:absolute;inset:0;background:#222226;border-radius:20px;cursor:pointer;transition:background .2s;font-style:normal}
.xot-pc__ntog em::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}
.xot-pc__ntog input:checked+em{background:#F0506C}
.xot-pc__ntog input:checked+em::before{transform:translateX(16px)}

/* ── Cookies table ── */
.xot-pc__table-wrap{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);overflow-x:auto}
.xot-pc__table{width:100%;border-collapse:collapse}
.xot-pc__table th{text-align:left;font-size:.42rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.18);padding:.55rem .85rem;border-bottom:1px solid rgba(255,255,255,.06)}
.xot-pc__table td{font-size:.65rem;color:rgba(255,255,255,.5);padding:.55rem .85rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:top}
.xot-pc__table tr:last-child td{border-bottom:none}
.xot-pc__ck-name{font-weight:700;color:#fff;font-family:'SF Mono',monospace;font-size:.56rem}
.xot-pc__ck-cat{font-size:.38rem;font-weight:800;padding:.1rem .35rem;border-radius:100px;display:inline-block}
.xot-pc__ck-ess{background:rgba(255,255,255,.05);color:rgba(255,255,255,.25)}
.xot-pc__ck-ana{background:rgba(74,154,245,.1);color:#4a9af5}
.xot-pc__ck-per{background:rgba(201,162,39,.1);color:#c9a227}

/* ── Services ── */
.xot-pc__svc{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);padding:.8rem 1rem;margin-bottom:.45rem;display:flex;align-items:flex-start;gap:.65rem}
.xot-pc__svc:last-child{margin-bottom:0}
.xot-pc__svc-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.xot-pc__svc-name{font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:.35rem}
.xot-pc__svc-desc{font-size:.6rem;color:rgba(255,255,255,.2);line-height:1.5;margin-top:.12rem}
.xot-pc__svc-on{font-size:.36rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.1rem .35rem;border-radius:100px;background:rgba(29,185,84,.1);color:#1db954}
.xot-pc__svc-off{font-size:.36rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.1rem .35rem;border-radius:100px;background:rgba(240,80,108,.08);color:#F0506C}

/* ── Data cards ── */
.xot-pc__data{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);padding:1rem 1.1rem;margin-bottom:.55rem}
.xot-pc__data:last-child{margin-bottom:0}
.xot-pc__data-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.82rem;font-weight:700}
.xot-pc__data-desc{font-size:.65rem;color:rgba(255,255,255,.28);line-height:1.55;margin-bottom:.75rem}
.xot-pc__btn{padding:.6rem 1.2rem;border-radius:10px;font-size:.68rem;font-weight:800;cursor:pointer;font-family:inherit;border:none;transition:opacity .15s}
.xot-pc__btn--white{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
.xot-pc__btn--red{background:#F0506C;color:#fff}
.xot-pc__data-msg{display:none;padding:.55rem .75rem;border-radius:8px;font-size:.68rem;font-weight:600;margin-top:.75rem}

/* Export steps */
.pc-exp-step{display:none}
.pc-exp-step.active{display:block}
.pc-del-step{display:none}
.pc-del-step.active{display:block}

/* Help */
.xot-pc__help{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:var(--xot-radius,12px);padding:.8rem 1rem;display:flex;align-items:flex-start;gap:.55rem;margin-top:.85rem}
.xot-pc__help-text{font-size:.62rem;color:rgba(255,255,255,.25);line-height:1.55}
.xot-pc__help-text a{color:#F0506C;text-decoration:underline}

/* Footer links */
.xot-pc__ftr{padding:1.5rem 0 0;text-align:center;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;font-size:.52rem;font-weight:600;color:rgba(255,255,255,.15)}
.xot-pc__ftr a:hover{color:#F0506C}

/* ── Responsive ── */
@media(max-width:480px){
    .xot-pc__notif-head,.xot-pc__notif-row{gap:.35rem;padding-left:.85rem;padding-right:.85rem}
    .xot-pc__card-row{padding:.75rem .85rem}
    .xot-pc__table td,.xot-pc__table th{padding:.45rem .6rem}
}
