/* Cookie Consent — HomeShift Global theme (gold + metallic green glow) */
:root{
  --cc-bg: rgba(10,10,10,.96);
  --cc-border: rgba(212,168,79,.6);
  --cc-gold: #d4a84f;
  --cc-gold-soft:#f0d9a8;
  --cc-text:#e5e7eb;
  --cc-muted:#94a3b8;
  --cc-green: rgba(28,236,138,0.35);
  --cc-radius: 16px;
}

.cc-mask{
  position:fixed; inset:0; background:rgba(0,0,0,.6);
  backdrop-filter: blur(2px);
  z-index:9997; display:none;
}
.cc-wrap{
  position:fixed; left:50%; transform:translateX(-50%);
  bottom:18px; width:min(680px, calc(100% - 24px));
  background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(10,10,10,.98));
  color:var(--cc-text); border:1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  box-shadow:
    0 18px 60px rgba(0,0,0,.6),
    inset 0 0 0 1px rgba(212,168,79,.18),
    0 0 28px var(--cc-green);
  padding:18px; z-index:9998; display:none;
}
.cc-wrap h3{
  margin:0 0 8px; font-size:20px; font-weight:900; color:var(--cc-gold);
  text-shadow:0 0 16px rgba(212,168,79,.28);
}
.cc-wrap p{ margin:0 0 10px; font-size:14px; line-height:1.5; color:var(--cc-text) }
.cc-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px }
.cc-btn{
  border:1px solid var(--cc-border);
  background:linear-gradient(180deg,#151515,#0e0e0e);
  color:#fff; font-weight:900; padding:12px 16px; border-radius:12px;
  box-shadow: 0 0 0 2px rgba(212,168,79,.22) inset, 0 0 18px var(--cc-green);
  cursor:pointer;
}
.cc-btn.primary{ background:var(--cc-gold); color:#0a0a0a; box-shadow:0 12px 28px rgba(212,168,79,.25) }
.cc-btn.link{ background:transparent; border-color:rgba(212,168,79,.3); color:var(--cc-gold-soft) }

/* Preferences modal */
.cc-modal{
  position:fixed; inset:0; display:none; z-index:9999;
  align-items:center; justify-content:center; padding:16px;
}
.cc-modal .panel{
  width:min(780px,100%);
  background:var(--cc-bg);
  border:1px solid var(--cc-border); border-radius:20px; padding:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.65), 0 0 34px var(--cc-green);
  color:var(--cc-text);
}
.cc-modal h4{ margin:6px 0 8px; font-size:18px; color:var(--cc-gold) }
.cc-row{ display:flex; gap:10px; align-items:center; justify-content:space-between; padding:10px 0; border-top:1px solid rgba(212,168,79,.18) }
.cc-row:first-of-type{ border-top:none }
.cc-left{ max-width:72%; }
.cc-left .label{ font-weight:800 }
.cc-left .desc{ color:var(--cc-muted); font-size:13px }
.cc-switch{ display:inline-flex; gap:8px; align-items:center }
.cc-switch input{ width:48px; height:26px }
.cc-modal .actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px }
.cc-close{ position:absolute; right:20px; top:16px; background:transparent; border:1px solid rgba(212,168,79,.25); color:var(--cc-gold-soft); border-radius:10px; padding:6px 10px; cursor:pointer }
@media (max-width:640px){ .cc-left{ max-width:100% } }