/* 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(16px, 1.2vw, 24px); 
  display: inline-flex;
  align-items: center;      /* vertical */
  justify-content: flex-end;  /* horizontal */
}
@media (max-width: 959px) {
    #Temp_Header { display: none !important; }
}

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



/* ---Hover des 3 images du bloc "Complicite"--- */
#EVA1, #EVA2, #EVA3 {
    transition: all 0.5s ease; 
    border-radius: 20px;
}
#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;
}

/* --- Pulse viewport tactile seulement --- */
@media (hover: none) {
    .pulse-viewport {
        animation: pulseViewport 0.7s ease-in-out 1;
    }
}

@keyframes pulseViewport {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 20px rgba(140,140,140,0.40);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
}

@keyframes pulseViewportEva {
    0% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
    50% {
        transform: scale(1.08) rotate(-1deg);
        box-shadow: 0 0 20px rgba(140,140,140,0.40);
    }
    100% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .pulse-viewport,
    .pulse-viewport-eva {
        animation: none !important;
    }
}

@keyframes pulseEvaViewport {
    0% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
    50% {
        transform: scale(1.1) rotate(-2deg);
        box-shadow: 0 0 30px rgba(140,140,140,0.75);
    }
    100% {
        transform: scale(1) rotate(0deg);
        box-shadow: 0 0 0 rgba(140,140,140,0);
    }
}

@keyframes pulseSimpleViewport {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}