/**
 * Custom CSS for CookieConsent v3
 * Matches Prostep Media Design System
 */

:root {
  /* CookieConsent Variables - Overriding library defaults */
  --cc-bg: var(--bg-color);
  --cc-text: var(--text-color);
  --cc-btn-primary-bg: var(--primary-color);
  --cc-btn-primary-text: #ffffff;
  --cc-btn-primary-hover-bg: #06324d;
  --cc-btn-secondary-bg: var(--accent-color);
  --cc-btn-secondary-text: var(--text-color);
  --cc-btn-secondary-hover-bg: #c1dff0;
  --cc-toggle-bg-off: #9aaec2;
  --cc-toggle-bg-on: var(--primary-color);
  --cc-toggle-knob-bg: #ffffff;
  --cc-cookie-category-block-bg: var(--light-bg);
  --cc-cookie-category-block-bg-hover: #e9e9e9;
  --cc-section-category-border: var(--light-bg);
  --cc-cookie-table-border: #e9e9e9;
  --cc-overlay-bg: rgba(4, 30, 48, 0.85); /* Dark blue overlay */
  --cc-webapp-theme-font: var(--font-body);
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-modal-margin-bottom: 20px;
}

#cc-main .cm {
  border-radius: 0;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  font-family: var(--cc-webapp-theme-font);
}

/* Titles */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: var(--cc-text);
}

/* Buttons */
#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  border: none;
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Links */
#cc-main .cm__link,
#cc-main .pm__link {
  color: var(--cc-btn-primary-bg);
  text-decoration: underline;
}

#cc-main .cm__link:hover,
#cc-main .pm__link:hover {
  color: var(--cc-btn-primary-hover-bg);
}

/* Preferences Modal (pm) adjustments */
#cc-main .pm {
  border-radius: 0;
  font-family: var(--cc-webapp-theme-font);
}

#cc-main .pm__header {
  border-bottom: 1px solid var(--cc-section-category-border);
}

#cc-main .pm__footer {
  border-top: 1px solid var(--cc-section-category-border);
}

/* Toggle Switch */
#cc-main .section__toggle {
  border-radius: 12px;
}

/* Adjust close button */
#cc-main .cm__close,
#cc-main .pm__close {
  border-radius: 0;
}