/* ========================================================================== */
/* ETHNOS R524 — ACCUEIL COMMERCIAL : BOUTONS + RESPONSIVE DU BLOC COMMERCIAL */
/* Base figee : R523. Perimetre : accueil commercial uniquement.              */
/* ========================================================================== */

/* 1. Boutons du bandeau : rendu officiel actif de l'accueil Decouverte       */
/*    (source R445), geometrie propre a l'accueil commercial conservee.       */
html.ethnosCommercialHome .header-button--signup{
  border:1px solid rgba(255,211,183,.92);
  background:linear-gradient(180deg,#ffad7a 0%,#ee8d55 100%);
  color:#071826;
  box-shadow:0 1px 0 #c96d3d,0 3px 5px rgba(0,0,0,.11);
  filter:none;
  transform:translateY(0);
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}

html.ethnosCommercialHome .header-button--login{
  border:1px solid rgba(7,26,57,.34);
  background:#fffdf9;
  color:#071a39;
  box-shadow:none;
  filter:none;
  transform:none;
  transition:border-color .12s ease;
}

@media (hover:hover) and (pointer:fine){
  html.ethnosCommercialHome .header-button--signup:hover{
    filter:brightness(1.025);
    transform:translateY(-1px);
    box-shadow:0 2px 0 #c96d3d,0 4px 6px rgba(0,0,0,.12);
  }

  html.ethnosCommercialHome .header-button--login:hover{
    border-color:rgba(7,26,57,.48);
    background:#fffdf9;
    color:#071a39;
    box-shadow:none;
    filter:none;
    transform:none;
  }
}

html.ethnosCommercialHome .header-button--signup:active{
  filter:brightness(.995);
  transform:translateY(1px);
  box-shadow:0 0 0 #c96d3d,0 2px 3px rgba(0,0,0,.09);
}

html.ethnosCommercialHome .header-button--login:active{
  background:#fffdf9;
  color:#071a39;
  box-shadow:none;
  filter:none;
  transform:none;
}

/* 2. Titres du niveau 2 : poids harmonise avec le niveau 1.                  */
/*    Le titre "Explorez le monde..." reste strictement inchange.             */
@media (min-width:861px){
  html.ethnosCommercialHome .offers .offer:not(.offer--world) h3{
    font-weight:850;
  }
}

/* 3. Niveau 1 : le cinquieme bloc textuel recoit davantage de largeur sur    */
/*    les resolutions serrees. La geometrie exterieure reste inchangee.       */
@media (min-width:861px) and (max-width:2000px){
  html.ethnosCommercialHome .stats{
    grid-template-columns:
      repeat(4,minmax(0,.92fr))
      minmax(0,1.32fr);
  }
}

/* 4. 1280 / 1366 : reduire seulement les espaces internes et recuperer       */
/*    l'espace ajoute au bandeau par le bouton langue R523.                   */
@media (min-width:1181px) and (max-width:1460px){
  html.ethnosCommercialHome .stat{
    gap:clamp(6px,.55vw,9px);
    padding-left:clamp(7px,.65vw,10px);
    padding-right:clamp(7px,.65vw,10px);
  }

  html.ethnosCommercialHome .offer{
    gap:clamp(7px,.55vw,10px);
    padding-left:clamp(10px,.85vw,13px);
    padding-right:clamp(10px,.85vw,13px);
  }

  html.ethnosCommercialHome .offer--world{
    padding-left:clamp(14px,1.2vw,18px);
    padding-right:clamp(14px,1.2vw,18px);
  }

  html.ethnosCommercialHome .offer:not(.offer--world) .offer__copy{
    max-width:none;
  }

  html.ethnosCommercialHome .site-header{
    gap:12px;
    padding-left:20px;
    padding-right:20px;
  }

  html.ethnosCommercialHome .brandLanguageGroup{
    gap:8px !important;
  }

  html.ethnosCommercialHome .main-nav{
    gap:7px;
  }

  html.ethnosCommercialHome .main-nav a{
    gap:4px;
    font-size:.71rem;
  }

  html.ethnosCommercialHome .main-nav svg{
    width:15px;
    height:15px;
  }

  html.ethnosCommercialHome .header-actions{
    gap:8px;
  }

  html.ethnosCommercialHome .header-button{
    padding-left:12px;
    padding-right:12px;
    font-size:11px;
  }
}

/* 5. 1536 : meme taille de texte, moins d'espaces morts dans la navigation.  */
@media (min-width:1461px) and (max-width:1600px){
  html.ethnosCommercialHome .site-header{
    gap:22px;
  }

  html.ethnosCommercialHome .main-nav{
    gap:12px;
  }

  html.ethnosCommercialHome .main-nav a{
    gap:5px;
  }

  html.ethnosCommercialHome .main-nav svg{
    width:18px;
    height:18px;
  }
}

/* 6. 1707 / 1920 : garder les tailles, desserrer les contenus internes.       */
@media (min-width:1461px) and (max-width:2000px){
  html.ethnosCommercialHome .stat{
    gap:clamp(8px,.65vw,12px);
    padding-left:clamp(10px,.8vw,15px);
    padding-right:clamp(10px,.8vw,15px);
  }

  html.ethnosCommercialHome .offer{
    gap:clamp(9px,.7vw,13px);
    padding-left:clamp(13px,1vw,19px);
    padding-right:clamp(13px,1vw,19px);
  }
}

@media (min-width:1601px) and (max-width:2000px){
  html.ethnosCommercialHome .site-header{
    gap:22px;
  }

  html.ethnosCommercialHome .main-nav{
    gap:14px;
  }

  html.ethnosCommercialHome .main-nav a{
    gap:5px;
  }

  html.ethnosCommercialHome .main-nav svg{
    width:18px;
    height:18px;
  }
}