/**
 * Hero layout fixes (reversible — remove this file + link in head.php to undo).
 * - Video background covers full hero height, not only 856px
 * - Title spans with inline dark color readable on video
 */

.module.module--hero.hero--full {
  overflow: hidden;
}

.module.module--hero.hero--full .img-wrap {
  height: 100% !important;
  min-height: 856px;
}

.module.module--hero.hero--with_title .tophero > p span[style*="1a1a36"],
.module.module--hero.hero--with_title .tophero > p span[style*="1A1A36"] {
  color: #fff !important;
}

/* FR homepage hero uses the same large title as RO/BG (legacy site.css shrinks lang=fr). */
html[lang="fr"] .module.module--hero.hero--home h1,
html[lang="fr"] .module.module--hero.hero--home .h1 {
  font-size: 120px;
  line-height: 0.9;
}

@media (max-width: 991px) {
  html[lang="fr"] .module.module--hero.hero--home h1,
  html[lang="fr"] .module.module--hero.hero--home .h1 {
    font-size: 94px !important;
    line-height: 0.9 !important;
  }
}

@media (max-width: 767px) {
  html[lang="fr"] .module.module--hero.hero--home h1,
  html[lang="fr"] .module.module--hero.hero--home .h1 {
    font-size: 56px !important;
    line-height: 0.9 !important;
  }
}

/* EU programme child pages: long hero titles must clear the fixed header on mobile */
@media (max-width: 767px) {
  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .container {
    justify-content: flex-start !important;
  }

  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .tophero {
    justify-content: flex-start !important;
    min-height: 0 !important;
    padding-top: calc(var(--header-height) + 2rem);
    padding-bottom: 2rem;
  }

  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .tophero h1,
  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .tophero .h1 {
    margin-top: 0 !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    max-width: 100%;
  }

  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .tophero h1 span[style*="font-size"],
  body[class*="page-eu-funding-programmes-"] .module.module--hero.hero--with_title .tophero .h1 span[style*="font-size"] {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
}