/* AI Survivors — CookieConsent v3 Theme
   Font: BDO Grotesk
   Clean, readable, accessible
*/

:root {
  --cc-bg: #fff;
  --cc-text: #333;
  --cc-btn-primary-bg: #291fec;
  --cc-btn-primary-text: #fff;
  --cc-btn-primary-hover-bg: #4535f0;
  --cc-btn-secondary-bg: #f0f0f0;
  --cc-btn-secondary-text: #333;
  --cc-btn-secondary-hover-bg: #e0e0e0;
  --cc-toggle-bg-off: #ccc;
  --cc-toggle-bg-on: #291fec;
  --cc-toggle-bg-readonly: #9490f5;
  --cc-toggle-knob-bg: #fff;
  --cc-cookie-category-block-bg: #f8f8f8;
  --cc-cookie-category-block-bg-hover: #f0f0f0;
  --cc-section-border: #e5e5e5;
  --cc-overlay-bg: rgba(0, 0, 0, 0.35);
  --cc-separator-border-color: #e5e5e5;
  --cc-footer-bg: #fafafa;
  --cc-footer-text: #777;
  --cc-footer-border: #e5e5e5;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-weight: 600;
  color: #222;
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  color: #555;
  line-height: 1.6;
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
}

/* Primary button */
#cc-main .cm__btn:first-child,
#cc-main .pm__btn:first-child {
  background: #291fec;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
  padding: 10px 24px;
  transition: background 0.2s ease;
}

#cc-main .cm__btn:first-child:hover,
#cc-main .pm__btn:first-child:hover {
  background: #2D4FE6;
}

/* Secondary button (Alleen noodzakelijk) */
#cc-main .cm__btn:not(:first-child),
#cc-main .pm__btn:not(:first-child) {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #333;
  font-weight: 500;
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
  padding: 10px 24px;
  transition: background 0.2s ease;
}

#cc-main .cm__btn:not(:first-child):hover,
#cc-main .pm__btn:not(:first-child):hover {
  background: #e0e0e0;
}

/* Tertiary button (Voorkeuren aanpassen) — outline style */
#cc-main .cm__btn:last-child {
  background: transparent !important;
  border: 1px solid #291fec !important;
  color: #291fec !important;
  font-weight: 500;
}

#cc-main .cm__btn:last-child:hover {
  background: rgba(41, 31, 236, 0.08) !important;
}

#cc-main .pm__section {
  border-bottom: 1px solid #e5e5e5;
}

#cc-main .pm__table td,
#cc-main .pm__table th {
  border-color: #e5e5e5;
  color: #555;
  font-size: 0.85rem;
}

#cc-main .pm__table th {
  color: #222;
  font-weight: 600;
}

#cc-main a {
  color: #291fec;
  text-decoration: none;
}

#cc-main a:hover {
  text-decoration: underline;
}

#cc-main .pm__badge {
  background: #291fec;
  color: #fff;
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
}

button[data-cc="c-settings"] {
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #777;
  font-size: 0.8rem;
  font-family: "BDO Grotesk", "BDO Grotesk Variable Font", Arial, sans-serif;
  padding: 8px 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

button[data-cc="c-settings"]:hover {
  background: #e0e0e0;
  color: #333;
}