/* ==========================================================================
   Lulu Castagnette — Page "Site en travaux"
   Specs extraites du fichier PSD source (site-en-travaux.psd, 1920x1080)
   ========================================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------
   Conteneur principal : reproduit le canvas du PSD (1920x1080)
   en gardant le ratio via une hauteur d'écran pleine et un fond "cover"
   -------------------------------------------------------------------------- */
.maintenance {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 600px;

  /* À remplacer par l'export du calque "LULU_PALMA_J1_10_0891" */
  background-image: url("assets/background.png");
  background-color: #1a1a1a; /* couleur de secours tant que le fond n'est pas ajouté */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* Calque "Arrière-plan" du PSD : un fond blanc plein, posé sous la photo.
   Conservé ici en commentaire pour référence si jamais la photo doit
   être retirée ou si des marges blanches doivent apparaître autour :
   .maintenance { background-color: #ffffff; }
*/

.maintenance__overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* --------------------------------------------------------------------------
   Logo
   Bbox PSD : x 692-1233 / y 63-122 sur canvas 1920x1080
   -> position exprimée en % pour rester responsive
   Taille native : 541 x 59 px
   -------------------------------------------------------------------------- */
.maintenance__logo {
  position: absolute;
  top: 5.83%; /* 63 / 1080 */
  left: 36.04%; /* 692 / 1920 */
  width: 28.18%; /* 541 / 1920 */
  height: auto;
}

/* --------------------------------------------------------------------------
   Texte "Bientôt un nouveau site !"
   Bbox PSD : x 728-1194 / y 959-989 sur canvas 1920x1080
   Police  : Arial Italic (Arial-ItalicMT dans le PSD)
   Taille  : 42.33px (à l'échelle du canvas 1920px de large)
   Couleur : blanc
   Aligné  : centré
   -------------------------------------------------------------------------- */
.maintenance__text {
  position: absolute;
  top: 88.8%; /* 959 / 1080 */
  left: 50%;
  transform: translateX(-50%);
  width: 24.27%; /* 466 / 1920, largeur de la zone de texte d'origine */

  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 2.2vw; /* ≈ 42.33px sur un viewport de 1920px */
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

/* Garde-fou : empêche le texte de devenir trop petit ou trop grand
   sur des écrans très étroits ou très larges */
@media (max-width: 700px) {
  .maintenance__text {
    font-size: 18px;
    width: 90%;
    white-space: normal;
  }

  .maintenance__logo {
    width: 60%;
  }
}

@media (min-width: 2200px) {
  .maintenance__text {
    font-size: 42.33px;
  }
}