/* =================================================================
   COOKIE CONSENT (vanilla-cookieconsent, self-hosted in js/vendor/)
   Brand theming + the persistent "Manage consent" trigger button.
   ================================================================= */
#cc-main {
  --cc-btn-primary-bg: var(--orange);
  --cc-btn-primary-border-color: var(--orange);
  --cc-btn-primary-hover-bg: var(--orange-dark);
  --cc-btn-primary-hover-border-color: var(--orange-dark);
  --cc-btn-secondary-bg: #fff;
  --cc-btn-secondary-border-color: #ddd;
  --cc-btn-secondary-hover-bg: #f3f3f3;
  --cc-btn-secondary-hover-border-color: #ccc;
  --cc-toggle-on-bg: var(--orange);
  --cc-link-color: var(--orange);
  --cc-modal-border-radius: var(--radius-sm);
  --cc-btn-border-radius: 999px;
  --cc-font-family: inherit;
}

/* Floating trigger — reopens the preferences modal, mirrors the live
   site's bottom-right "Manage consent" tab. */
.cc-manage-btn {
  position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1000;
  background: #fff; color: var(--navy); border: 1px solid #e2e2e2;
  border-radius: 999px; padding: .7rem 1.2rem; font-size: .85rem; font-weight: 600;
  box-shadow: 0 8px 24px rgba(0,0,0,.12); cursor: pointer;
  transition: box-shadow .2s ease, transform .2s ease;
}
.cc-manage-btn:hover { box-shadow: 0 10px 28px rgba(0,0,0,.18); transform: translateY(-1px); }
@media (max-width: 600px) { .cc-manage-btn { right: .85rem; bottom: .85rem; padding: .6rem 1rem; font-size: .8rem; } }

/* Privacy policy link appended to the preferences modal (see js/cookie-consent.js
   onModalReady) — the library only supports a footer link on the consent banner.
   Selector needs an #id to outrank the library's own `#cc-main a{all:unset}` reset,
   which otherwise wins on specificity over a class-only selector. */
#cc-main .cc-pm-privacy-link {
  display: block; text-align: center; padding: .9rem 1.75rem 1.5rem;
  color: var(--orange); font-size: .85rem; font-weight: 600; text-decoration: underline;
}