/* public.css */
body{ font-family:"Poppins",system-ui,-apple-system,sans-serif; }

.orari-locale{border: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fcfcfc;
	border-radius:5px;
}

main#view-container {
    background: #fcedd1;
	min-height:100vh;
}

.product-block.border-bottom.border-light {
    border-bottom-color: #fee0a5 !important;
}

.container-home{padding-top:2.25rem !important;}

.prenotazioni{line-height:1.5rem;margin-top:15px;}
.prenotazioni a{color:#20170f;
text-decoration:none;}
.prenotazioni a:hover{opacity:0.8;}
/* altezza header Bootstrap 5 standard = 56 px */
:root{ --header-h:46px; }

/* breadcrumb full-width subito sotto l’header */
.breadcrumb-bar{
  margin-top:var(--header-h);       /* esattamente sotto la Top-bar */
  z-index:1020;              /* > contenuto, < header */
  background:#20170f;
  font-size:.75rem;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.breadcrumb-bar .container{
  padding:.35rem .75rem;
}
.breadcrumb-bar .breadcrumb{
  margin:0; background:transparent;
}

.breadcrumb-bar .breadcrumb li{font-weight:600; color:#f48106;}
.breadcrumb-bar .breadcrumb li a{font-weight:600; color:#fff; text-decoration:none;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff !important;} 



/* Banner base – icona sinistra, testo a destra */
.banner-cat{
  display:flex;
  position:relative; 
  align-items:center;      /* centro verticale */
  gap:0.5rem;                /* spazio icona-testo */
  height:75px;
  padding:0 1rem;
  border-radius:.75rem;
  color:#fff; text-decoration:none;
  transition:transform .12s;
}
.banner-cat:hover{ transform:scale(.97); }

/* Icona */
.banner-icon{
  width:46px; height:46px;    /* adatta se serve */
  flex-shrink:0;
}

/* Testo */
.banner-text{ display:flex; flex-direction:column; }

/* Titolo grande */
.banner-title{
  font-size:1.40rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  line-height:1.1;
}

.banner-arrow{
  font-size:1.4rem;
  opacity:.8;
  flex-shrink:0;
  transition:transform .12s;
}
.banner-cat:hover .banner-arrow{ transform:translateX(2px); }

/* Orario piccolo */
.banner-time{
  /*position:absolute;
  bottom:8px; right:16px; */
  font-size:.7rem;
  line-height:1;
  opacity:1;
}

/* Colori per slug (personalizza a piacere) */
.cat-breakfast{background: linear-gradient(to right, #b1471d 0%, #d45523 100%); }   /* marrone */
.cat-lunch{background: linear-gradient(to right, #bb9274 0%, #debea9 100%);
		   color:#683c2d !important;} 

.cat-daily{background: linear-gradient(to right, #fc8d21 0%, #feaa16 100%);
		  color:#20170f !important;}

.cat-bar{background: linear-gradient(to right, #b11d1d 0%, #dc0404 100%);
color:#fff;}
.cat-aperitif    { background:#20170f; }   
.cat-beers{background: linear-gradient(to right, #eaa317 0%, #ffb400 100%);
color:#fff;}

.cat-wines{background: linear-gradient(to right, #66130b 0%, #b81505 100%);
color:#fff;}

.cat-spirits{background: linear-gradient(to right, #403015 0%, #403015 100%);
color:#fff;}

.cat-cocktails{ background: linear-gradient(to right, #183141 0%, #043656 100%);
color:#fff; }  

.cat-gintonic{ background: linear-gradient(to right, #12aec0 0%, #6decfb 100%);
color:#fff; } 

.cat-soft-drinks{ background: linear-gradient(to right, #e15426 0%, #f68c69 100%);
color:#fff; } 

.cat-liquors{ background: linear-gradient(to right, #8a402b 0%, #a6523a 100%);
color:#fff; } 


/* Fallback */
.banner-cat:not([class*="cat-"]){ background:#6c757d; }


/* PAGINE CATEGORIE */

.titolo-macrocat{font-weight:700; 
color:#f48106;
text-transform:uppercase;
margin-bottom:2rem;}

.container-titolo-sottocat{
	border-bottom:1px solid #b1471d;
	column-gap:.5rem;        /* piccolo margine tra h4 e prezzo */
}

.prezzo-cat{font-size:1.4rem;
font-weight:600 !important;
color:#20170f !important;
flex:0 0 auto;           /* non si restringe */
white-space:nowrap;      /* “11,50 €” rimane su una riga */
}

.titolo-sottocat{font-weight:700; 
color:#b14926;
text-transform:uppercase;
  flex:1 1 auto;           /* occupa tutto lo spazio restante */
  min-width:0;             /* permette l’ellipsis se serve */
}

.titolo-intro{border-bottom:1px solid #b1471d;
margin-top:-20px;}
.intro-text{font-size:0.8rem;}

.descr-prodotti{font-style:italic;
line-height:1.45em;
font-size:.875rem;
/*margin-bottom:.875rem;*/
margin-bottom:0;}

.section-sughi{
	text-align:center !important;
	background:#ededed;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:10px;
	margin-top:1.5rem;
	border:1px solid #b1471d;
	margin-bottom:2.5rem;
}

.section-sughi .col-3{display:none;}
.section-sughi .col-9{width:100% !important;}

/* titolo centrale ---------------------------------------------*/
.section-sughi .d-flex.container-titolo-sottocat{            /* il wrapper del titolo */
  justify-content:center !important;
	border-bottom:0;
	margin-top:0 !important;
}

.lunch-note{font-size:0.8rem;
border-top:3px solid #b1471d;
margin-top:1rem;
margin-bottom:1rem;
margin-top:-2px;}

.section-sughi .titolo-sottocat{ 
  text-align:center;
  margin:0;    
  font-size:1rem;
}

.section-sughi .row.g-3{
	--bs-gutter-y: 0rem !important;
	
}

.section-sughi .row.g-3 strong{
	--bs-gutter-y: 0rem !important;
	font-style:italic;
	font-size:0.8rem;
	
}

.section-sughi .row.border-bottom.py-2{border-bottom:0 !important;
padding-bottom:0 !important;
}

.beverages-dessert{text-align:center;
font-size:1rem;
border:1px solid #b1471d;
background:#fcfcfc;
border-radius:5px;}
.beverages-dessert h5{font-size:1rem;
text-transform:uppercase;
font-weight:700;}

.homemade{font-size:0.7rem;
text-align:right;}

.homemade p{margin-bottom:5px;}

.homemade h6{font-weight:700;
font-style:italic;
color:#b1471d;
margin-bottom:10px !important;
}

.bottom-bar{background:#22190e;border-top:1px solid #f48106;font-size:.9rem;}
.bottom-bar button{text-decoration:none;color:#fff;}
.bottom-bar button:hover{color:#fff;
opacity:0.8;}
.bottom-bar .social-icon{color:#f48106;text-decoration:none;}
.bottom-bar .social-icon:hover{color:#f48106;
opacity:0.8;}


/* simboli fatto in casa / surgelato */
.sym-at{color:#b1471d;
		font-weight:600; }
.sym-star{ color:#b1471d; 
		font-weight:600;}

/* SVG SOTTOCATEGORIE */
.subcat-icon { width: 24px; height: 24px; flex: 0 0 24px; margin-bottom:5px; }

/* VARIANTI UL */
.variant-dot{
  display:inline-block;
  width:4px; height:4px;
  border-radius:50%;
  background:#b1471d;
  flex:0 0 4px;
  margin-top:2px; /* micro allineamento con il testo */
	
}
.variant-row .variant-price{ white-space:nowrap; }

.col-9-variant{padding-right:0;}

/* VINI */

.wine-sep{
  color:#f48106;
  font-weight:400;
  padding:0 .25rem;
}


/* ALLERGENI */
.allergen-toggle {
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600 !important;
    color: #333;
    border: 1px solid #333;
	padding-top:1px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.allergen-toggle:hover {
    opacity:0.8;
	color:#333;
	 border: 1px solid #333;
	padding-top:1px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.allergen-panel{background:#fce9c5;
padding:5px;}
.allergen-panel small{font-size:12px;
font-style:italic;}
.allergen-panel[hidden] { display: none; }