/* ── Cookie-gated embed (CHSM-161) ───────────────────────────────────────── */
/* Fallback shown in place of embeds (video, map, form, etc.) blocked pending
   cookie consent. JS toggles `.is-consented` once the required OneTrust
   category is accepted. Defaults to normal document flow (e.g. inside a
   plain `<figure class="wp-block-video">`); the aspect-ratio-hack wrappers
   below (`.hero__video`, etc.) override it to absolutely fill their box
   instead, the same way the embed itself would. */

.cookie-gated-embed {
  display: block;
  position: relative;
  width: 100%;
}

.cookie-gated-embed__content {
  display: none;
}

.cookie-gated-embed.is-consented .cookie-gated-embed__content {
  display: block;
}

.cookie-gated-embed.is-consented .cookie-gated-embed__placeholder {
  display: none;
}

.cookie-gated-embed__placeholder {
  align-items: center;
  background-color: var(--wp--preset--color--off-white);
  display: flex;
  justify-content: center;
  min-height: 12rem;
  padding: var(--wp--preset--spacing--40);
  text-align: center;
  width: 100%;
}

.hero__video .cookie-gated-embed,
.media-and-text__video .cookie-gated-embed,
.homepage-slide-video .cookie-gated-embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.hero__video .cookie-gated-embed__content,
.hero__video .cookie-gated-embed__placeholder,
.media-and-text__video .cookie-gated-embed__content,
.media-and-text__video .cookie-gated-embed__placeholder,
.homepage-slide-video .cookie-gated-embed__content,
.homepage-slide-video .cookie-gated-embed__placeholder {
  height: 100%;
  min-height: 0;
}

.cookie-gated-embed__message {
  color: var(--wp--preset--color--text);
  font-size: var(--wp--preset--font-size--small);
  margin: 0;
}

.cookie-gated-embed__link {
  background: none;
  border: none;
  color: var(--wp--preset--color--marine);
  cursor: pointer;
  display: inline;
  font: inherit;
  padding: 0;
  text-decoration: underline;
}

.cookie-gated-embed__link:hover {
  color: var(--wp--preset--color--primary);
}