/* ==========================================================================
   Optinove — Cookies page specific styles
   Extends /styles/legal.css
   ========================================================================== */

.ck-cards{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0 8px}
.ck-card{
  padding:20px 22px;border:1px solid var(--bd);border-radius:var(--r2);
  background:var(--sf);display:flex;justify-content:space-between;align-items:center;gap:20px;
  transition:border-color .25s ease;
}
.ck-card:hover{border-color:var(--bd2)}
.ck-card-l{flex:1;min-width:0}
.ck-card-title{font-family:var(--f-d);font-size:1.18rem;font-weight:600;color:var(--tx);margin-bottom:4px}
.ck-card-desc{font-size:.92rem;color:var(--tx2);line-height:1.62}
.ck-card-meta{margin-top:8px;font-size:.76rem;color:var(--tx3);letter-spacing:.5px}

.ck-toggle{
  flex-shrink:0;width:46px;height:26px;border-radius:999px;border:1px solid var(--bd);
  background:var(--sf2);position:relative;cursor:pointer;transition:all .25s;
}
.ck-toggle::after{
  content:'';position:absolute;left:3px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;border-radius:50%;background:var(--tx3);transition:all .25s;
}
.ck-toggle.locked{opacity:.55;cursor:not-allowed;background:var(--r-s);border-color:var(--r-b)}
.ck-toggle.locked::after{background:var(--r);left:23px}
.ck-toggle.on{background:var(--r-s);border-color:var(--r-b)}
.ck-toggle.on::after{background:var(--r);left:23px}

.ck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ck-btn{
  padding:12px 22px;border-radius:var(--rp);font-size:.88rem;font-weight:500;
  cursor:pointer;border:1px solid var(--bd);transition:all .2s;
  background:var(--sf);color:var(--tx2);font-family:inherit;
}
.ck-btn:hover{border-color:var(--bd2);color:var(--tx)}
.ck-btn.primary{background:var(--r);color:#fff;border-color:var(--r)}
.ck-btn.primary:hover{background:var(--r-d);border-color:var(--r-d);color:#fff}
.ck-status{margin-top:14px;font-size:.82rem;color:var(--tx3);min-height:1.2em}

@media(max-width:640px){
  .ck-card{flex-direction:column;align-items:flex-start}
  .ck-card-desc{font-size:.96rem;line-height:1.7}
}