body {
    font-size: 16px;
    }



.vpf-topbar {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	width: 100%;
   /* display: none; */
}


#mod-custom941, #mod-custom940 {
  display: none;
}



 .logo_sticky{
display: block!important;

height:60px;
width:140px;
}

.menuitem{font-size:large}


.short_description{
font-size: 20px !important;
        line-height: 20px !important;
         
        
}
.container {
	width: 95%;
}
#breadcrumbs .inner-container {
	padding: 5px 0 !important;
	text-align: center;
}

#breadcrumbs .breadcrumb {
    background: transparent;
}


.breadcrumbs-cont .breadcrumb {
	font-size: 14px;
}
.breadcrumb-navigations {
	display: none !important;
}
.flex-container {
	display: flex;
	padding-right: 30px;
}
.flex-child {
	flex: 1;
}
.flex-child:first-child {
	margin-right: 20px;
}
.google_rev {
	margin-top: 10px;
}
#vpf-header .inner-container {
	padding: 5px 0 5px;
}
.brand {
	display: inline-block;
	margin: 5px 0 0;
}



.collapse.navbar-collapse.vpf-mega-menu-container ul li a {
   padding: 3px 12px!important;
}



.menu-title{

font-size: 15px;

}

@media (min-width: 768px) {

 .vpf-topbar {
    display: block;
  }
	
	
.product-item {
	height: 450px;
}
.pagination>li>a, .pagination>li>span {
	padding: 6px 20px !important;
	font-weight: bold;
	font-size: large;
}
.notranslate {
	border: 0 !important;
	-webkit-box-shadow: none! important;
	
	padding-bottom: 3px !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
}
.topbar-switch-selected {
	padding-top: 20px !important;
}
.toptop {
	padding-top: 20px !important;
}

.custom_empty {
    padding-bottom: 80px; 
}

}



@media (min-width: 992px) {

.logo_sticky{
 display: none; 
}

	
#mod-custom941, #mod-custom940 {
  display: block;
}	
	
}







@media (max-width: 768px) {


.pagination>li>a, .pagination>li>span {
	padding: 6px 20px !important;
	font-weight: bold;
	font-size: xx-large;
}
.notranslate {
	border: 0 !important;
	-webkit-box-shadow: none! important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 40px !important;
/*	height: 20px !important;  */
}

.notranslate {
	height: auto!important;
	}	



.topbar-switch .topbar-switch-inner {
	display: block;
	padding: 2px 2px 2px;
	position: relative;
	z-index: 102;
	margin-top: -8px;
	/* margin-bottom: -9px;
*/
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
	max-height: 37px;
	webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
	
}



.mm-menu {
	background: #fff;
	color: #000;
	padding-top: 20px;
}
.mm-menu li.active > a {
	color: #6abd47;
}
.mm-menu .mm-header {
	border-color: rgba(0,0,0,.15);
	color: #111;
}
.mm-menu em.mm-counter {
	color: #000;
}
.btn.btn-offcanvas-close {
	color: #000;
	font-size: 40px;
}
.mm-header .mm-prev .mm-next {
	padding-left: 20px;
	padding-right: 10px;
	left: 0;
	color: #000;
}
.mod-header {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 40px;
	text-align: center;
}
.btn-primary {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.btn-primary:hover {
	background-color: #ccc;
	border-color: #000;
}
.ftC a {
	color: #000 !important;
}
.mm-subopen {
}


/***consigliato dal ticket di support dei sviluppatori template      */
.mega-menu-expand:before {
	top: -10px;
}
/******/
.tab-content {
	padding: 0px !important;
}
label {
	margin-bottom: 0px !important;
}
.utility-horizontal {
	padding: 10px;
}
.descrizione_title {
	font-weight: bold;
	font-size: 125%;
	text-transform: uppercase;
}
.product-title-cont {
	padding-right: 0px !important;
    padding-top: 20px;
}
.mini-cart-total {
	display: none;
}
#block-reassurance {
	float: none !important;
	width: 100% !important;
}
#block-reassurance li {
	padding-bottom: 18px !important;
}
.row.row-condensed .col-xs-1, .row.row-condensed .col-sm-1, .row.row-condensed .col-md-1, .row.row-condensed .col-lg-1, .row.row-condensed .col-xs-2, .row.row-condensed .col-sm-2, .row.row-condensed .col-md-2, .row.row-condensed .col-lg-2, .row.row-condensed .col-xs-3, .row.row-condensed .col-sm-3, .row.row-condensed .col-md-3, .row.row-condensed .col-lg-3, .row.row-condensed .col-xs-4, .row.row-condensed .col-sm-4, .row.row-condensed .col-md-4, .row.row-condensed .col-lg-4, .row.row-condensed .col-xs-5, .row.row-condensed .col-sm-5, .row.row-condensed .col-md-5, .row.row-condensed .col-lg-5, .row.row-condensed .col-xs-6, .row.row-condensed .col-sm-6, .row.row-condensed .col-md-6, .row.row-condensed .col-lg-6, .row.row-condensed .col-xs-7, .row.row-condensed .col-sm-7, .row.row-condensed .col-md-7, .row.row-condensed .col-lg-7, .row.row-condensed .col-xs-8, .row.row-condensed .col-sm-8, .row.row-condensed .col-md-8, .row.row-condensed .col-lg-8, .row.row-condensed .col-xs-9, .row.row-condensed .col-sm-9, .row.row-condensed .col-md-9, .row.row-condensed .col-lg-9, .row.row-condensed .col-xs-10, .row.row-condensed .col-sm-10, .row.row-condensed .col-md-10, .row.row-condensed .col-lg-10, .row.row-condensed .col-xs-11, .row.row-condensed .col-sm-11, .row.row-condensed .col-md-11, .row.row-condensed .col-lg-11, .row.row-condensed .col-xs-12, .row.row-condensed .col-sm-12, .row.row-condensed .col-md-12, .row.row-condensed .col-lg-12 {
	padding-left: 3px;
	padding-right: 3px;
}








@media (max-width:768px) {
.destra_d {
	text-align: center;
}
.btn-wide {
	padding: 12px 30px;
}

.product-field select{

width:300px;

}


	

.btn{white-space: normal;  }


.butvisit {
   
    font-size: 18px;
    
    
    }



.top-left{
display:none;
}

.item-2302{

top:-7px;
}


}





@media (min-width:768px) {
.destra_d {
	text-align: left;
	padding-left: 200px;
}
.btn-wide {
	padding: 12px 100px;
}

  
.product-listing .product-inner{

height:420px;

}  
 


.butvisit {
   
    font-size: 24px;
    
    
    } 
  
                  
}








.align-right-sm {
	text-align: center;
}
.cart-submission-buttons-cont .btn {
	border-color: white;
	font-size: 18px;
	padding-left: 65px;
	padding-right: 65px;
	font-style: italic;
}



.scritta_logo{
font-weight: bold;
    font-size: 30px;
         position: absolute;
    top: 30px;
    padding-left: 30px;
}


.scritta_logo_2{
     
    font-size: 16px;
    padding-left: 30px;
    font-style: italic;
    font-weight: 400;


}
  
  
  
.logoOMGScroll {
    position: fixed;
    
    height: 100px;
    
    z-index: 1;
    transition: all .5s;
}



.header-top{
     /** box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; **/
      box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}                      
                    
.cart-sub-total{

background-color: #f9f9f9 !important;

}

.shipping-row{
background-color:#fff !important;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #ccc;
    border-color: #0000;
}


.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus, .vpf-topbar .nav>li>a:hover, .vpf-topbar .nav>li>a:focus, .vpf-topbar .nav>li>a:active, .vpf-topbar .nav>li>span, .vpf-topbar .nav>li>span:hover, .vpf-topbar .nav>li>span:focus {
    color: #000;
}

.some-area .nav>li{

  display: block;

}

.btn-switch.active{

  background-color: #ccc;
}

.product-search .input-group {
border: 1px solid #000;   

}

#mod_virtuemart_search{
padding-left: 10px;
}

.last-group{
 padding-right:20px !important;
 }
 
 .bootstrap-dialog.type-info .modal-header {
    background-color: #ccc;
}

.col-sku{display:none !important}




.switcher-popup img{

display:none  !important;
}



.hide {
    opacity:0;
    left:-100%;
}
.show {
    opacity:1;
    left:0;
}



.logoline1 {
    
    font-weight: bold;
    font-size: 22px;
    padding-top:10px;
    
}
.logoline2 {

    font-weight: bold;
    font-size: 18px;
}
.logoline3{
   
    font-size: 13px;
}


p.logoline2 {           

padding: 0px !important;
margin: 0px !important;

}
p.logoline3 {           
margin: 0px !important;
padding: 0px !important;

}

.logo_ce{


padding-left: 10px;

}


.infovarie{

padding-top:10px;
}


.time_delivery_maci    {

padding-top:10px;
}



.cat123{
padding-top: 15px;
}

.catcat{

padding-top:30px;
padding-bottom:20px;
}

   .clienti_h2{text-align:center; color:#000000;          }
   
   
   .t_align{text-align:center}
   
   .youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}


.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


.icone_footer{
font-size:30px;
  color:#a3a3a3;
}

.carte{
   color:#a3a3a3;
font-size:24px
}

.icone_social{
color:#a3a3a3;
font-size:27px;
 padding-left:3px;
 padding-right:3px;
}


.icone_footer:hover{

  color:#000;
}

.carte:hover{

  color:#000;
}

.icone_social:hover{

  color:#000;
}



#my-img-google:hover {
    content: url('https://www.originalmuranoglass.live/images/banners/trusted/review_google_omg_original_murano_glass_colore.jpg');
}

#my-img-trusted:hover {
    content: url('https://www.originalmuranoglass.live/images/banners/trusted/trustedshop_giallo.png');
}


#my-img-trusted-giu:hover {
    content: url('https://www.originalmuranoglass.live/images/banners/trusted/trustedshop_giallo.png');
}



.div_center
{
margin-left: auto;
  margin-right: auto;
text-align: center;
}



.omg-landing {
    --green:#80BB53;
    --green-dark:#6ca244;
    --text:#333;
    --bg:#fdfdfd;
    --soft:#f3f8ef;
    --border:#ddd;

    color:#000;
    background-color:var(--bg);
    
    line-height:1.6;
  }

  .omg-landing * { box-sizing: border-box; }

  .omg-landing .omg-container {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 40px 20px;
  }

  .omg-landing section {
    margin-bottom: 60px;
  }

  /* headings neri */
  .omg-landing h1,
  .omg-landing h2,
  .omg-landing h3 {
    color: #000;
  }

  .omg-landing section p,
  .omg-landing section ul {
    font-size: 16px;
    color: var(--text);
  }

  .omg-landing ul {
    padding-left: 20px;
  }

  .omg-landing .highlight-section {
    background-color: var(--soft);
    padding: 40px;
    border-radius: 8px;
  }

  .omg-landing .btn-primary {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 12px 28px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 20px;
    border: 2px solid var(--green);
    transition: background-color .2s, color .2s, border-color .2s;
  }

  .omg-landing .btn-primary:hover {
    background-color: var(--green-dark);
  }

  .omg-landing .features {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .omg-landing .feature-box {
    flex: 1 1 calc(33.333% - 20px);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
  }

  .omg-landing .feature-box h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
  }

  .omg-landing .blog-preview h2 {
    margin-bottom: 10px;
    text-align: center;
  }

  .omg-landing .blog-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .omg-landing .blog-card {
    flex: 1 1 calc(33.333% - 20px);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    min-width: 260px;
  }

  .omg-landing .blog-card img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 12px;
    display: block;
  }

  .omg-landing .blog-card h3 {
    margin: 8px 0 8px 0;
    font-size: 18px;
  }

  .omg-landing .blog-card p {
    margin: 0 0 16px 0;
    flex: 1;
  }

  .omg-landing .blog-preview .btn-primary {
    background: #fff;
    color: var(--green);
    border: 2px solid var(--green);
  }

  .omg-landing .blog-preview .btn-primary:hover {
    background: var(--soft);
    color: var(--green-dark);
    border-color: var(--green-dark);
  }

  @media (max-width: 992px) {
    .omg-landing .feature-box { flex: 1 1 calc(50% - 20px); }
    .omg-landing .blog-card { flex: 1 1 calc(50% - 20px); }
  }

  @media (max-width: 768px) {
    .omg-landing .features { flex-direction: column; }
    .omg-landing .feature-box { flex: 1 1 100%; }
  }

  @media (max-width: 600px) {
    .omg-landing .blog-card { flex: 1 1 100%; }
  }


/****fine double b***/

/* --- OMG REGISTRY BANNER CSS --- */

.omg-registry-banner {
    background-color: #fcfbf9;
    padding: 70px 20px; 
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    
}

.omg-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
}

.omg-banner-content {
    flex: 1.2;
    text-align: left;
}

.omg-subtitle {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #999;
    letter-spacing: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* Titolo leggermente ridimensionato per maggiore eleganza */
.omg-banner-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem; /* Raffinato ma d'impatto */
    color: #222;
    margin-bottom: 25px;
    line-height: 1.2;
    font-weight: 700;
}

.omg-banner-content p {
    font-size: 1.05rem;
    color: #444;
    line-height: 1.8;
    margin-bottom: 35px;
}

/* Tasto con il Gradiente "Vetro Oro" (Invariato) */
.omg-btn-gold {
    display: inline-block;
    padding: 18px 45px;
    background: linear-gradient(135deg, #d4af37 0%, #f7e08a 50%, #b8952d 100%);
    background-size: 200% auto;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700;
    letter-spacing: 1.5px;
    border-radius: 0; 
    transition: all 0.4s ease;
    box-shadow: 0 10px 20px rgba(184, 149, 45, 0.2);
    text-transform: uppercase;
    border: none;
}

.omg-btn-gold:hover {
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(184, 149, 45, 0.4);
    color: #fff;
}

.omg-banner-image {
    flex: 0.8;
    text-align: center;
}

.omg-banner-image img {
    max-width: 100%;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

/* --- RESPONSIVE --- */

@media (max-width: 1199px) {
    .omg-banner-content h2 { font-size: 2.4rem; }
}

@media (max-width: 767px) {
    .omg-registry-banner { padding: 50px 20px; }
    .omg-banner-container { flex-direction: column; text-align: center; }
    .omg-banner-content { text-align: center; }
    .omg-banner-content h2 { font-size: 2rem; }
    .omg-btn-gold { width: 100%; }
}


/*************maci per stare dietro a gemini************/


.productdetails-view .product-price-stock-sku-cont{

padding-top: 0px !important;
padding-bottom: 0px !important;
}


.productdetails-view .product-short-desc-cont
{

padding-bottom: 0px !important;
}

.vertical-module {
    margin-bottom: 0px !important;
}



/* Su cellulare riduciamo il padding per evitare che diventi una colonna strettissima */
@media (max-width: 768px) {
 .vpf-topbar .inner-container {

padding:0px 0 !important;
}
}



.cart-submission-buttons-cont{

margin-bottom:70px;

}


.item-2302 {
    
    font-size: 15px;
    padding-right: 10px;
    top: -2px;
}



/*sistemazione stile con gemini*/



/* ==========================================================================
   RESTYLING "ART GALLERY & QUIET LUXURY" - ORIGINAL MURANO GLASS
   ========================================================================== */

/* 1. IMPORTAZIONE FONT (Moderno, Classico e Lusso) 
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&family=Cormorant+Garamond:wght@300;400&display=swap');
*/
/* 2. VARIABILI DELLA PALETTE */
:root {
    --bg-bianco: #FFFFFF;
    --testo-nero: #1a1a1a;
    --testo-grigio: #666666;
    
    /* Colori Quiet Luxury (Oro tenue/Sabbia) */
    --oro-tenue: #F2EFE9; 
    --oro-tenue-hover: #E6DFD3; 
    --oro-bordo: #D4CBBB; 
    --oro-bordo-hover: #BDB2A0;
    
    /* Gradiente per vecchi dettagli (es. barra rossa) */
    --oro-gradiente: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);
    
    --rosso-veneziano: #8B0000; 
}

/* 3. SFONDO GLOBALE E TIPOGRAFIA BASE */
body, .vpf-wrapper, #mainbody, #main, .category-view, .vpf-topbar, .header-top {
    background-color: var(--bg-bianco) !important;
    color: var(--testo-nero) !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 4. TITOLI E INTESTAZIONI (Cinzel) */
h1, h2, h3, h4, h5, 
.mod-header-title, 
.clienti_h2 {
    font-family: 'Cinzel', serif !important;
    color: var(--testo-nero) !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important; 
    font-weight: 500 !important;
}

.mod-header {
    border-bottom: none !important; 
    padding-bottom: 15px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
    position: relative !important;
}
.mod-header::after {
    content: '' !important;
    display: block !important;
    width: 150px !important;
    height: 2px !important;
    background: var(--oro-bordo-hover) !important;
    margin: 15px auto 0 !important;
}
.mod-header-title {
    background: transparent !important;
    font-size: 30px !important;
}

/* 5. BARRE SUPERIORI E CARRELLO */



/* ==========================================================================
   BARRA SPEDIZIONE (Stretta, Tenue e Testo Leggero)
   ========================================================================== */

.shipping-bar-omg {
    background: var(--oro-tenue) !important; 
    background: radial-gradient(circle, rgba(215, 185, 95, 0.25) 0%, var(--oro-tenue) 90%) !important; 
    color: #1a1a1a !important;
    height: auto !important;
    padding: 7px 0 !important; 
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important; 
    font-weight: 500 !important; /* Abbassato da 600 a 500 per renderlo meno "forte" */
    letter-spacing: 2.5px !important;
    text-transform: uppercase;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03); 
    border-bottom: 1px solid var(--oro-bordo);
    position: relative;
    z-index: 9999; 
}

.shipping-bar-omg i {
    margin-right: 10px;
    color: #a88c3e; 
}

/* CARRELLO: Tolto il verde, reso Nero Antracite Elegante */
.vp-minicart, .fa-smart-cart-o, .mini-cart-total { color: var(--testo-nero) !important; }
.btn-jewel-group .jewel { background-color: var(--testo-nero) !important; color: var(--oro-tenue) !important; border: none !important; }

/* 6. GRIGLIA PRODOTTI E PREZZI */


/* --- Sostituisci questo blocco dentro la sezione 6 --- */

/* Testo descrittivo MOLTO leggero ed etereo */
.grigiettotesto2 {
    font-family: 'Montserrat', sans-serif !important;
    color: #808080 !important; /* Grigio molto chiaro e tenue */
    font-size: 18px !important; /* Aumentato da 14px per un'ottima leggibilit� */
    font-weight: 300 !important; /* Spessore minimo (Light) */
    line-height: 1.8 !important; /* Interlinea bilanciata per il nuovo font-size */
    letter-spacing: 0.5px !important; /* Spazio tra le lettere per eleganza */
}

/* --- FIX MOBILE: Evita che il testo tocchi i bordi dello schermo --- */
@media (max-width: 768px) {
    .grigiettotesto2 {
        padding-left: 20px !important; /* Crea spazio a sinistra */
        padding-right: 20px !important; /* Crea spazio a destra */
        /* Opzionale: riduce leggermente la dimensione su mobile per farlo respirare meglio */
        font-size: 16px !important; 
    }
}

.product-item, .category-item-inner {
    background-color: var(--bg-bianco) !important;
    
    box-shadow: none !important;
    transition: all 0.5s ease !important;
}
.product-item:hover, .category-item-inner:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important;
    border-color: var(--oro-bordo-hover) !important;
}
.product-image-cont, .category-image-cont {
    background-color: var(--bg-bianco) !important;
    padding: 5px !important;
}
.product-name a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: var(--testo-grigio) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 500 !important;
}

/* Prezzo GLOBALE (Usato nella Pagina Prodotto - Grande e leggero) */
.PricesalesPrice {
    font-family: 'Montserrat', serif !important;
    color: var(--testo-nero) !important;
    font-size: 28px !important; /* Pi� grande nella scheda prodotto */
    font-weight: 400 !important; /* Molto pi� leggero */
}

/* Prezzo SOLO NELLE LISTE E CAROSELLI (Discreto e da galleria - Piccolo) */
.product-item .PricesalesPrice,
.category-item-inner .PricesalesPrice,
.vp-product-carousel .PricesalesPrice,
.related-item-price-cont .PricesalesPrice {
    font-size: 16px !important; 
    font-weight: 500 !important; /* Leggero nelle liste */
}
.catcat { border: none !important; position: relative !important; }
img[alt="divider"] { display: none !important; }



/* Gestione specifica per il titolo delle recensioni */
.clienti_h2 {
    font-size: 30px !important; /* Ridotto per un aspetto pi� delicato */
    font-weight: 400 !important; /* Spessore al minimo (Regular) */
    text-align: center !important; /* Centratura forzata */
    padding-left: 15% !important; /* Spinge il testo verso il centro */
    padding-right: 15% !important; /* Spinge il testo verso il centro */
    margin: 15px auto 30px auto !important;
    line-height: 1.5 !important; /* Interlinea per dare respiro */
    letter-spacing: 2px !important;
}

/* Su cellulare riduciamo il padding per evitare che diventi una colonna strettissima */
@media (max-width: 768px) {
    .clienti_h2 {
     font-size: 24px !important; /* Ridotto per un aspetto pi� delicato */
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 20px !important;
    }
}

/* ==========================================================================
   7. GESTIONE BOTTONI (Universal & Tour & Acquisto)
   ========================================================================== */



/* A. BOTTONI SECONDARI/GENERICI (Ovali, semitrasparenti - Effetto Vetro) */
.buttonz, 
.btn-base, 
.btn-gold, 
button.button, 
.omg-btn-gold {
    /* Usiamo il colore Sabbia (242, 239, 233) ma con opacit� al 75% per far trasparire lo sfondo */
    background-color: rgba(242, 239, 233, 0.75) !important; 
    /* Sfoca delicatamente lo sfondo che passa attraverso il bottone */
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    
    color: var(--testo-nero) !important; 
    border: 1px solid rgba(212, 203, 187, 0.8) !important; /* Anche il bordo � leggermente trasparente */
    padding: 15px 35px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; 
    border-radius: 50px !important; /* Trasforma il rettangolo in un ovale (pillola) */
    transition: all 0.4s ease !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    box-shadow: none !important;
}

.buttonz:hover, 
.btn-base:hover, 
.btn-gold:hover, 
button.button:hover, 
.omg-btn-gold:hover {
    /* Al passaggio del mouse diventa meno trasparente per evidenziare l'azione */
    background-color: rgba(230, 223, 211, 0.95) !important; 
    color: #000000 !important;
    border-color: var(--oro-bordo-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* B. BOTTONE TOUR (Tondo, in tema, ma PI� EVIDENTE) */
.butvisit {
    background-color: var(--oro-tenue) !important; 
    color: var(--testo-nero) !important;
    border: 2px solid var(--oro-bordo-hover) !important; /* Bordo raddoppiato e leggermente pi� scuro per spiccare */
    padding: 15px 45px !important; /* Bilanciato col nuovo bordo */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important; /* Ingrandito leggermente */
    font-weight: 600 !important; /* Reso pi� marcato */
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    border-radius: 50px !important; 
    transition: all 0.4s ease !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important; /* Aggiunta ombra di base per farlo "galleggiare" e notare subito */
}

.butvisit:hover {
    background-color: var(--oro-tenue-hover) !important; 
    color: var(--testo-nero) !important;            
    border-color: #a88c3e !important; /* Il bordo si accende di un oro pi� deciso */
    transform: translateY(-3px); /* Si solleva di pi� */
    letter-spacing: 3.5px !important; 
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; /* L'ombra si espande al passaggio del mouse */
}

/* C. BOTTONI AZIONE PRINCIPALE E-COMMERCE (Add to Cart, Checkout) */
.addtocart-button,
.checkout-button,
#checkoutFormSubmit,
.vm-button-correct,
.btn-primary,
.btn-checkout {
    background-color: var(--testo-nero) !important; /* Nero antracite per spiccare fortemente */
    color: var(--bg-bianco) !important; /* Testo bianco */
    border: 1px solid var(--testo-nero) !important;
    padding: 16px 40px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important; 
    border-radius: 0 !important;
    transition: all 0.4s ease !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important; /* Ombra per renderlo tridimensionale */
}
.addtocart-button:hover,
.checkout-button:hover,
#checkoutFormSubmit:hover,
.vm-button-correct:hover,
.btn-primary:hover,
.btn-checkout:hover {
    background-color: var(--oro-tenue) !important; /* Passa al colore sabbia chiaro al passaggio del mouse */
    color: var(--testo-nero) !important;           
    border-color: var(--oro-bordo-hover) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}


/* ==========================================================================
   8. SEZIONE TOUR "EXPERIENCE" (Moduli 1019, 794, 905 e 1020)
   ========================================================================== */

/* Il contenitore principale del banner */
[data-mod-id="1019"], 
[data-mod-id="794"], 
[data-mod-id="905"],
[data-mod-id="1020"] {
    background-color: #f9f9f7 !important; 
    padding-top: 50px !important;
    margin: 50px 0 !important;
    border-bottom: 1px dashed var(--oro-bordo) !important;
}

/* Titolo descrittivo */
[data-mod-id="1019"] h3.grigiettotesto,
[data-mod-id="794"] h3.grigiettotesto, 
[data-mod-id="905"] h3.grigiettotesto,
[data-mod-id="1020"] h3.grigiettotesto {
    font-family: 'Montserrat', sans-serif !important; /* Corretto da serif a sans-serif */
    color: var(--testo-nero) !important; /* Passato al nero principale per massimo contrasto */
    font-size: 30px !important;
    font-weight: 500 !important; /* Aumentato leggermente da 400 a 500 per renderlo pi� incisivo */
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
    margin-top: 40px !important;
}

/* Link "Prenota la tua visita" */
[data-mod-id="1019"] h3.grigiettotesto a,
[data-mod-id="794"] h3.grigiettotesto a, 
[data-mod-id="905"] h3.grigiettotesto a,
[data-mod-id="1020"] h3.grigiettotesto a {
    color: var(--testo-nero) !important; /* Passato al nero per massima leggibilit� */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important; /* Pi� marcato per spiccare come bottone testuale */
    display: inline-block !important;
    margin-top: 15px !important;
    border-bottom: 1px solid var(--testo-nero) !important; /* Sottolineatura netta */
    padding-bottom: 5px !important;
    transition: 0.3s !important;
}

/* Effetto Hover: diventa di un elegante oro scuro al passaggio del mouse */
[data-mod-id="1019"] h3.grigiettotesto a:hover,
[data-mod-id="794"] h3.grigiettotesto a:hover,
[data-mod-id="905"] h3.grigiettotesto a:hover,
[data-mod-id="1020"] h3.grigiettotesto a:hover {
    color: #8c6d12 !important; /* Oro scuro leggibile e raffinato */
    border-bottom-color: #8c6d12 !important;
}

/* Immagine del negozio/fornace */
[data-mod-id="1019"] img[src*="showroom"],
[data-mod-id="794"] img[src*="showroom"], 
[data-mod-id="905"] img[src*="showroom"],
[data-mod-id="1020"] img[src*="showroom"] {
    max-width: 90% !important;
    height: auto !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.05) !important;
    margin: 40px auto !important;
    border: none !important;
}

/* Nasconde l'immagine del vecchio divisore */
[data-mod-id="1019"] img[alt="divider"],
[data-mod-id="794"] img[alt="divider"], 
[data-mod-id="905"] img[alt="divider"],
[data-mod-id="1020"] img[alt="divider"] {
    display: none !important;
}

/* Google Reviews nella sezione tour */
#my-img { filter: grayscale(1); opacity: 0.6; transition: 0.3s; margin-top: 20px; }
#my-img:hover { filter: grayscale(0); opacity: 1; }


/* --- OTTIMIZZAZIONI ESCLUSIVE PER SMARTPHONE E TABLET PICCOLI --- */
@media (max-width: 768px) {
    
    /* Riduce la dimensione del testo del titolo per non invadere lo schermo */
    [data-mod-id="1019"] h3.grigiettotesto,
    [data-mod-id="794"] h3.grigiettotesto, 
    [data-mod-id="905"] h3.grigiettotesto,
    [data-mod-id="1020"] h3.grigiettotesto {
        font-size: 20px !important;
        margin-top: 25px !important;
        padding: 0 15px !important; /* D� respiro ai lati del testo */
    }
    
    /* Riduce leggermente la grandezza del link */
    [data-mod-id="1019"] h3.grigiettotesto a,
    [data-mod-id="794"] h3.grigiettotesto a, 
    [data-mod-id="905"] h3.grigiettotesto a,
    [data-mod-id="1020"] h3.grigiettotesto a {
        font-size: 14px !important;
    }

    /* Rende il box della sezione leggermente pi� compatto sul cellulare */
    [data-mod-id="1019"], 
    [data-mod-id="794"], 
    [data-mod-id="905"],
    [data-mod-id="1020"] {
        padding: 40px 0 !important;
        margin: 30px 0 !important;
    }
}
/* ==========================================================================
   9. OTTIMIZZAZIONE MENU E LOGO (Navigazione Compatta e Anti-Sovrapposizione)
   ========================================================================== */

/* Forza il menu a restare sempre su una singola riga impedendo l'accavallamento */
.navbar-nav.vpf-menu {
    display: flex !important;
    flex-wrap: nowrap !important; /* Impedisce rigorosamente di andare a capo */
    align-items: center !important;
    justify-content: center !important;
}

.navbar-nav.vpf-menu > li > a {
    padding-left: 9px !important; 
    padding-right: 9px !important;
    transition: all 0.3s ease;
}

/* Voci del Menu Principale (Pi� marcate) */
.navbar-nav.vpf-menu .menu-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important; /* Aumentato da 500 a 600 (Semi-Bold) */
    text-transform: uppercase;
    letter-spacing: 0.5px !important; 
    color: var(--testo-nero) !important;
}

.vpf-mega-menu-container {
    white-space: nowrap !important; /* Blocca l'andata a capo solo per il 1� livello */
}

.navbar-nav.vpf-menu > li > a:hover .menu-title {
    color: var(--oro-bordo-hover) !important;
}

/* --- FIX SOTTOMENU E SEPARATORI --- */
.mega-sub-cont {
    top: 100% !important;
    white-space: normal !important; /* Sblocca il testo, impedendo che venga tagliato a destra */
}

.mega-sub-cont .submenu {
    padding: 5px 15px !important; 
}

/* L'indice/separatore visivo tra i sottomenu */
.mega-sub-cont .submenu > a {
    display: block !important;
    border-bottom: 1px solid rgba(212, 203, 187, 0.4) !important; /* Separatore dorato leggerissimo */
    padding-bottom: 8px !important;
    transition: all 0.3s ease !important;
}

.mega-sub-cont .submenu > a:hover {
    border-bottom-color: var(--oro-bordo-hover) !important;
}

/* Regole per il testo all'interno dei sottomenu */
.mega-sub-cont .menu-title {
    white-space: normal !important; /* Il testo lungo ora va su due righe e si legge tutto */
    line-height: 1.4 !important;
    font-weight: 500 !important; /* Resta un po' pi� delicato rispetto al menu principale */
    font-size: 12px !important;
    text-transform: none !important; /* Evitiamo il maiuscolo nei sottomenu per non appesantire */
}

/* Rimuove il separatore dall'ultimo elemento della lista per eleganza */
.mega-sub-cont .submenu:last-child > a {
    border-bottom: none !important;
}
/* ---------------------------------- */

/* Transizione morbida per il logo */
.logo_sticky {
    transition: all 0.3s ease !important;
}

/* 1� Step di riduzione per schermi desktop normali/laptop (da 1400px in gi�) */
@media (max-width: 1400px) {
    .navbar-nav.vpf-menu .menu-title { 
        font-size: 11px !important; 
        letter-spacing: 0px !important; 
    }
    .navbar-nav.vpf-menu > li > a { 
        padding-left: 5px !important; 
        padding-right: 5px !important; 
    }
    /* Rimpiccioliamo il logo del 15/20% */
    .logo_sticky {
        max-width: 115px !important;
        height: auto !important;
    }
}

/* 2� Step di riduzione per schermi pi� piccoli prima di diventare mobile (tablet in orizzontale) */
@media (max-width: 1150px) {
    .navbar-nav.vpf-menu .menu-title { 
        font-size: 10px !important; 
    }
    .navbar-nav.vpf-menu > li > a { 
        padding-left: 3px !important; 
        padding-right: 3px !important; 
    }
    /* Rimpiccioliamo ulteriormente il logo per fare spazio vitale */
    .logo_sticky {
        max-width: 100px !important;
        height: auto !important;
    }
}

/* Ripristina il layout a cascata quando si attiva il menu laterale "ad hamburger" su mobile (sotto i 992px) */
@media (max-width: 991px) {
    .navbar-nav.vpf-menu {
        display: block !important;
    }
    /* Su mobile il logo torna alle proporzioni normali perch� ha una riga tutta per s� */
    .logo_sticky {
        max-width: 140px !important;
    }
}

/* ==========================================================================
   10. SEPARATORI LINEARI LEGGERI (Tra le sezioni)
   ========================================================================== */

.vertical-module + .vertical-module {
    position: relative;
    margin-top: 20px;
}
.vertical-module + .vertical-module::before {
    content: '';
    display: block;
    width: 60%; 
    max-width: 600px;
    height: 1px;
    background-color: var(--oro-bordo);
    margin: 0 auto 50px auto; 
    opacity: 0.5; 
}
.vertical-module:has(.horizontal-module[data-mod-id="1019"])::before {
    display: none !important;
}


/* ==========================================================================
   FIX COPERTURA (Testo piccolissimo forzato su singola riga)
   ========================================================================== */

.copertura { 
    min-height: auto !important; 
    height: auto !important; 
    padding: 15px 10px !important; 
    overflow: hidden !important; /* Evita che il testo allarghi la pagina sui cellulari stretti */
}

.copertura h2 { 
    /* Dimensioni ridotte all'essenziale per stare su una riga (min 11px, max 16px) */
    font-size: clamp(11px, 1.5vw + 4px, 18px) !important; 
    
    /* IL SEGRETO: Vieta assolutamente al testo di andare a capo */
    white-space: nowrap !important; 
    
    /* Se lo schermo � fisicamente troppo stretto, taglia con eleganza (...) */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    letter-spacing: 1px !important; /* Spaziatura ridotta per recuperare spazio in larghezza */
    font-weight: 500 !important; 
    line-height: 1 !important; 
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
} 

/* ==========================================================================
   FIX COPERTURA (Titoli lunghi su Mobile)
   ========================================================================== */

@media (max-width: 768px) {
    /* Permettiamo al contenitore di crescere in altezza se il testo va a capo */
    .copertura { 
        min-height: 100px !important; 
        height: auto !important; 
        padding: 15px 15px !important; /* Diamo spazio sopra e sotto */
    }
    
    /* Rendiamo il font "fluido" e l'interlinea pi� spaziosa */
    .copertura h2 { 
        /* Usa clamp: minimo 18px, ideale 6vw, massimo 28px. Si adatta allo schermo da solo! */
        font-size: clamp(18px, 6vw, 28px) !important; 
        letter-spacing: 2px !important; /* Riduciamo lo spazio tra le lettere per farci stare pi� parole */
        line-height: 3 !important; /* Aumentiamo lo spazio tra la prima e la seconda riga per non farle accavallare */
        word-wrap: break-word !important; /* Evita che parole lunghissime escano dallo schermo */
        width: 100% !important;
        text-align: center !important;
    }
}



/* ==========================================================================
   11. SEZIONE UTILITY / FOOTER (Spaziature Leggere e Testi Ottimizzati)
   ========================================================================== */

/* Aumenta leggermente l'interlinea e crea un piccolo stacco tra i paragrafi */
.utility-horizontal .t_align p {
    line-height: 1.6 !important; 
    margin-bottom: 10px !important; 
}

/* Distanzia l'icona principale (Mail, Mappa, Whatsapp) dal testo sottostante */
.utility-horizontal .icone_footer {
    display: inline-block !important;
    margin-bottom: 12px !important;
}

/* D� un po' d'aria alla sezione delle carte di credito e al blocco "About-us" */
.utility-horizontal .cartedicredito {
    margin-top: 15px !important;
}

/* Distanzia in modo ordinato le icone dei social media */
.utility-horizontal .icone_social {
    display: inline-block !important;
    margin: 10px 8px !important; 
}

/* --- FIX MOBILE: Ingrandimento dei testi per una migliore lettura --- */
@media (max-width: 768px) {
    /* Ingrandiamo leggermente paragrafi e link del footer sul cellulare */
    .utility-horizontal .t_align p,
    .utility-horizontal .t_align,
    .utility-horizontal a {
        font-size: 16px !important; /* Dimensione perfetta per la leggibilit� su mobile */
        line-height: 1.6 !important;
    }
    
    /* Ingrandiamo proporzionalmente anche le icone per bilanciarle al nuovo testo */
    .utility-horizontal .icone_footer i,
    .utility-horizontal .icone_social i {
        font-size: 18px !important;
    }
}



/* ==========================================================================
   FIX FONT LOGOLINE1 (Montserrat) - Anti-accavallamento
   ========================================================================== */

.logoline1,
#myID2.logoline1,
div.logoline1 {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--testo-nero) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    white-space: nowrap !important; /* Forza il testo a rimanere sempre su una sola riga */
}

/* 1� Step di riduzione: Desktop medi e piccoli (sotto i 1400px) */
@media (max-width: 1400px) {
    .logoline1,
    #myID2.logoline1,
    div.logoline1 {
        font-size: 13px !important; /* Rimpicciolisce il testo */
        letter-spacing: 1px !important; /* Stringe lo spazio tra le lettere per recuperare larghezza */
    }
}

/* 2� Step di riduzione: Laptop piccoli e Tablet (sotto i 1150px) */
@media (max-width: 1150px) {
    .logoline1,
    #myID2.logoline1,
    div.logoline1 {
        font-size: 11px !important; /* Si rimpicciolisce ancora un po' prima di passare al mobile */
        letter-spacing: 0.5px !important; 
    }
}




/* ==========================================================================
   POPUP NEWSLETTER (.eb-content)
   ========================================================================== */

.eb-content {
    padding: 20px 20px !important;
    text-align: center !important;
    background-color: var(--bg-bianco) !important; /* Mantiene lo sfondo pulito e lussuoso */
}

/* Titolo principale: proporzionato e fluido */
.eb-content h2, 
.eb-content h2 strong {
    font-family: 'Cinzel', serif !important;
    /* Usa clamp per ridursi in automatico sui cellulari */
    font-size: clamp(20px, 5vw, 26px) !important; 
    color: var(--testo-nero) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
    border: none !important; /* Rimuove eventuali bordi ereditati */
}

/* Sottotitolo: leggero e leggibile */
.eb-content h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: clamp(14px, 4vw, 16px) !important;
    color: var(--testo-grigio) !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    margin-bottom: 30px !important;
    line-height: 1.5 !important;
}

/* Base comune per i bottoni del popup per evitare accavallamenti e testi tagliati */
.eb-content .btn {
    display: inline-block !important;
    width: auto !important; /* La larghezza si adatta al testo */
    max-width: 100% !important; /* Evita che escano dallo schermo */
    white-space: normal !important; /* Se lo schermo � minuscolo, il testo del bottone va a capo elegantemente */
    margin: 5px !important; /* Distanza tra i due bottoni */
    padding: 12px 25px !important; /* Proporzioni eleganti */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important; 
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border-radius: 0 !important; /* Angoli netti coordinati col sito */
    text-align: center !important;
    transition: all 0.4s ease !important;
    box-shadow: none !important;
}

/* Bottone Primario ("Mi interessa") - Stile Convertion */
.eb-content .btn-primary {
    background-color: var(--testo-nero) !important;
    color: var(--bg-bianco) !important;
    border: 1px solid var(--testo-nero) !important;
}
.eb-content .btn-primary:hover {
    background-color: var(--oro-tenue) !important;
    color: var(--testo-nero) !important;
    border-color: var(--oro-bordo-hover) !important;
    transform: translateY(-2px);
}

/* Bottone Secondario ("No") - Discreto e minimal */
.eb-content .btn-secondary {
    background-color: transparent !important;
    color: #999999 !important; /* Grigio chiaro per abbassare l'importanza visiva */
    border: 1px solid #dddddd !important; 
}
.eb-content .btn-secondary:hover {
    background-color: #f9f9f9 !important;
    color: var(--testo-nero) !important;
    border-color: #cccccc !important;
}


/* ==========================================================================
   FIX FONT OMGTITOLO & TAGLINE (Logo Testuale Mobile Definitivo)
   ========================================================================== */

/* 1. Il contenitore principale: assicuriamoci che sia visibile e centrato */
.titolo_omg.solo_mobile {
    text-align: center !important;
    margin: 10px auto !important;
    display: block !important;
    width: 100% !important;
}

/* 2. Il Titolo Principale "ORIGINAL MURANO GLASS" */
.titolo_omg .omgtitolo {
    font-family: 'Montserrat', sans-serif !important; /* Font corretto blindato */
    color: var(--testo-nero) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    font-size: clamp(18px, 5.5vw, 22px) !important; /* Fluido per mobile */
    line-height: 1.2 !important;
    margin: 0 auto !important; 
    padding: 0 !important;
}

/* 3. La Tagline "handmade in Venice Italy, since 1291" */
.titolo_omg .omgtagline {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--testo-grigio) !important; /* Grigio elegante per non rubare la scena al logo */
    font-size: clamp(10px, 3vw, 12px) !important; /* Pi� piccolino */
    font-weight: 400 !important; /* Sottile */
    letter-spacing: 1px !important;
    margin-top: 3px !important;
    font-style: italic !important; /* Corsivo per dare quel tocco artigianale e storico */
}

/* 4. Nascondiamo il blocco su Desktop (poich� ha la classe "solo_mobile") */
@media (min-width: 992px) {
    .titolo_omg.solo_mobile {
        display: none !important;
}
}

.short_description{

     font-family: 'Montserrat', sans-serif !important; /* Corretto da serif a sans-serif */
    color: var(--testo-nero) !important; /* Passato al nero principale per massimo contrasto */
    font-size: 18px !important;
    font-weight: 500 !important; /* Aumentato leggermente da 400 a 500 per renderlo pi� incisivo */
    letter-spacing: 0.3px !important;
    line-height: 1.0 !important;
 
}

/* ==========================================================================
   OTTIMIZZAZIONE FLUIDA TITOLI E TESTI (Riduzione per Mobile)
   ========================================================================== */

/* 1. Regolazione base per i testi t_align su desktop (pi� eleganti e compatti) */
.t_align,
.t_align p {
    font-size: 18px !important; 
    line-height: 1.6 !important;
}

/* 2. Riduzioni specifiche e forzate per Smartphone e Tablet (sotto i 768px) */
@media (max-width: 768px) {
  
    /* Titoli principali (h1, h2 e titoli dei moduli) */
    h1, 
    h2, 
    .mod-header-title {
        /* Usa clamp: parte da un minimo di 20px e cresce proporzionalmente senza superare i 24px */
        font-size: clamp(20px, 5.5vw, 24px) !important; 
        letter-spacing: 1.5px !important; /* Ridotto da 3px a 1.5px per evitare che le parole si spezzino male */
        line-height: 1.3 !important;
    }

    /* Titoli secondari (h3, h4, h5) */
    h3, 
    h4, 
    h5 {
        font-size: clamp(16px, 4vw, 18px) !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
    }

    /* Testi descrittivi e footer (.t_align) */
    .t_align,
    .t_align p,
    .utility-horizontal .t_align p {
        font-size: 17px !important; /* Pi� piccoli, puliti e facili da leggere in colonna stretta */
        line-height: 1.5 !important;
        margin-bottom: 8px !important;
    }
}/* CSS Document */



/* ==========================================================================
   POPUP MENU (Lingue e Valute) - SOLO MOBILE
   ========================================================================== */

@media (max-width: 768px) {
    /* Il contenitore principale: crea le colonne affiancate su smartphone */
    .popup-toolbar-container {
        display: flex;
        flex-direction: row; /* Dispone i div orizzontalmente (colonne) */
        justify-content: space-around; /* Distribuisce lo spazio equamente tra i moduli */
        align-items: flex-start; /* Allinea in alto per far scendere le tendine */
        flex-wrap: wrap; /* Se lo schermo � microscopico, permette di andare a capo con grazia */
        gap: 15px; /* Spazio ridotto per adattarsi al mobile */
        min-height: 350px; /* Garantisce lo spazio vuoto in basso per l'apertura dei menu */
        padding: 20px 5px;
        overflow: visible !important; /* FONDAMENTALE: permette alle tendine di uscire dal div */
    }

    /* Le singole colonne */
    .elemento-in-cima {
        position: relative; 
        z-index: 9999; /* Mantiene le tendine in primissimo piano sopra ogni altra cosa */
    }
}


/* ==========================================================================
   ICONA STRUMENTI MOBILE (Rotellina Impostazioni)
   ========================================================================== */

#apri-strumenti i {
    color: var(--testo-nero, #1a1a1a) !important; /* Colore nero antracite elegante */
    transition: color 0.3s ease !important; /* Transizione morbida */
}

/* Effetto hover (se toccata o sfiorata) - Diventa color oro tenue */
#apri-strumenti i:hover,
#apri-strumenti:hover i {
    color: var(--oro-bordo-hover, #BDB2A0) !important;
}