/*
 Theme Name:   Avada Child
 Theme URI:    https://avada.com
 Description:  Thème enfant pour Avada
 Author:       Bubbl’com
 Template:     Avada
 Version:      1.0.0
 Text Domain:  avada-child
*/

/* =========================================================
   Bubbl'com — HERO HOME
   Classe Avada : bc-hero--bg

   Règle :
   - >= 1920px : hauteur FIXE 536px
   - < 1920px  : hauteur proportionnelle à 1920x536
   ========================================================= */

:root{
  --bc-hero-h: 536px;
  --bc-hero-ratio-1920: 0.2791666667; /* 536 / 1920 */
}

/* Base (desktop large) */
.bc-hero--bg{
  height: var(--bc-hero-h) !important;
  min-height: var(--bc-hero-h) !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  position: relative !important;
  overflow: hidden !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Responsive : en dessous de 1920px */
@media (max-width: 1919.98px){
  .bc-hero--bg{
    height: calc(100vw * 0.2791666667) !important; /* 536/1920 */
    min-height: 340px!important;
  }
}

/* Avada peut porter le background sur un div interne via --awb-background-image */
.bc-hero--bg [style*="--awb-background-image"]{
  height: 100% !important;
  min-height: 100% !important;

  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Forcer les wrappers Avada à suivre la hauteur */
.bc-hero--bg .fusion-row,
.bc-hero--bg .fusion-builder-row,
.bc-hero--bg .fusion-layout-column,
.bc-hero--bg .fusion-column-wrapper,
.bc-hero--bg .fusion-column-wrapper-legacy{
  height: 100% !important;
  min-height: 0 !important;
}