@charset "UTF-8";
/*Author: Flowence*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&family=Oswald:wght@200;400;500&display=swap');

body {width: 100%;height: 100%;font-family: 'Roboto', sans-serif;font-weight: 300;color: #3b3b3c;background-color: #fff;font-size: 16px;line-height: 140%;overflow-x: hidden;}
html {width: 100%;height: 100%;}
.container{background-color: transparent;}
a {color: #666;text-decoration: underline;}
a:hover{text-decoration: none;}
.oswald{font-family: 'Oswald', sans-serif;}
.lato{font-family: 'Roboto', sans-serif;}

/* ===========Tipografia============= */

h1 {font-size: 26px;line-height: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
b, strong{font-weight: 700;}
.item-page img{max-width: 100%; height: auto;}
.full-width {margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
.img-full-force{object-fit: cover;max-width: unset;max-height: 100%;width: 100vw;height: auto;}

.sticky {position: fixed;top: 0;width: 100%;z-index: 9999; border-bottom: 1px solid #666;}
ul.menutopmenu li{text-transform: uppercase;font-family: 'Oswald', sans-serif; color: #fff; font-weight: 200; font-size: 14pt;}
ul.menutopmenu li a, ul.menutopmenu li a:link{color: #fff!important;}
ul.menutopmenu li a:hover, ul.menutopmenu li a.active{color: #666!important;}
.dropdown:hover>.dropdown-menu {display: block;}
.menutopmenu ul.dropdown-menu{border-radius: 0px!important; background-color: #3f3f3f!important; font-size: unset!important;font-weight: 200!important;}

.bg-blu{background-color:#00548d; color: #fff;}
.bg-blu a, .bg-blu a:link{color: #fff;}
span.quantity-box, .quantity-controls{display: none; width: unset;}
.proopc-btn-info{background-color: green;}

.btn-secondary{background-image: none; background-color: #333; color: #fff; border:none;text-shadow: none;}
.btn-secondary:hover{background-image: none;}

/*menu offcanvas*/
.overlaymenu {height: 0%;width: 100%;position: fixed;z-index: 99;top: 60px;left: 0;background-color:#fff;transition: 0.5s;overflow-y: scroll;}
.sandw{font-size:25px; right:20px; top:30px;cursor: pointer; position: absolute; }
.overlay {height: 0%;width: 100%;position: fixed;z-index: 999999;top: 0;left: 0;background-color:#fff;overflow-y: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 5%; width: 100%;margin-top:0px;}
.overlay-content ul li a{text-decoration: none; padding: 10px 0px; text-transform: uppercase; font-weight: bold;}
.overlay-content ul li{border-bottom: 1px solid #efefef;}



/*pop up aggiunta carrello*/
#fancybox-content{background-color:#fff;}
.conf-aggiunta{color:#000; font-size:14px; font-weight:600;}
a.showcart{color:#fff;font-size:14px; text-align:center; background-color:#00548d; text-transform:uppercase; padding:8px 10px; border-radius:0px;}
.pop-cont, .pop-cart{width:100%; text-align:center; margin-top:10px; }
a.continue_link{color:#00548d;font-size:14px; text-align:center;text-transform:uppercase;}


/* Extra Small Devices, Phones */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 568px)  { 
    img.brand{width: 80%;height: auto;}
    .areatop{position: fixed; z-index:8; width: 100%; top: 0px;}
    .testata{padding-top: 100px;}
    .eb-container{margin-top:5rem!important;}
	
	.page-header {
		position: relative;
		z-index: 7 !important;
		padding-top: 5em;
		margin-bottom: 1em;
	}
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width: 320px) 
                   and (max-device-width: 736px) 
                   and (orientation: landscape) {
                       
    img.brand{width: 80%;height: auto;}
    .areatop{position: fixed; z-index:8; width: 100%; top: 0px;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /*ipad*/
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {/*ipad orizzontale*/
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { /*ipad pro*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/*ordina livelli prima colonna con contenuto poi sidebar*/
.col-lg-pull-3{right:75%;}
.col-lg-push-9{ left:25%;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* =======================================================================
   PALETTE PRO LOCO 2026 - verde + arancio (sostituisce il blu #00548d)
   Incollare questo blocco IN FONDO al file template.css del template Oltresommo.
   (Prima fai una copia di sicurezza di template.css.)
   Accento oro/ocra (ruota del logo): #E0A11E
   ======================================================================= */

/* Barra in alto (telefono/email) e pre-footer: erano blu, ora verde scuro */
.bg-blu{background-color:#356326 !important;color:#fff !important;}
.bg-blu a,.bg-blu a:link,.bg-blu a:hover{color:#fff !important;}

/* Link del carrello (erano blu) */
a.showcart{background-color:#356326 !important;}
a.continue_link{color:#356326 !important;}

/* Pulsanti principali (Bootstrap + Events Booking): da blu elettrico ad arancio */
.btn-primary,.eb-btn-primary,a.btn-primary,
button.btn-primary,input.btn-primary,input[type="submit"].btn-primary,
.eb-register-button,a.eb-register-button,#eb-container .btn-primary,
.eventbooking .btn-primary,.btn-info{
  background-color:#e98a2b !important;
  border-color:#e98a2b !important;
  color:#fff !important;
  background-image:none !important;
  text-shadow:none !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
button.btn-primary:hover,input.btn-primary:hover,.eb-register-button:hover,.btn-info:hover{
  background-color:#d2761c !important;border-color:#d2761c !important;color:#fff !important;
}

/* Icone barra contatti (header) */
.topbar-ico{color:#fff !important;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.15);margin-right:8px;text-decoration:none;vertical-align:middle;transition:background .15s;}
.topbar-ico:hover{background:#e98a2b;color:#fff !important;}
.topbar-ico svg{width:16px;height:16px;}

/* Icone social (footer) */
.social-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff !important;margin-right:8px;text-decoration:none;transition:background .15s;}
.social-ico:hover{background:#e98a2b;}
.social-ico svg{width:20px;height:20px;}

/* Crediti "Powered by Flowence" (nella riga copyright) */
.credits-flowence a,.credits-flowence a:link{color:#E0A11E !important;text-decoration:none;font-weight:700;}
.credits-flowence a:hover{text-decoration:underline;}

/* Pulsante WhatsApp flottante (in basso a destra, tutte le pagine) */
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.28);z-index:9999;transition:transform .15s;}
.wa-float:hover{transform:scale(1.08);color:#fff;}
.wa-float svg{width:30px;height:30px;}
@media (max-width:680px){.wa-float{right:14px;bottom:14px;width:52px;height:52px;}}


/* =======================================================================
   TAPPE GASTRONOMICHE - griglia di card (landing Degustando)
   Icona + numero grande in filigrana + nome + piatti.
   ======================================================================= */
.tappe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:18px;}
.tappe-grid .tg{position:relative;background:#fff;border:1px solid #ece5d3;border-radius:16px;padding:16px 16px 14px;box-shadow:0 2px 10px rgba(91,74,51,.07);overflow:hidden;}
.tappe-grid .tg:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e98a2b;}
.tappe-grid .tg .top{display:flex;align-items:center;margin-bottom:10px;}
.tappe-grid .tg .ic{width:46px;height:46px;border-radius:50%;background:#4e8b3a;display:flex;align-items:center;justify-content:center;flex:none;}
.tappe-grid .tg .ic svg{width:24px;height:24px;}
.tappe-grid .tg .num{margin-left:auto;font-weight:800;font-size:30px;line-height:1;color:#ece2cf;}
.tappe-grid .tg .nm{font-weight:700;font-size:17px;color:#5b4a33;margin:0 0 4px;}
.tappe-grid .tg .fd{font-size:14px;color:#6b6354;line-height:1.45;}
.tappe-grid .tg.arrivo{background:#eef4e6;}
.tappe-grid .tg.arrivo:before{background:#356326;}
.tappe-grid .tg.arrivo .num{color:#bcd3ab;}


/* =======================================================================
   CTA FLOTTANTI LANDING - "Acquista" / "Prevendita + Navetta" sempre visibili
   (la barra compare solo dove c'e' il div .dol-cta-bar, cioe' nella landing)
   ======================================================================= */
.dol-cta-bar{position:fixed;left:0;right:0;bottom:16px;z-index:9990;display:flex;justify-content:center;padding:0 90px 0 16px;pointer-events:none;}
.dol-cta-bar .in{display:flex;gap:10px;pointer-events:auto;max-width:640px;width:100%;justify-content:center;}
.dol-cta-bar a{text-decoration:none;font-weight:700;font-size:15px;padding:13px 22px;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.20);white-space:nowrap;}
.dol-cta-bar a.b1{background:#e98a2b;color:#fff;}
.dol-cta-bar a.b2{background:#fff;color:#356326;border:2px solid #4e8b3a;}
@media (max-width:560px){.dol-cta-bar{left:8px;right:8px;bottom:84px;padding:0;justify-content:center;}.dol-cta-bar .in{max-width:none;width:100%;gap:8px;}.dol-cta-bar a{flex:1 1 0;min-width:0;text-align:center;font-size:13px;line-height:1.2;padding:11px 6px;white-space:normal;}}


/* =======================================================================
   RIGA COPYRIGHT IN FONDO (.footer-menu) - sfondo verde, testo centrato
   (utile dopo aver spento il modulo footermenu di sinistra)
   ======================================================================= */
.footer-menu{background:#2b5020 !important;color:#cfe0c4 !important;text-align:center;}
.footer-menu a{color:#E0A11E !important;text-decoration:none;}
.footer-menu a:hover{text-decoration:underline;}
.footer-menu .row{justify-content:center !important;}
.footer-menu [class*="col-"]{flex:0 0 100% !important;max-width:100% !important;text-align:center !important;}


/* =======================================================================
   EVENTS BOOKING - liste eventi (home / eventi in programma)
   ======================================================================= */
/* Badge categoria sulle card: da verde elettrico a verde scuro */
.eb-event-main-category{background-color:#356326 !important;}
/* "Iscrizioni concluse" e avvisi: da blu (text-info) a verde scuro */
.eb-notice-message{color:#356326 !important;font-weight:700;}
/* Titolo evento: piu' aria tra le righe su titoli lunghi (no sovrapposizione) */
.eb-event-title{line-height:1.3 !important;display:block;}
.eb-event-title-container{height:auto !important;margin-bottom:4px;}
@media (max-width:767px){.eb-event-title{font-size:18px !important;}}

/* =======================================================================
   EVENTS BOOKING - form di registrazione e riepilogo pagamento
   ======================================================================= */
/* Titoli sezione del form (es. "Informazioni pagamento") */
.eb-heading{color:#356326 !important;border-left:4px solid #e98a2b;padding-left:10px;}
/* Nasconde le righe ridondanti del riepilogo: commissione (0) e totale lordo */
#eb-payment-processing-fee-container,#eb-gross-amount-container{display:none !important;}
/* "Totale da pagare": riquadro pulito con importo in evidenza */
#eb-amount-container{align-items:center;background:#fbf7ec;border:1px solid #ece5d3;border-radius:10px;padding:10px 12px;margin-top:10px;}
#eb-amount-container .form-control-label{font-weight:700;color:#5b4a33;}
#eb-amount-container .input-group-text{background:#fff;border-color:#e7ddc8;color:#356326;font-weight:700;font-size:18px;height:46px;display:flex;align-items:center;}
#eb-amount-container input{background:#fff !important;border-color:#e7ddc8 !important;font-weight:700;color:#356326;font-size:18px;height:46px;}
/* Metodi di pagamento: pallino di scelta non piu' sovrapposto al testo */
#payment_method_container label.d-block{position:relative;padding-left:26px;margin-bottom:6px;}
#payment_method_container label.d-block .form-check-input{position:absolute;left:0;top:3px;margin:0;}

/* =======================================================================
   PAGINA PROFILO UTENTE (area riservata): nasconde "Impostazioni di base"
   (Editor, Fuso orario, Lingua lato pubblico)
   ======================================================================= */
fieldset:has(#jform_params_editor){display:none !important;}
.control-group:has(#jform_params_editor),
.control-group:has(#jform_params_timezone),
.control-group:has(#jform_params_language){display:none !important;}


/* =======================================================================
   BARRA COOKIE (Cookie Consent) - palette Pro Loco + pulsante "Accetto"
   ======================================================================= */
.cc-window.cc-banner{background:#356326 !important;color:#fff !important;}
.cc-window .cc-message{color:#fff !important;}
.cc-window .cc-link{color:#E0A11E !important;opacity:1 !important;}
.cc-window .cc-btn.cc-dismiss{background:#e98a2b !important;color:#fff !important;border:none !important;border-radius:6px !important;font-weight:700 !important;font-size:0 !important;padding:8px 18px !important;}
.cc-window .cc-btn.cc-dismiss:hover{background:#d2761c !important;}
.cc-window .cc-btn.cc-dismiss::after{content:"Accetto";font-size:14px;}


/* =======================================================================
   TESTI BLU INLINE RESIDUI (#00548d) -> verde scuro
   (es. titolo "EVENTI IN PROGRAMMA:" che ha il colore scritto inline)
   ======================================================================= */
[style*="#00548d"],[style*="#00548D"]{color:#356326 !important;}

/* =======================================================================
   MENU A TENDINA (Account, Eventi): hover/attivo ARANCIO invece del blu
   ======================================================================= */
.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active,.dropdown-item:active{background-color:#e98a2b !important;color:#fff !important;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .dropdown-toggle:hover{color:#e98a2b !important;}


/* =======================================================================
   FOOTER (modulo prefooter) - layout a 3 colonne via CLASSI
   (regge anche se l'editor del modulo toglie gli stili inline)
   ======================================================================= */
.dol-footer{display:flex;flex-wrap:wrap;gap:26px;justify-content:space-between;align-items:flex-start;}
.dol-footer .col{flex:1 1 200px;}
.dol-footer .col-logo{flex:1 1 240px;}
.dol-footer .logo-box{display:inline-block;background:#fff;padding:10px 14px;border-radius:12px;margin-bottom:14px;}
.dol-footer .logo-box img{max-width:150px;height:auto;display:block;}
.dol-footer h4{color:#E0A11E;margin:0 0 8px;font-size:15px;font-weight:700;}
.dol-footer a{color:#fff;text-decoration:none;}
.dol-footer .links a{display:block;line-height:2;}
.dol-footer .addr{opacity:.9;font-size:14px;}
.dol-footer .links a:hover,.dol-footer a:hover{color:#e98a2b !important;}