/* === FONTS ============================= */

@font-face {
  font-family:"oldnewspapertypes";
  src:url("../fonts/OldNewsPaperTypes/oldnewspapertypes.ttf") format('truetype'); 
  /* Autres propriétés facultatives */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:"microbrew";
  src:url("../fonts/MicroBrew/Microbrew.ttf") format('truetype'); 
  /* Autres propriétés facultatives */
  font-weight: normal;
  font-style: normal;
}

/* ======================================== */ 



/* -------------------------------------- */
/* -------------------------------------- */  
/* -------------------------------------- */ 
  
body{
    margin:0;
    padding:0;
    box-sizing: border-box;
    background:#FFF;
}

#root{
    width: 1080px;
    height: 1920px;
    margin:0 auto;
    background:#FFF;
    color:#000;
}

a{text-decoration:none;}

header{
    width:100%;
    height:120px;
}

header h1{display:none;}

.header-content{
    width:100%;
    height:120px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.content-logo{
    width:300px;
    height:100px;
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.content-logo img{width:200px;}

.content-navigation{
    width:500px;
    height:80px;
    display:flex;
    justify-content: space-around;
    align-items: center;
    padding-right:100px;
    background-image: url("../assets/hand_anim_black.gif");
    background-repeat:no-repeat;
    background-position:center right;
    background-size:75px 75px;
}

.content-navigation a{
    color: #FFF;
    padding: 10px 20px;
    font-size: 21px;
    background: #000;
    text-transform: uppercase;
    border-radius: 3px;
    font-family:"oldnewspapertypes";
    font-weight:bold;
    box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.02), 0px 2px 4px rgba(3, 7, 18, 0.03), 0px 4px 9px rgba(3, 7, 18, 0.05), 0px 6px 12px rgba(3, 7, 18, 0.06), 0px 10px 15px rgba(3, 7, 18, 0.08);
}

.content-navigation a:hover{text-decoration:none;}


.content-flags{
    width:150px;
    height:80px;
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.content-flags a{
    width:50px;
    height:30px;
}

.content-flags a img{
  width:50px;
  height:30px;
}







/* SLIDER ------------- */

div#slider-container\ block-images {
  margin-bottom:30px;
}

#slider-container {
  width: 100%!important;
  height: 400px;
}

.swiper {
  width: 100%!important;
  height: 400px;
}


.swiper-slide{
  display:flex;
  align-items: center;
}

.legend-slider{
  color:#c9c9c9;
  font-size:11px;
  width:100%;
  display: flex;
  justify-content: center;
  padding:5px 0px;
}

/* -------------------- */

.label-quantity{
  color: #c28d85;
  font-size: 12px;
  line-height: 19px;
}

.label-quantity::before {
  content: "\00a0\00a0";
}

/* -------------------- */

.block-dishes{
    margin:0px 0px 10px;
}

.headline-block-dishes{
    width:100%;
    height:40px;
    display:flex;
    align-items:center;
    margin-bottom:5px;
}

.headline-block-dishes img{
    width:50px;
    height:50px;
    border-radius:5px;
    background:#FFF;
    margin-right:20px;
    display:none;
}

.headline-block-dishes h2{
    font-size: 20px;
    color:#c28d85;
    font-family:"oldnewspapertypes";
    margin:0;padding:0;
    width: fit-content;
    padding: 5px 20px;
}


 .block-dishes h2{
    font-size: 21px;
    color:#FFF;
    font-family:"oldnewspapertypes";
    margin:0 auto;
    background-color:#c28d85;
    width: fit-content;
    padding: 5px 20px;
} 

.block-dishes h2 > small{
  font-size: 18px;
  
} 

.block-dishes h3{
  font-family:"oldnewspapertypes";
    font-size:14px;
    display:flex;
}

.block-dishes h3 .icon-image{
    width:20px;
    background-image:url("../assets/icon-image.svg");
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position:center center;
    margin-right:5px;
    padding-bottom:2px;
}


.row-dish{
    width:100%;
    margin:0 auto;
    margin: 1px 0px;
    display:flex;
    font-family:"oldnewspapertypes";
    padding:1px 0px;
  }

.low-row-dish{padding: 1px 0px;}

.row-dish h3{
    font-family:"oldnewspapertypes";
    font-size:16px;
    margin:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-dish p{
    font-size:12px;
    margin: 0;
    padding: 0;
    text-align: left;
}
  
  .row-dish img{
    width:80px;
    height:80px;
    border-radius:5px;
    margin-right:30px;
  }
  
  .content-dish{
    width: 100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
  }

  .text-dish{
    flex-grow: 1;
  }

  .content-dish .price{
    font-size:16px;
    min-width: 70px;
    display:flex;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: right;
  }
  
  #block-dishes-tapas{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-dishes-tapas h2{font-family:"microbrew";color:#8d6059;color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-dishes-tapas h3{font-size:18px;margin:10px;color:#8d6059;text-transform:uppercase;}
  #block-dishes-tapas .price{font-size:18px;margin:10px;color:#8d6059;text-transform:uppercase;}


  #block-formule-pecheur{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-formule-pecheur h2{font-family:"microbrew";color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-formule-pecheur h4{font-size:16px;margin:7px;}

  #block-formule-marche{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-formule-marche h2{font-family:"microbrew";color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-formule-marche h4{font-size:16px;margin:7px;}


  #block-formules-mer{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-formules-mer h2{font-family:"microbrew";color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-formules-mer h4{font-size:16px;margin:7px;}


  #block-formule-midi{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-formule-midi h2{font-family:"microbrew";color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-formule-midi h4{font-size:16px;margin:7px;}

  #block-formule-enfants{font-family:"oldnewspapertypes";padding:5px 10px;margin-bottom:30px;border-style: double;text-align:center;border-color:#8d6059;background:#ffefed;}
  #block-formule-enfants h2{font-family:"microbrew";color:#8d6059;margin:5px 0px;font-size:21px;}
  #block-formule-enfants h4{font-size:16px;margin:7px;}

/* DRINKS */

.top-drink{
    display:flex;
    justify-content: flex-end;
}

.top-drink i{
    min-width: 70px;
    text-align:right;
}

.row-drink{
  width:100%;
  margin:0 auto;
  margin: 2px 0px;
  display:flex;
  font-family:"oldnewspapertypes";
  padding:4px 0px;
}

.row-drink h3{
    font-family:"oldnewspapertypes";
    font-size:19px;
    margin:0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-drink p{
    font-size:12px;
    margin: 0;
    padding: 0;
}
  
.row-drink img{
  width:80px;
  height:80px;
  border-radius:5px;
  margin-right:30px;
}

.content-drink{
  width: 100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.text-drink{
  flex-grow: 1;
}

.content-drink .price{
  font-size:16px;
  min-width: 70px;
  display:flex;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: right;
}
    





#block-dishes-entrees{background-size: 25%;background-image: url(../images/background/planche.jpg);background-repeat:no-repeat;background-position:right 60px top 40px;}
#block-dishes-viandes{background-size: 17%;background-image: url(../images/background/burger.jpg);background-repeat:no-repeat;background-position:right 100px top 50px;}
#block-dishes-poissons{background-image: url(../images/background/poisson.jpg);background-repeat:no-repeat;background-position:right 70px top 160px;}
#block-dishes-fruits-mer{background-size: 40%;background-image: url(../images/background/fruits-mer.jpg);background-repeat:no-repeat;background-position:right 30px top 130px;}

#block-dishes-aperitifs{background-image: url(../images/background/aperitifs.jpg);background-repeat:no-repeat;background-position:right 100px top 230px;}
#block-dishes-champagne{background-image: url(../images/background/champagne.jpg);background-repeat:no-repeat;background-position:right 160px top 60px;}
#block-dishes-softs{background-image: url(../images/background/softs.jpg);background-repeat:no-repeat;background-position:right 100px top 90px;}









/* MODAL ------------- */

.modal {
  display: none; /* Par défaut, la modal est cachée */
  position: fixed; /* La modal est positionnée de façon fixe par rapport à la fenêtre du navigateur */
  z-index: 1; /* La modal doit être au-dessus de tout le reste */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* Activer le défilement si nécessaire */
  background-color: rgba(0,0,0,0.4); /* Fond sombre semi-transparent */
}

.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* Centrer verticalement et horizontalement */
    padding: 20px;
    width: 80%; /* Largeur de la modal */
    position:relative;
}

.modal-details{
    margin:40px 0px 20px;
    display:flex;
    justify-content: space-between;
}

.modal-info {
    width:80%;
}

.modal-info h2{
    font-size: 19px;
    font-family: 'Montserrat-Medium';
}

.modal-info p{

}

#modal-prix{
    width:20%;
    font-size: 19px;
    text-align: right;
}

/* Style pour le bouton de fermeture */
.close {
  width:60px;
  height:60px;
  top:-25px;
  right:-25px;
  position:absolute;
  background:#FFF;
  border-radius:10px;
  opacity:1;
  background-image:url("../assets/icon-close.svg");
  background-repeat:no-repeat;
  background-size:40px 40px;
  background-position:center center;
}

.close:hover,
.close:focus {
  cursor: pointer;
  opacity:1;
}


/* ============================================= */
/* ============================================= */
/* MEDIAQUERIES ================================ */
/* ============================================= */
/* ============================================= */
/*

@media screen and (max-width: 1023px) {
  #root{
    width:100%;
    height: auto;
  }

  header{
    width:90%;
    margin:0 auto;
  }

  .content-logo{width:30%;}
  .content-logo img{width: 180px;}
  .content-navigation{width:40%;}
  .content-navigation a{padding: 7px 12px;font-size:14px;}
  .content-flags{width:20%;}

  main{
    width:70%;
    height:auto;
    margin:0 auto;
    flex-direction: column;
  }

  .container-left{
    width:100%;
    height:auto;
    margin-bottom:20px;
  }

  .box-container-left{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom:20px;
  }

  div#slider-container\ block-images{
    width:45%; height:380px;
  }

  #slider-container {height: 380px;}
  
  .swiper {height: 380px;}

  .container-block-dishes{
    width:50%;
    padding:10px;
  }

  .container-block-dishes .block-dishes{
    margin-bottom:0px;
  }


  #block-dishes-formule-midi h2{margin-top:20px;}

  .container-center{
    width:100%;
    height:auto;
    margin-bottom:20px;
  }

  .container-right{
    width:100%;
    height:auto;
    margin-bottom:20px;
  }

  .block-dishes{
    margin-bottom:30px;
  }



}
*/