/*
=======================================================
* Cookie Consent Styling for Appendix Cancer Canada
* Uses default CookieConsent styling with color customizations
=======================================================
*/

/* Import CookieConsent CSS */
@import url('https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css');

/* Minimal color customizations to match website theme */
:root {
  --cc-bg: var(--surface-color);
  --cc-text: var(--default-color);
  --cc-btn-primary-bg: var(--accent-color);
  --cc-btn-primary-text: var(--contrast-color);
  --cc-btn-primary-hover-bg: color-mix(in srgb, var(--accent-color), black 10%);
}

/* Apply website font family */
#cc-main {
  font-family: var(--default-font) !important;
}

/* Custom primary button color */
#cc-main .btn--primary {
  background-color: var(--accent-color) !important;
  color: var(--contrast-color) !important;
  border-color: var(--accent-color) !important;
}

#cc-main .btn--primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), black 10%) !important;
}

/* Custom link colors */
#cc-main a {
  color: var(--accent-color) !important;
}

#cc-main a:hover {
  color: color-mix(in srgb, var(--accent-color), transparent 25%) !important;
}