/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/cookie-consent.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * Anything that pops: a drop-down, a popover, a panel that is there before it is
 * wanted. One pair of mixins for the whole theme, so a country list and a menu
 * arrive and leave the same way.
 *
 *   .panel          { @include popover; }
 *   .is-open .panel { @include popover-open; }
 *
 * Three decisions worth knowing before overriding any of it:
 *
 * `visibility` carries the exit. It is what keeps a closed panel out of the tab
 * order, and transitioning it means the panel stays on screen until the fade has
 * finished instead of vanishing on the first frame. `display: none` cannot do
 * that without `transition-behavior: allow-discrete`, which the W3C validator
 * still reports as an error.
 *
 * Leaving is quicker than arriving. The exit duration lives on the closed state
 * and the open state overrides it — a transition is read from the state being
 * moved *to*, so this is what makes the two directions differ without a second
 * selector.
 *
 * Only opacity and transform move, so neither direction costs layout.
 */
/*
 * Skin for the CookieYes consent banner (cookie-law-info plugin).
 *
 * Its own bundle, enqueued by inc/enqueue.php only while that plugin is active:
 * on a site without it these overrides are dead weight. The banner markup
 * belongs to the plugin, hence the !important — its own stylesheet loads after
 * this one and is equally specific.
 *
 * Colours come from the theme tokens, so the banner follows the palette.
 */
.cky-consent-container .cky-consent-bar {
  padding: clamp(1.5rem, 2vw + 0.9rem, 2.5rem) clamp(1.25rem, 3.5vw + 0.2rem, 3rem) !important;
  border: 0 !important;
  background: var(--color-text) !important;
  box-shadow: var(--shadow-md) !important;
}

.cky-notice .cky-title {
  margin: 0 !important;
  color: var(--color-bg) !important;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.cky-notice-des {
  margin-top: 1rem !important;
}

.cky-consent-bar .cky-notice-des p,
.cky-gpc-wrapper .cky-gpc-desc p,
.cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-accordion-header-wrapper .cky-accordion-header-des p,
.cky-cookie-des-table li div:last-child p {
  color: var(--color-bg) !important;
  font-size: 0.9375rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.cky-consent-bar .cky-notice-des a {
  padding: 0.25rem 0.5rem !important;
  border: 1px solid var(--color-accent) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--color-accent) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.cky-notice-btn-wrapper {
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  margin: 1rem 0 0 !important;
}

/* One button shape for all four, then colour per role. */
.cky-btn {
  padding: 0.75rem 1.5rem !important;
  border-radius: var(--radius-md) !important;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: background-color 200ms cubic-bezier(0.22, 1, 0.36, 1), color 200ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.cky-btn-accept {
  border: 1px solid var(--color-accent) !important;
  background: var(--color-accent) !important;
  color: var(--color-on-accent) !important;
}
.cky-btn-accept:hover {
  background: var(--color-accent-dark) !important;
  border-color: var(--color-accent-dark) !important;
}

.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
  border: 1px solid var(--color-bg) !important;
  background: transparent !important;
  color: var(--color-bg) !important;
}
.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.cky-consent-bar .cky-banner-btn-close {
  position: absolute !important;
  top: -1.1875rem !important;
  right: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.375rem !important;
  height: 2.375rem !important;
  padding: 0 !important;
  border: 2px solid var(--color-bg) !important;
  border-radius: 50% !important;
  background: var(--color-bg) !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* Preference modal: same palette, light surface so long copy stays readable. */
.cky-preference-center {
  border-radius: var(--radius-md) !important;
  background: var(--color-bg) !important;
}

.cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-accordion-header-wrapper .cky-accordion-header-des p,
.cky-cookie-des-table li div:last-child p {
  color: var(--color-muted) !important;
}

.cky-preference-title,
.cky-accordion-header .cky-accordion-btn {
  color: var(--color-text) !important;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

.cky-switch input[type=checkbox]:checked {
  background: var(--color-accent) !important;
}

/*# sourceMappingURL=cookie-consent.css.map*/