/* CSS personnalisés de la page accueil by SDe */

/* ─── Température Header (desktop uniquement) ─────────────────────────── */
#Temp_Header {
  
  color     : #D5AE41 !important;
  /*color     : #214E96 !important;*/
  
  font-family: 'Montserrat 3', sans-serif;
  font-size: clamp(14px, 1.1vw, 24px); 
  display: inline-flex;
  align-items: center;      /* vertical */
  justify-content: flex-end;  /* horizontal */
}

/* @media (min-width: 1200px) {
  #Temp_Header {
    font-family: 'Montserrat 3', sans-serif;
    /* font-size : 24px !important;    /* desktop large 
    font-size: clamp(14px, 2.2vw, 24px); 
  }
} */

/* ─── Température Hero (mobile uniquement) ────────────────────────────── */
#Temp_Hero {
  overflow: visible !important;
  color     : #ffffff !important;
  opacity: 0.60;  
  font-family: 'Montserrat 3', sans-serif;
  font-size : 30px !important;      /* mobile */
}

@media (min-width: 960px) {
  #Temp_Hero {
    font-family: 'Montserrat 3', sans-serif;
    font-size : 20px !important;    /* tablette et au-delà */
  }
}


/* ---Hover des 3 images du bloc "Complicite"--- */
#EVA1, #EVA2, #EVA3 {
    transition: all 0.5s ease; 
    border-radius: 16px;
}
#EVA1:hover, #EVA2:hover, #EVA3:hover {
    transition: all 0.2s ease;
    cursor: pointer;
    transform: scale(1.1) rotate(-2deg);
    box-shadow: 0px 0px 30px rgb(140, 140, 140);
}

/* ---Hover du bouton "voir nos chambres" et ecusson IRT--- */
#ECURUN, #VOIRNOSCH {
    transition: all 0.4s ease;
}

#ECURUN:hover, #VOIRNOSCH:hover {
    transition: all 0.2s ease;
    transform: scale(1.2);
    cursor: pointer;
}