/* bhp-consent-gate.css — placeholder card for consent-gated embeds (BHP, Part D). Kit: Montserrat, teal #006872, light #E6F0F1, text #4E4E4E. */
.bhp-gated.bhp-gated--card { display: block; }                       /* span wrappers render as blocks while the card shows */
/* one placeholder, never two: Cookiebot's own fallback (.cookieconsent-optout-*) inside a gated wrapper is hidden from the
   first paint (this stylesheet loads in <head>); hiding it later from JS would move the page (measured 2026-10-17). */
.bhp-gated .cookieconsent-optout-marketing,
.bhp-gated .cookieconsent-optout-preferences,
.bhp-gated .cookieconsent-optout-statistics { display: none !important; }
.bhp-gate {
  box-sizing: border-box; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 20px; text-align: center; background: #E6F0F1; color: #4E4E4E; border: 1px solid #c9dcdf;
  font-family: Montserrat, sans-serif; font-size: 15px; line-height: 1.5; overflow: hidden;
}
/* overlay mode: the blocked iframe keeps its own box (invisible; it has no src, so it requests nothing) and the card covers it */
.bhp-gated.bhp-gated--overlay { position: relative; }
.bhp-gated.bhp-gated--overlay > iframe,
.bhp-gated.bhp-gated--overlay > iframe.cookieconsent-optin-marketing,
.bhp-gated.bhp-gated--overlay > iframe.cookieconsent-optin-statistics,
.bhp-gated.bhp-gated--overlay > iframe.cookieconsent-optin-preferences,
.bhp-gated.bhp-gated--overlay > iframe.cookieconsent-optin { display: block !important; visibility: hidden !important; }
.bhp-gated.bhp-gated--overlay > .bhp-gate { position: absolute; inset: 0; height: auto; z-index: 1; }
/* LightWidget sizes its iframe by script after consent. While it is blocked (no src), give the iframe the feed's measured
   box from the first paint (1298x432 desktop, 351x234 phone, Part C) so the card can overlay it like the other embeds. */
.bhp-gated[data-bhp-gated="social"] > iframe:not([src]) { display: block !important; visibility: hidden !important; width: 100% !important; height: auto !important; aspect-ratio: 1298 / 432; }
.bhp-gate .bhp-gate__msg { margin: 0; max-width: 46em; }
.bhp-gate .bhp-gate__btn {
  min-height: 44px; padding: 10px 22px; border: 0; border-radius: 4px; cursor: pointer; box-shadow: none;
  background: #006872; color: #fff; font: 600 15px/1.3 Montserrat, sans-serif; text-transform: none; letter-spacing: normal;
}
.bhp-gate .bhp-gate__btn:hover, .bhp-gate .bhp-gate__btn:focus { background: #00525a; color: #fff; }
.bhp-gate .bhp-gate__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 16px; }
.bhp-gate .bhp-gate__directions {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid #006872; border-radius: 4px;
  color: #006872; font: 600 15px/1.3 Montserrat, sans-serif; text-decoration: none; text-transform: none; letter-spacing: normal;
}
.bhp-gate .bhp-gate__manage {
  min-height: 44px; padding: 0 8px; border: 0; background: none; cursor: pointer; box-shadow: none;
  color: #006872; font: 400 13px/1.3 Montserrat, sans-serif; text-decoration: underline; text-underline-offset: 2px;
  text-transform: none; letter-spacing: normal;
}
.bhp-gate .bhp-gate__manage:hover, .bhp-gate .bhp-gate__manage:focus { background: none; color: #00525a; }
.bhp-gate .bhp-gate__btn:focus-visible, .bhp-gate .bhp-gate__directions:focus-visible, .bhp-gate .bhp-gate__manage:focus-visible { outline: 3px solid #006872; outline-offset: 2px; }
/* fit steps, used only when the previous layout does not fit the reserved box (44px tap targets always kept) */
.bhp-gate.bhp-gate--compact { gap: 4px; padding: 6px 12px; font-size: 13px; line-height: 1.35; }
.bhp-gate.bhp-gate--compact .bhp-gate__btn { padding: 6px 14px; font-size: 13px; }
.bhp-gate.bhp-gate--compact .bhp-gate__directions { padding: 0 12px; font-size: 13px; }
.bhp-gate.bhp-gate--compact .bhp-gate__actions { gap: 0 10px; }
.bhp-gate.bhp-gate--micro { gap: 2px; padding: 4px 8px; font-size: 12px; line-height: 1.3; }
.bhp-gate.bhp-gate--micro .bhp-gate__btn { padding: 4px 10px; font-size: 12px; }
.bhp-gate.bhp-gate--micro .bhp-gate__manage, .bhp-gate.bhp-gate--micro .bhp-gate__directions { font-size: 12px; }
.bhp-gate.bhp-gate--scroll { overflow-y: auto; justify-content: flex-start; }
@media (max-width: 767px) {
  .bhp-gate { font-size: 14px; padding: 16px; gap: 10px; }
  .bhp-gated[data-bhp-gated="social"] > iframe:not([src]) { aspect-ratio: 351 / 234; }
}