/* =========================================
   REPAS.CSS — version organisée par blocs
========================================= */


/*============================
======= FICHIERS COMMUNS ========
=============================
   Styles globaux hors media queries
=============================*/

/* Offsets mobiles ajustables */
:root{
  --repas-menu-offset: 0px;
  --repas-kiosque-offset: 0px;
  --repas-marche-offset: 0px;
}

/* SCÈNE */
.repas-stage{
  position: relative;
  max-width: 1200px;
  margin: 0 auto 40px;
  min-height: 2200px;
  overflow: visible;
}

.repas-stage-inner{
  position: absolute;
  inset: 0;
  transform-origin: top left;
}

.repas-stage img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
  border:none;
}

/* DÉCORS — visibles en desktop */
.decorHD1, .decorHD2, .decorMG1, .decorMG2{
  display:block;
}

/* Décors — positions absolues desktop */
.decorHD1{ position:absolute; top:150px; left:1050px; width:110px; height:600px; z-index:1; }
.decorHD2{ position:absolute; top:120px; left:850px;  width:100px; height:700px; z-index:1; }
.decorMG1{ position:absolute; top:950px; left:90px;   width:110px; height:600px; z-index:1; }
.decorMG2{ position:absolute; top:930px; left:270px;  width:100px; height:700px; z-index:1; }

/* BLOCS PRINCIPAUX — desktop */
.menu-image{
  position:absolute;
  top:60px;
  left:-120px;
  width:700px;
  z-index:2;
}

.kiosque{
  position:absolute;
  top:980px;
  left:650px;
  width:700px;
  z-index:2;
}

.marchegourmand{
  position:absolute;
  top:1700px;
  left:30px;
  bottom:50px;
  width:1100px;
  z-index:2;
}

/*============================
====== FICHIERS PETITS FORMATS ======
=============================
   Smartphones portrait (≤480px)
=============================*/

@media (max-width:480px){

  /* SCÈNE smartphone */
  .repas-stage{
    max-width:100%;
    min-height:unset;
    margin:0 auto 16px;
  }

  .repas-stage-inner{
    position:static;
    transform:none;
  }

  /* Décors cachés */
  .decorHD1, .decorHD2, .decorMG1, .decorMG2{
    display:none !important;
  }

  /* MENU */
  .menu-image{
    position:static;
    width:95%;
    margin:calc(10px + var(--repas-menu-offset)) auto 22px;
  }

  /* KIOSQUE */
  .kiosque{
    position:static;
    width:95%;
    margin:calc(10px + var(--repas-kiosque-offset)) auto 22px;
  }

  /* MARCHÉ GOURMAND */
  .marchegourmand{
    position:static;
    width:95%;
    margin:calc(10px + var(--repas-marche-offset)) auto 26px;
  }

  /* Confort footer */
  .site-footer{ margin-top:12px !important; }
}

/*============================
====== FICHIERS MOYENS FORMATS =====
=============================
   Smartphones paysage / Tablettes portrait
=============================*/

/* Déjà géré par tes scale intermédiaires */
@media (max-width:1024px) and (min-width:768px){
  .repas-stage{ max-width:1000px; min-height:2200px; }
  .repas-stage-inner{ transform:scale(0.85); }
}

@media (max-width:767px) and (min-width:481px){
  .repas-stage{ max-width:760px; min-height:2200px; }
  .repas-stage-inner{ transform:scale(0.72); }
}

/*============================
===== FICHIERS GRANDS FORMATS ======
=============================*/
/* Rien à ajouter : comportement desktop conservé */

/*============================
======= FICHIERS ORDINATEURS =======
=============================*/
/* Mise en page absolue standard desktop */