/*
Theme Name: Betheme Child - Umifly
Theme URI: https://umifly.com
Description: Child theme van Betheme voor Umifly. Bevat de eigen stijl en scripts die een update van het bovenliggende thema moeten overleven.
Author: Umifly
Template: betheme
Version: 1.3.0
*/

/* =========================================================
   NAAD TUSSEN HERO EN WOORDENBAND
   Gemeten 6 sept 2026: hero eindigde op 813px, woordenband
   begon op 843px. Die 30px bestond uit 20px margin-top op de
   woordenbandsectie plus 10px restruimte in het Betheme-
   omhulsel van de hero. Body heeft geen achtergrondkleur,
   dus je keek door naar html (#FCFCFC): een witte balk.
   ========================================================= */
section.mcb-section-ixdk8cuj {
  margin-top: -10px !important;
}

/* =========================================================
   HERO-ACHTERGROND: RESPONSIEVE FOTO + KOEPEL IN BEELD
   Dezelfde foto op alle breedtes, in WebP en in drie maten.
   De oorspronkelijke PNG was 2414 KB; grootste variant 153 KB.

   De groene koepel staat op 73% breedte / 51% hoogte in de
   foto. Bij background-size:cover snijdt een smal scherm
   links en rechts weg, waardoor de koepel onder 1024px
   buiten beeld viel (zichtbaar bereik 27-64%).
   Daarom hier background-position-x op 75% voor de fotolaag.
   De gradientlagen blijven op center.

   De linkergradient gaat van 0.62 naar 0.70: door de
   verschuiving komt de lichtere moskeegevel achter de
   koptekst te staan in plaats van het donkere palmblad.
   Gemeten helderheid in de tekstzone ging daardoor van
   89.6 naar 94.4; met 0.70 is dat weer gelijk aan voorheen.

   !important is nodig omdat de builder-CSS inline in de
   pagina staat en dus na deze stylesheet komt.
   ========================================================= */
@media (max-width: 1024px) {
  .umifly-hero-card {
    background-image:
      linear-gradient(90deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.34) 44%, rgba(0,0,0,0.24) 100%),
      linear-gradient(180deg, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.08) 45%, rgba(0,0,0,0.34) 100%),
      url("https://umifly.com/wp-content/uploads/2026/09/hero-bg-1280.webp") !important;
    background-position: center center, center center, 75% center !important;
  }
}

@media (max-width: 640px) {
  .umifly-hero-card {
    background-image:
      linear-gradient(90deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.34) 44%, rgba(0,0,0,0.24) 100%),
      linear-gradient(180deg, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.08) 45%, rgba(0,0,0,0.34) 100%),
      url("https://umifly.com/wp-content/uploads/2026/09/hero-bg-900.webp") !important;
    background-position: center center, center center, 75% center !important;
  }
}