/**
 * Premium EN — global dark-hero fixes (all pages using .banner-wrapper)
 * Beats CMS inline colors; hero imagery padding; white-band breathing room
 */

/* —— 1. Dark hero: force high-contrast copy (CMS inline color safe) —— */
.premium-en .banner-wrapper .caption .richtext,
.premium-en .banner-wrapper .caption .richtext p,
.premium-en .banner-wrapper .caption .richtext li,
.premium-en .banner-wrapper .caption .richtext ol,
.premium-en .banner-wrapper .caption .richtext ul,
.premium-en .banner-wrapper .caption .richtext span,
.premium-en .banner-wrapper .caption .richtext div,
.premium-en .banner-wrapper .caption .richtext strong,
.premium-en .banner-wrapper .caption .richtext em,
.premium-en .banner-wrapper .caption .richtext td,
.premium-en .banner-wrapper .caption blockquote,
.premium-en.instructions-page .banner-wrapper .richtext,
.premium-en.instructions-page .banner-wrapper .richtext p,
.premium-en.instructions-page .banner-wrapper .richtext li,
.premium-en.instructions-page .banner-wrapper .richtext span,
.premium-en.instructions-page .banner-wrapper .richtext div {
  color: #e2e8f0 !important;
}

.premium-en .banner-wrapper .caption h1,
.premium-en .banner-wrapper .caption h2,
.premium-en .banner-wrapper .caption h3,
.premium-en .banner-wrapper .caption h4,
.premium-en .banner-wrapper .richtext.lg h1,
.premium-en .banner-wrapper .richtext.lg h2,
.premium-en .banner-wrapper .richtext.lg h3,
.premium-en.instructions-page .banner-wrapper .caption h1,
.premium-en.instructions-page .banner-wrapper .richtext.lg h1 {
  color: #ffffff !important;
}

.premium-en .banner-wrapper .caption a:not(.btn) {
  color: #8ecdf0 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.premium-en .banner-wrapper .caption a:not(.btn):hover {
  color: #ffffff !important;
}

/* —— 2. Hero image: inset, radius, no edge bleed —— */
.premium-en .banner-wrapper.with-image .row {
  align-items: center;
}

.premium-en .banner-wrapper.with-image .row > [class*="col-"]:last-child {
  padding: 24px 32px 32px 20px !important;
}

@media (max-width: 991px) {
  .premium-en .banner-wrapper.with-image .row > [class*="col-"]:last-child {
    padding: 20px 20px 28px !important;
  }
}

.premium-en .banner-wrapper .img,
.premium-en.instructions-page .banner-wrapper .img {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35) !important;
  background-size: cover !important;
  background-position: center center !important;
  overflow: hidden;
  margin: 0 !important;
}

@media (min-width: 992px) {
  .premium-en.premium-shell .banner-wrapper.with-image {
    height: auto !important;
    min-height: 420px;
    overflow: visible;
  }

  .premium-en.premium-shell .banner .img {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    padding-top: 75% !important;
  }

  .premium-en.premium-shell .banner::before {
    z-index: 0;
  }

  .premium-en.premium-shell .banner .caption {
    z-index: 1;
  }
}

/* —— 3. First white module below hero —— */
.premium-en.premium-shell #main.site-main > .banner-wrapper + section,
.premium-en.premium-shell #main > .banner-wrapper + section,
.premium-en.premium-shell #main.site-main > .banner-wrapper + #section-1 > section:first-child,
.premium-en.premium-shell #main.site-main > .banner-wrapper + .block-text > section:first-child,
.premium-en.premium-shell #main.site-main > .banner-wrapper + [id^="section-"] > section:first-child,
.premium-en.content-page #main > .banner-wrapper + .instructions-center,
.premium-en.content-page #main > .banner-wrapper + section {
  padding-top: 5rem !important;
}

@media (max-width: 991px) {
  .premium-en.premium-shell #main.site-main > .banner-wrapper + section,
  .premium-en.premium-shell #main > .banner-wrapper + section,
  .premium-en.premium-shell #main.site-main > .banner-wrapper + #section-1 > section:first-child,
  .premium-en.premium-shell #main.site-main > .banner-wrapper + .block-text > section:first-child,
  .premium-en.premium-shell #main.site-main > .banner-wrapper + [id^="section-"] > section:first-child,
  .premium-en.content-page #main > .banner-wrapper + .instructions-center,
  .premium-en.content-page #main > .banner-wrapper + section {
    padding-top: 3.75rem !important;
  }
}

/* Contact page: photo column uses img-float, not .img */
.premium-en.contact-page .banner-wrapper .contact-hero-media__photo,
.premium-en.contact-page .banner-wrapper .img-float {
  border-radius: 12px !important;
  margin: 0 !important;
  background-size: cover !important;
  background-position: center top !important;
}

.premium-en.contact-page .banner-wrapper .row > .col-lg-5 {
  padding: 24px 32px 32px 20px !important;
}

/* Nomination / Compliance — dedicated hero modules, skip generic post-hero pad */
.premium-en.nomination-page #main > .banner-wrapper + section,
.premium-en.compliance-page #main > .banner-wrapper + section {
  padding-top: 3.5rem !important;
}