/* =============================================================================
   POTAODE Audio Buyback cookie consent banner styles (consent.css)
   Load after common.css. Conforms to: 08/11 (charcoal-based, tap target 44px+)
============================================================================= */
#cookie-consent{
  position:fixed; left:0; right:0; bottom:0; z-index:1100;
  background:#16161C; color:#fff;
  padding:16px 16px calc(16px + env(safe-area-inset-bottom));
  box-shadow:0 -2px 16px rgba(0,0,0,.25);
}
#cookie-consent .cc__inner{
  max-width:var(--container); margin-inline:auto;
  display:flex; flex-direction:column; gap:12px;
}
#cookie-consent .cc__text{ margin:0; font-size:13px; line-height:1.7; color:rgba(255,255,255,.92) }
#cookie-consent .cc__text a{ color:#fff; text-decoration:underline }
#cookie-consent .cc__actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px }
/* Readability of in-banner buttons: ghost button gets a white border */
#cookie-consent .btn--ghost{ border-color:#fff; color:#fff }
#cookie-consent .btn--ghost:hover{ background:#fff; color:#0D0D0F }
#cookie-consent .btn{ min-height:44px }

@media (min-width:769px){
  #cookie-consent .cc__inner{ flex-direction:row; align-items:center; justify-content:space-between }
  #cookie-consent .cc__text{ flex:1 }
  #cookie-consent .cc__actions{ display:flex; flex:0 0 auto }
  #cookie-consent .btn{ padding:0 24px }
}