/* MaxBuddy theme overrides for vanilla-cookieconsent v3 */

#cc-main {
  --cc-font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;
  --cc-modal-transition-duration: 0.2s;

  /* Base colors */
  --cc-bg: #1a1f2e;
  --cc-primary-color: #f0f4f8;
  --cc-secondary-color: #8899aa;

  /* Primary button — electric blue */
  --cc-btn-primary-bg: #0099ff;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0099ff;
  --cc-btn-primary-hover-bg: #33aaff;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #33aaff;

  /* Secondary button — ghost */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #0099ff;
  --cc-btn-secondary-border-color: #0099ff;
  --cc-btn-secondary-hover-bg: rgba(0, 153, 255, 0.1);
  --cc-btn-secondary-hover-color: #33aaff;
  --cc-btn-secondary-hover-border-color: #33aaff;

  /* Toggle switch */
  --cc-toggle-on-bg: #0099ff;
  --cc-toggle-off-bg: #252d3d;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #8899aa;
  --cc-toggle-enabled-icon-color: #ffffff;
  --cc-toggle-disabled-icon-color: #ffffff;
  --cc-toggle-readonly-bg: #1a1f2e;
  --cc-toggle-readonly-knob-bg: #8899aa;

  /* Overlay and separators */
  --cc-overlay-bg: rgba(0, 0, 0, 0.6);
  --cc-separator-border-color: #252d3d;

  /* Category blocks */
  --cc-cookie-category-block-bg: #252d3d;
  --cc-cookie-category-block-border: #252d3d;
  --cc-cookie-category-block-hover-bg: #2d3648;
  --cc-section-category-border: #252d3d;

  /* Scrollbar */
  --cc-webkit-scrollbar-bg: #1a1f2e;
  --cc-webkit-scrollbar-bg-hover: #252d3d;

  /* Link */
  --cc-link-color: #0099ff;
}

/* Bottom bar: top border + drop shadow */
#cc-main .cm--bar {
  border-top: 1px solid #252d3d;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4);
}

/* Tighter padding on small screens */
@media (max-width: 640px) {
  #cc-main .cm__body {
    padding: 12px 16px;
  }
}

/* Preferences re-open link — used in page footers for GDPR withdrawal */
.cc-pref-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  opacity: 0.7;
}
.cc-pref-link:hover {
  opacity: 1;
}