/* cg-consent.css — CG Art Designs (neon theme), v1 */
:root{
  --cc-bg: rgba(10,12,18,.92);
  --cc-border: rgba(124, 199, 255, .35);
  --cc-text: #E9EEF7;
  --cc-sub: #B7C2D3;
  --cc-accent-1: #7cc7ff;
  --cc-accent-2: #b18cff;
  --cc-btn-bg: linear-gradient(90deg, #2a3b5a 0%, #1a1f3c 100%);
  --cc-btn-border: #5bd0ff;
  --cc-radius: 14px;
  --cc-shadow: 0 8px 24px rgba(0,0,0,.35);
}

.cc-hidden{ display:none !important; }

/* Banner container */
#cc-banner{
  position: fixed; left:0; right:0; bottom:0; z-index: 9999;
  background: var(--cc-bg);
  border-top: 1px solid var(--cc-border);
  color: var(--cc-text);
  font: 14px/1.5 system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  backdrop-filter: blur(6px);
  box-shadow: var(--cc-shadow);
}

#cc-inner{
  max-width: 1100px; margin: 0 auto; padding: 14px 16px;
  display: grid; gap: 12px; grid-template-columns: 1fr auto; align-items: center;
}

#cc-copy strong{ display:block; margin-bottom: 4px; font-size: 15px; }
#cc-copy p{ margin: 0 0 6px 0; color: var(--cc-sub); }
#cc-links{ display:flex; gap: 12px; flex-wrap: wrap; }
#cc-links a{ color: var(--cc-accent-1); text-decoration: underline; }

#cc-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content: end; }

.cc-btn{
  appearance: none; border: 1px solid var(--cc-btn-border);
  background: var(--cc-btn-bg); color: var(--cc-text);
  padding: 10px 14px; border-radius: var(--cc-radius); cursor: pointer; font-weight: 600;
  transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 0 0 0 rgba(91,208,255,.6);
}
.cc-btn:hover{ filter: brightness(1.1); box-shadow: 0 0 12px 2px rgba(91,208,255,.25); }
.cc-btn:active{ transform: translateY(1px); }
.cc-btn.ghost{ border-color: rgba(255,255,255,.35); background: transparent; color: #CFD6DF; }
.cc-btn.accent{
  border-color: #b18cff;
  background: linear-gradient(90deg, #2e2156 0%, #171a2d 100%);
  box-shadow: 0 0 14px 2px rgba(177,140,255,.18);
}
.cc-btn.manage{ border-color: rgba(124, 199, 255, .35); background: transparent; opacity: .9; }

/* Consent-managed YouTube placeholder */
.cc-yt-box{
  position: relative; background:#0d111a; color:#cfd6df; border:1px dashed var(--cc-border);
  border-radius: 16px; overflow:hidden; display:grid; place-items:center; min-height: 220px;
}
.cc-yt-inner{ padding: 18px; text-align:center; max-width: 680px; }
.cc-yt-inner p{ margin: 6px 0 14px; color: var(--cc-sub); }
.cc-yt-thumb{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.25; filter:blur(1px); }

/* Mobile */
@media (max-width: 760px){
  #cc-inner{ grid-template-columns: 1fr; }
  #cc-actions{ justify-content: start; }
}