/* Default styles for Bundle Cookie Consent
   Themes can override via specificity or CSS variables, or disable enqueuing via config ('enqueue_styles' => false)
*/

:root {
  --bcc-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --bcc-banner-bg: #111;
  --bcc-banner-fg: #fff;
  --bcc-link: #fff;
  --bcc-maxw: 980px;
  --bcc-gap: 12px;
  --bcc-btn-bg: #eee;
  --bcc-btn-fg: #111;
  --bcc-btn-primary-bg: #2d6cdf;
  --bcc-btn-primary-fg: #fff;
  --bcc-panel-backdrop: rgba(0,0,0,0.6);
  --bcc-modal-bg: #fff;
  --bcc-modal-fg: #222;
  --bcc-border: #eee;
  --bcc-muted: #666;
}

#bcc-banner, #bcc-panel, .bcc-banner, .bcc-backdrop { font-family: var(--bcc-font); }

/* Banner */
.bcc-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 99999;
  background: var(--bcc-banner-bg);
  color: var(--bcc-banner-fg);
  padding: 16px;
  display: none; /* becomes visible via JS if needed */
}
.bcc-banner .bcc-content {
  max-width: var(--bcc-maxw);
  margin: 0 auto;
  display: grid; grid-template-columns: 1fr auto; gap: var(--bcc-gap); align-items: center;
}
.bcc-banner .bcc-actions button { margin-left: 8px; }

/* Backdrop + modal */
.bcc-backdrop {
  position: fixed; inset: 0; background: var(--bcc-panel-backdrop); display: none; z-index: 100000;
}
.bcc-modal {
  background: var(--bcc-modal-bg); color: var(--bcc-modal-fg);
  max-width: 680px; margin: 10vh auto; border-radius: 8px; padding: 20px;
}

/* Buttons */
.bcc-btn { padding: 8px 12px; border-radius: 4px; border: 1px solid transparent; cursor: pointer; background: var(--bcc-btn-bg); color: var(--bcc-btn-fg); }
.bcc-btn-primary { background: var(--bcc-btn-primary-bg); color: var(--bcc-btn-primary-fg); border-color: var(--bcc-btn-primary-bg); }
.bcc-btn-secondary { background: var(--bcc-btn-bg); color: var(--bcc-btn-fg); }

/* Toggles */
.bcc-toggle { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--bcc-border); }
.bcc-toggle small { color: var(--bcc-muted); display: block; }

.bcc-manage-link { background: none; border: none; color: inherit; text-decoration: underline; cursor: pointer; padding: 0; }
.bcc-badgelike { display: inline-block; padding: 2px 6px; background: #333; color: #fff; border-radius: 3px; margin-right: 6px; }

@media (max-width: 640px) {
  .bcc-banner .bcc-content { grid-template-columns: 1fr; }
}