html {
  scroll-behavior: smooth;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
}


/* CLASSE CSS PER UTILIZZARE I VARI FONT

.playfair-display-<uniquifier> {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/



/* STILE NAVBAR */


.btn-base{
  background-color: #ffffff00;
  color: #000000;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #968abe;
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  transition: 0.5s;
}

.btn-base:hover{
  background-color: #968abe;
  color: #000000;
}

.btn-base-whatsapp, .btn-base-whatsapp:focus, .btn-base-whatsapp:active,  .btn-base-whatsapp:hover{
  background-color: #075e54;
  color: #ffffff;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #075E54;
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  transition: 0.5s;
}


/* .btn-base-whatsapp:hover{
  background-color: #075E54;
  color: #ffffff;
} */

.navbar{
    font-family: "Playfair Display", serif;
      font-size: 23px;
}

.navbar .navbar-nav .nav-link{
padding-left: 30px !important;
padding-right: 30px !important;
  color: #000000;
}

.navbar .navbar-nav .nav-link:hover{
color: #968abe !important;
}
.navbar .navbar-nav .nav-link.active{
color: #968abe !important;
}

.focus-on{
  background-color: #968abe !important;
  color: #000000 !important;
}

/* STILE TITOLI - TESTO SEZIONI ED IMMAGINI VARIE SEZIONI */

.title_viola{
color: #968abe;
font-family: "Playfair Display", serif;
font-weight: bold;
margin-bottom: 20px;
}
.title_viola_1{
color: #968abe;
font-family: "Playfair Display", serif;
font-weight: bold;
border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso
}

.paragrafo_base{
font-family: "Nunito", sans-serif;
}


.img-rounded-custom{
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  border:  2px solid #968abe;
}

.btn-base_1{
  background-color: #ffffff00;
  color: #000000;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #ffffff;
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  transition: 0.5s;
}

.btn-base_1:hover{
  background-color: #968abe;
  border: 2px solid #ffffff;
  color: #000000;
}
.btn-base_2{
  background-color: #ffffff00;
  color: #000000;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: bold;
    border: 2px solid #968abe;
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  transition: 0.5s;
}

.btn-base_2:hover{
  background-color: #968abe;
   border: 2px solid #968abe;
  color: #000000;
}

.btn-base_3{
  background-color:  #075E54;
  background-color: 0;
  color: #000000;
  font-family: "Playfair Display", serif;
  font-size: 20px;
  font-weight: bold;
    border: 2px solid  #075E54;
  border-radius: 0;
  border-top-left-radius: 12px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 12px; /* Arrotonda l’angolo in basso a destra */
  transition: 0.5s;
}

.btn-base_3:hover{
  background-color:  #075E54;
   border: 2px solid  #075E54;
  color: #000000;
}

.diagonal-rounded {
  border-top-left-radius: 23px;   /* Arrotonda l’angolo in alto a sinistra */
  border-bottom-right-radius: 23px; /* Arrotonda l’angolo in basso a destra */
}


.link_google{
color: #000000;
font-family: "Nunito", sans-serif;
font-weight: 400;
font-size: 20px;
text-decoration: none;
/* transition: font-variation-settings 0.5s ease, font-weight 0.5s ease; */
}

.link_google:hover{
color: #000000;
font-family: "Nunito", sans-serif;
font-weight: 700;
font-size: 20px;
text-decoration: none;

}

.scala-img{
transition: transform 0.5s ease;
}  

.link_google:hover .scala-img{
transform: scale(1.2);
}

.testo_dove_siamo{
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin-top: 20px;
}

.testo_icone_finali{
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  color: #000000;
  text-align: center;
  margin-top: 10px;
}

.remove_style_link{
  text-decoration: none;
  color: black
}


.sfondo-scroll_menu{
background-image: url('img/sfondo_finale_menu.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 400px;
}

.sfondo-scroll_scatti{
background-image: url('img/bg-scatti.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 400px;
}


.sfondo-scroll{
background-image: url('img/sfondo-es-bistrot.jpg');
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
height: 400px;
}


.sfondo_vieni{
background-image: url('img/vieni_bg.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
height: 400px;
}


.sfondo-bistrot_take_away{
background-image: url('img/take_away_bg.png');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
height: 600px;
}

.sfondo-bistrot-social{
background: linear-gradient(rgba(150, 138, 190, 0.8), rgba(150, 138, 190, 0.8)), url('img/bg_evento.jpg') no-repeat center bottom; background-size: cover;
}


.accordion{
   font-family: "Nunito", sans-serif;
  color: #000000;
}

.form-label, .form-control, .form-select, .form-check-label {
  font-family: "Nunito", sans-serif;
}

  .accordion h2 {
    font-family: 'Playfair Display', serif; /* il tuo font */
    font-weight: 600;
    font-size: 1.8rem; /* dimensione personalizzata */
    letter-spacing: 0.5px; /* opzionale */
  }

  /* Cambia font e dimensione dei pulsanti dell'accordion (titoli cliccabili) */
  .accordion-button {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem; /* puoi adattare */
    font-weight: 600;
    text-transform: none; /* rimuove maiuscole automatiche di Bootstrap */
  }


  .accordion-button{
    background-color:#c5a56d !important  
  }

  .accordion-header{
  padding-bottom: 5px;  
  }


  .font-modal{
    font-family: "Nunito", sans-serif;
    font-size: 18px;
  }

  /* .modal{
    font-family: "Nunito", sans-serif;
    font-size: 18px; 
  } */

  .modal-title{
    font-family: "Nunito", sans-serif;
    font-size: 24px;
    font-weight: bold;
  }

/* FORZA LO SFONDO SOTTO IL MODAL AD ANDARE SOPRA LA NAVBAR,
LTRIMENTI SOPRA CI ANDREBBE SOLO LA NAVBAR E NON LO SFONDO */
  .modal-backdrop.show {
  z-index: 4000 !important; /* > navbar 3000 ma < modal 5000 */
}

.modal{
  z-index: 5000 !important; /* sopra tutto */
}


#campiMancanti li{
  font-weight: bold;
}


.hover-social{
  transition: transform 0.5s ease;
}

.hover-social:hover{
  transform: scale(1.2);
}



/* STILE IMMAGINE APERTA NELLA GALLERY */
.lightbox img{
  max-width: 800px !important;
}



/* Bordo rosso attorno al checkbox */
.privacy-error{
  outline: 2px solid red;      /* bordo visibile */
  outline-offset: 2px;         /* piccolo spazio tra checkbox e bordo */
}


/* CAMBIO COLORE FRECCIA CAROSELLO-SLIDESHOW "DICONO DI NOI SU GOOGLR" */
#recensioniCarousel .carousel-control-prev-icon,
#recensioniCarousel .carousel-control-next-icon {
  background-size: 1.5rem 1.5rem; /* frecce più piccole */
  width: 2.2rem;
  height: 2.2rem;
  filter: none !important; /* rimuove filtri Bootstrap */
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

/* Hover: leggermente più visibile */
#recensioniCarousel .carousel-control-prev-icon:hover,
#recensioniCarousel .carousel-control-next-icon:hover {
  opacity: 1;
}

/* Freccia sinistra */
#recensioniCarousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23968abe' stroke-width='2' viewBox='0 0 16 16'%3e%3cpath d='M10 2L4 8l6 6'/%3e%3c/svg%3e");
}

/* Freccia destra */
#recensioniCarousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23968abe' stroke-width='2' viewBox='0 0 16 16'%3e%3cpath d='M6 2l6 6-6 6'/%3e%3c/svg%3e");
}



/* STILE RIEPILOGO ORDINE TAKE AWAY */
.riepilogo-ordine {
  max-height: 4.2em;      /* ~3 righe con font small */
  overflow-y: auto;       /* scroll */
  white-space: pre-wrap;  /* così va a capo in modo corretto */
  scrollbar-width: thin;  /* Firefox */
}

.riepilogo-ordine::-webkit-scrollbar {
  width: 6px;             /* Chrome/Safari */
}

.riepilogo-ordine::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}



/* STILI DA RIVEDERE O DEFINIRE ANCORA */
.text-paragraph{
    font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
    font-size: 22px;
}

.text-paragraph_2{
    font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
    font-size: 22px;
}

.text-paragraph_1{
    font-optical-sizing: auto;
   font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
    font-size: 22px;
}

.text-paragraph_3{
   font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
 line-height: 1.3;
    font-size: 22px;
}

.stile_over{
transition: 0.5s;
}

.link_footer{
transition: 0.5s;
}


.link_img_2{
transition: transform 0.5s ease;
}

.link-pietanza{
   box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
transition: transform 0.5s ease;
}

.link-pietanza:hover{
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.link-pietanza:hover .link_img_2{
transform: scale(1.2);
}

.stile_over:hover{
box-shadow: 0 10px 16px rgba(0, 0, 0, 0.8);
}


 .link_footer:hover{
  transform: scale(1.2);
}


.sfondo-scroll_sapori{
background-image: url('img/banner_sapori.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 400px;
}

.sfondo-scroll_1{
background-image: url('img/glicine_slide_1.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 400px;
}


.sfondo-scroll_2{
background-image: url('img/bg-prova-aperitivo.jpeg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
height: 400px;
}


.font_parking_dove_siamo{
  font-size: 24px;
  line-height: 1.3;
   font-optical-sizing: auto;
   font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
}


/* stile specialita */

.bg_specialita{
  background: 
   linear-gradient(rgba(252, 245, 231, 0.9), rgba(252, 245, 231, 0.9)), /* beige semitrasp. */
   url('img/bg_restaurant.png'); 
}


.card{
color: #7c1e19; /* colore link normali */
font-family: "Zilla Slab", serif;
font-weight: 700;
font-style: italic;
font-size: 20px;
cursor: pointer;
overflow: hidden;
background: #fcf5e7;
}

.card:hover{
color: #fcf5e7; /* colore link normali */
background-color: #7c1e19;
}

.card-img-top{
  transition: transform 0.5s ease;

}
.card:hover .card-img-top{
 transform: scale(1.2); 
}


h3{
 font-size: 1.50rem;
}



/* STILE H1 SLIDESHOW */
.hero-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;

  /* Gradient morbido e leggibile */
  background: linear-gradient(
    to top,
    rgba(249, 235, 215, 1) 0%,       /* pieno subito in basso */
    rgba(249, 235, 215, 0.95) 10%,   /* transizione graduale */
    rgba(249, 235, 215, 0.85) 25%,   
    rgba(249, 235, 215, 0.7) 40%,
    rgba(249, 235, 215, 0.5) 55%,
    rgba(249, 235, 215, 0.3) 70%,
    rgba(249, 235, 215, 0.15) 85%,
    rgba(249, 235, 215, 0.10) 90%,
    rgba(249, 235, 215, 0.05) 95%,
    rgba(249, 235, 215, 0) 100%      /* completamente trasparente in cima */
  );

  padding-top: 60px;
  padding-bottom: 5px;
  width: 100%;
}

.hero-caption h1 {
  font-size: 1.3rem;
  color: #000000;
  margin: 0 0 4px 0;
  font-weight: 600;
}

.hero-caption p {
  font-size: 0.9rem;
  color: #000000;
  margin: 0;
}



/*  /////////////////////////////////////////////////////////////  */



/* MEDIA QUERY */

@media (min-width: 992px){
#navbar .nav-link.nav-link-custom {
font-size:23px;
}
}

/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}


@media (max-width: 991.98px){

.sticky_custom{
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ombra per dare profondità */  
}

.text-paragraph{
 line-height: 1.3;
    font-size: 18px;
}

.text-paragraph_3{
   font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
 line-height: 1.3;
    font-size: 18px;
}

.font_parking_dove_siamo{
  font-size: 20px;
  line-height: 1.0;
}

.text-paragraph_2{
    font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #7c1e19;
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
    font-size: 18px;
}


.sfondo-scroll_menu{
height: 200px;
}

.btn-base{
width: fit-content;  
}
.btn-base_1{
width: fit-content;  
}

.navbar{
  position: sticky;
      top: 0;
      z-index: 3000;
padding-bottom: 20px !important;
}

.sfondo-scroll_scatti{
background-image: url('img/bg-scatti.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: left bottom;
height: 200px;
}

.sfondo_vieni{
background-image: url('img/vieni_bg.jpg');
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: right bottom;
height: 200px;
}

/* STILE H1 SLIDESHOW */
.hero-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;

  /* Gradient morbido e leggibile */
  background: linear-gradient(
    to top,
    rgba(249, 235, 215, 1) 0%,       /* pieno subito in basso */
    rgba(249, 235, 215, 0.95) 10%,   /* transizione graduale */
    rgba(249, 235, 215, 0.85) 25%,   
    rgba(249, 235, 215, 0.7) 40%,
    rgba(249, 235, 215, 0.5) 55%,
    rgba(249, 235, 215, 0.3) 70%,
    rgba(249, 235, 215, 0.15) 85%,
    rgba(249, 235, 215, 0.10) 90%,
    rgba(249, 235, 215, 0.05) 95%,
    rgba(249, 235, 215, 0) 100%      /* completamente trasparente in cima */
  );

  padding-top: 60px;
  padding-bottom: 5px;
  width: 100%;
}

.hero-caption h1 {
  font-size: 1.0rem;
  color: #000000;
  margin: 0 0 4px 0;
  font-weight: 600;
}

.hero-caption p {
  font-size: 0.7rem;
  color: #000000;
  margin: 0;
}


}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
 
.navbar .navbar-nav .nav-link{
padding-left: 10px !important;
padding-right: 10px !important;
}
.navbar{
    font-family: "Playfair Display", serif;
      font-size: 20px;
}

}