/*
 Theme Name:   Scale In Vetroresina (GP)
 Theme URI:    https://www.outletfinestre.it/
 Description:  Child theme GeneratePress - migrato da Storefront
 Author:       Scale In Vetroresina
 Author URI:   https://www.outletfinestre.it/
 Template:     generatepress
 Version:      1.0.0
*/

/* =========================================================
   FONT CUSTOM (Raleway self-hosted) - font attivo del sito
   ========================================================= */
@font-face {
	font-family: 'Raleway-Regular';
	src: url('/font/Raleway-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Raleway-Light';
	src: url('/font/Raleway-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* =========================================================
   TIPOGRAFIA
   Tutto in Raleway-Light, tranne il titolo h1 in Raleway-Regular.
   ========================================================= */
body,
button,
input,
select,
textarea {
	color: #43454b;
	font-family: 'Raleway-Light', sans-serif;
	line-height: 1.618;
	text-rendering: optimizeLegibility;
	font-weight: 300;
}

select {
	color: initial;
	font-family: 'Raleway-Light', sans-serif;
	max-width: 100%;
}

h1 {
	font-size: 1.4em;
	line-height: 1.214;
	letter-spacing: 0;
	font-family: 'Raleway-Regular', sans-serif;
	font-weight: 600;
}

h2 {
	font-size: 1.1em;
	line-height: 1.214;
	font-family: 'Raleway-Light', sans-serif;
		font-weight: 600;
}

h3,
h4,
h5,
h6 {
	font-size: 1.1em;
	font-family: 'Raleway-Light', sans-serif;
		font-weight: 300;
}

p {
	font-size: 1.1em;
	font-family: 'Raleway-Light', sans-serif;
	text-align: justify;
		font-weight: 300;
}

/* =========================================================
   PESO FONT TITOLI - uniforme a 400 ovunque
   ========================================================= */
/*h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	font-weight: 300 !important;
}
*/
.product_title{
	font-weight: 600 !important;
}
.tab-description{
	font-weight: 300 !important;
}
.woocommerce-products-header{
	font-weight: 300 !important;
}
.site-branding .main-title{
	font-weight: 300 !important;
}
.product_title {
padding-bottom: 1em!important;
}
.price{
  font-size: 1.1em!important;
}
.woocommerce-Price-amount {
	font-weight: 500 !important;
}
/* =========================================================
   SHOP / ARCHIVIO PRODOTTI (colonne a 3)
   ========================================================= */
.columns-3 h2 {
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2px !important;
	font-family: 'Raleway-Regular', sans-serif;
}
.columns-3 h3 {
	font-size: 1.3em;
	font-weight: 300;
	line-height: 1.6em;
	text-align: justify;
	margin-bottom: 2px !important;
	font-family: 'Raleway-Regular', sans-serif;
}


.columns-3 h4,
.columns-3 h5,
.columns-3 h6 {
	font-size: 1.3em;
	text-align: justify;
	margin-bottom: 2px !important;
}

.columns-3 .product-attributes {
	margin-bottom: 1em;
}

/* Titolo prodotto in archivio/shop
   Nota: valori uniti da due fonti che sul vecchio sito si sovrapponevano
   (style.css del child theme + CSS aggiuntivo del Customizer). Questa e'
   ora l'unica regola, niente piu' doppioni in conflitto. */
ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.41575em;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 1.5em;
}

/* =========================================================
   SFONDO E LINK
   Override esplicito: il Customizer (Colori > Sfondo) a volte
   non tocca il wrapper principale .site.grid-container.container.hfeed,
   quindi lo forziamo qui per essere sicuri sia sempre bianco.
   Stesso discorso per i link: grigio scuro, nero in hover.
   !important perche' alcune sezioni (menu, singoli plugin) hanno
   selettori piu' specifici che altrimenti vincono sul semplice "a".
   ========================================================= */
body,
.site.grid-container.container.hfeed {
	background-color: #ffffff!important;
}

a {
	color: #6d6d6d !important;
}

a:hover,
a:focus {
	color: #000000 !important;
}

/* =========================================================
   BREADCRUMB - sotto l'header, piena larghezza, stile chiocciola.eu
   (posizionato via hook generate_after_header in functions.php)
   ========================================================= */
.woocommerce-breadcrumb {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	margin: 0;
	font-size: 0.72em !important;
	color: #767676;
	border-bottom: none !important;
}

.woocommerce-breadcrumb a {
	color: #767676 !important;
}

/* Icona casetta stile fa-home di Font Awesome, ma come SVG leggero
   inline (nessun font extra da caricare) prima di "Home" */
.woocommerce-breadcrumb a:first-child::before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: -0.25em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23333333'%3E%3Cpath d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.94-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.07L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31.1a12 12 0 0 0 16.9 1.6l242.9-200.08a12 12 0 0 1 15.3 0L529.3 301a12 12 0 0 0 16.9-1.6l25.5-31.1a12 12 0 0 0-1.6-16.83z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}
/*
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='%23333333'%3E%3Cpath d='M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.94-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.07L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31.1a12 12 0 0 0 16.9 1.6l242.9-200.08a12 12 0 0 1 15.3 0L529.3 301a12 12 0 0 0 16.9-1.6l25.5-31.1a12 12 0 0 0-1.6-16.83z'/%3E%3C/svg%3E");

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23767676'%3E%3Cpath d='M12 3l9 8h-3v9h-4v-6h-4v6H6v-9H3z'/%3E%3C/svg%3E");

*/
.sv-breadcrumb-sep {
	color: #b0b0b0;
	font-size: 1em;
}

/* =========================================================
   PULSANTE "AGGIUNGI AL CARRELLO" - stile Storefront (scuro, testo bianco)
   Copre sia il pulsante nell'archivio/shop (loop) sia nella
   scheda prodotto singola.
   ========================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.add_to_cart_button,
.woocommerce a.single_add_to_cart_button {
	background-color: #333333 !important;
	color: #ffffff !important;
	border-color: #333333 !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce a.single_add_to_cart_button:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-color: #000000 !important;
}

/* =========================================================
   TITOLI HOMEPAGE (blocchi Gutenberg) - centrati
   ========================================================= */
.front-page .wp-block-heading {
	text-align: center;
}

/* =========================================================
   TAB PRODOTTO - RESPONSIVE, nel flusso normale del contenuto
   (sotto galleria/riepilogo, a piena larghezza, come Storefront:
   vedi https://www.chiocciola.eu/f20z/z1106)
   Desktop (>768px): verticali a sinistra (25%) + pannello a destra (75%).
   Mobile (<=768px): accordion a piena larghezza.
   ========================================================= */

/* ---- DESKTOP: verticali a sinistra ----
   Stesso selettore robusto del blocco mobile: role="presentation"
   invece delle classi, con !important per vincere sul CSS di
   default del plugin di tab (box con bordo/sfondo/ombra). */
@media (min-width: 769px) {
	.woocommerce div.product .woocommerce-tabs {
		overflow: hidden; /* clearfix per i float sotto */
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		float: left !important;
		width: 25% !important;
		margin: 0 0 1.618em !important;
		padding: 0 !important;
		list-style: none !important;

		box-sizing: border-box !important;
		position: relative !important;
	}

	/* WooCommerce di base aggiunge una seconda riga sotto la lista tab
	   tramite questo pseudo-elemento (pensato per lo stile a tab
	   orizzontali con l'effetto "linguetta attaccata"): con le tab
	   verticali crea un bordo doppio insieme al nostro, la disattiviamo. */
	.woocommerce div.product .woocommerce-tabs ul.tabs::before {
		display: none !important;
		content: none !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] {
		display: block !important;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.29) !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
		position: relative !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"]::before,
	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"]::after {
		display: none !important;
		content: none !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] > a {
		display: block !important;
		width: 100% !important;
		padding: 1em 2em 1em 0.5em !important;
		text-decoration: none !important;
		color: #6d6d6d !important;
		font-size: 0.85em !important;
		font-weight: 300 !important;
		box-sizing: border-box !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] > a::after {
		content: '\276F' !important;
		display: inline-block !important;
		position: absolute !important;
		right: 0.3em !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: #6d6d6d !important;
		font-size: 0.9em !important;
		transition: transform 0.2s ease !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"].active > a {
		color: #1a1a1a !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"].active > a::after {
		color: #1a1a1a !important;
		transform: translateY(-50%) rotate(90deg) !important;
	}

	.woocommerce div.product .woocommerce-tabs .panel {
		float: left;
		width: 75%;
		padding: 0 0 0 2em;
		box-sizing: border-box;
	}
}

/* ---- MOBILE: accordion a piena larghezza ----
   Selettore basato su role="presentation": e' l'attributo standard
   che WooCommerce mette su ogni <li> delle tab, presente sempre
   anche quando un plugin di tab custom usa le sue classi/id
   (es. "composizione-scala-gabbia_tab", "#tab-title-xxx").
   Interamente CSS, non dipende da classi aggiunte via JS. */
@media (max-width: 768px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		border-bottom: 0;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] {
		display: inline-block !important;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
		border-radius: 0 !important;
		background: none !important;
		position: relative !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] > a {
		display: block !important;
		width: 100% !important;
		padding: 1.1em 2em 1.1em 0 !important;
		color: #43454b !important;
		text-decoration: none !important;
		font-size: 0.85em !important;
		font-weight: 300 !important;
		box-sizing: border-box !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"] > a::after {
		content: '\276F' !important;
		display: inline-block !important;
		position: absolute !important;
		right: 0.3em !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		color: #6d6d6d !important;
		font-size: 0.9em !important;
		transition: transform 0.2s ease !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li[role="presentation"].active > a::after {
		transform: translateY(-50%) rotate(90deg) !important;
	}

	.woocommerce div.product .woocommerce-tabs .panel {
		display: none;
		padding: 0 0 1.5em;
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
}

/* =========================================================
   WOOCOMMERCE: badge sconto e prezzi
   !important perche' il prezzo e' spesso dentro un link (<a>),
   e la regola generale sui link altrimenti puo' vincere per
   ordine di dichiarazione anche a parita'/minor specificita'.
   ========================================================= */
.price ins {
	color: green !important;
	text-decoration: none;
}

.price del {
	color: red !important;
}

.columns-3 .price {
	font-size: 1.3em;
	font-weight: 300;
}

/* =========================================================
   MOBILE: una sola colonna per prodotti/categorie
   Di default ne mostra 2 affiancate su schermi piccoli.
   ========================================================= */
@media (max-width: 600px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: 1fr !important;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100% !important;
		float: none !important;
	}
}

/* =========================================================
   MOBILE: footer scuro (risultava bianco su schermi piccoli)
   ========================================================= */
.site-footer,
.site-footer .inside-top-bar,
.site-footer .site-info {
	background-color: #424242 !important;
	color: #ffffff !important;
}

.site-footer a {
	color: #ffffff !important;
}



/* =========================================================
   NOTE MIGRAZIONE - Colori
   I colori generali (sfondo, intestazioni, testo, link, footer)
   NON sono in questo file: sono impostati nativamente dal
   Customizer di GeneratePress (Aspetto > Personalizza > Colori
   e Layout > Footer), niente CSS custom necessario per quelli.
   ========================================================= */

/* =========================================================
   NOTE MIGRAZIONE - Regole in sospeso (legate ai template PHP
   non ancora migrati). Le riattiviamo/adattiamo quando
   ricostruiamo i template su GeneratePress.

   Dal vecchio "CSS aggiuntivo" di Storefront:

   .page-template-template-homepage .entry-content,
   .page-template-template-homepage .entry-header {
       max-width: 100%;
   }
   -> Selettore legato al file template-homepage.php di Storefront.
      Su GP la classe body sara' diversa (dipende da come
      ricostruiremo la homepage), quindi per ora e' inerte.

   .storefront-full-width-content .woocommerce-tabs .panel {
       width: 100% !important;
   }
   -> ".storefront-full-width-content" e' una classe che Storefront
      aggiunge al <body> in certe condizioni di layout: su GP non
      esiste, va ricreata con l'equivalente GP quando serve.

   Rimosso rispetto al vecchio style.css (Storefront):
   - .storefront-full-width-content .content-area { ... }
   - .right-sidebar .content-area { ... }
   Erano regole di layout legate alla struttura/colonne di
   Storefront (float, margini in %). GeneratePress gestisce
   larghezza contenuto/sidebar dal Customizer (Layout > Sidebars),
   quindi non servono equivalenti CSS: vanno impostati da li'.
   ========================================================= */

/* =========================================================
   CASELLA DI RICERCA HEADER - compatta, stile scalecongabbia.it
   Struttura HTML sostituita interamente via functions.php
   (sv_minimal_search_form / sv_minimal_search_block), cosi' la
   classe .sv-search-form/.sv-search-input e' garantita a
   prescindere dal widget usato (classico, blocco o WooCommerce).
   Solo campo + icona decorativa, nessun pulsante: invio con Enter.
   ========================================================= */
.sv-search-form {
	position: relative;
	max-width: 200px;
	display: block;
}

.sv-search-input {
	width: 100%;
	height: 2.4em;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-radius: 999px;
	background: #ffffff;
	padding: 0 1em 0 2.2em; /* spazio a sinistra per l'icona */
	font-size: 0.85em;
	color: #43454b;
}

.sv-search-input::placeholder {
	color: #999999;
}

/* Icona lente decorativa, dentro il campo a sinistra */
.sv-search-form::before {
	content: '';
	position: absolute;
	left: 0.8em;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
	height: 1em;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24' fill='%236d6d6d'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.1-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208zM208 352a144 144 10 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

/* Nasconde eventuale pulsante residuo di widget non ancora sostituiti
   dalla cache (rete di sicurezza) */
.wp-block-search__button,
.search-submit,
.woocommerce-product-search button {
	display: none !important;
}

/* RICERCA - POSIZIONE IN ALTO A DESTRA */

@media (min-width: 769px) {

    .sv-search-form {
        top: 20px !important;
        right: 30px !important;
        width: 300px !important;
        max-width: 300px !important;
        height: 40px !important;
        z-index: 9999 !important;

    }

    .sv-search-input {
        width: 300px !important;
        max-width: 300px !important;
        height: 40px !important;
        box-sizing: border-box !important;
        padding-left: 40px !important;
                border: 1px solid black;
    }

}

/* BORDO SEMPRE NERO + BORDO PIÙ SPESSO AL FOCUS */

.sv-search-input {
    border: 1px solid #000000 !important;
    outline: none !important;
    transition: border-width 0.15s ease;
}

.sv-search-input:focus {
    border: 2px solid #000000 !important;
}


/*  */
.inside-article {
    padding-top: 0px !important;
}
.woocommerce-notices-wrapper{
    padding-top: 40px !important;
}
.woocommerce-products-header{
    padding-top: 40px !important;
}



/* =========================================================
   BARRA FISSA MOBILE (stile Storefront handheld-footer-bar)
   Nascosta di default (desktop), visibile solo sotto i 750px.
   Sostituisce la ricerca in header su schermi piccoli.
   ========================================================= */
.storefront-handheld-footer-bar {
	display: none;
}

@media (max-width: 750px) {
	/* Nasconde la ricerca fissa in header su mobile */
	.sv-search-form {
		display: none;
	}

	.storefront-handheld-footer-bar {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #333333;
		z-index: 9999;
	}

	.handheld-footer-bar__inner {
		display: flex;
		justify-content: space-around;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 1.1em 0 1.3em;
	}

	.handheld-footer-bar__item {
		position: relative;
	}

	.handheld-footer-bar__item a {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #43454b !important;
	}

	.handheld-footer-bar__item a svg {
		width: 30px;
		height: 30px;
		min-width: 30px;
		min-height: 30px;
	}

	.handheld-footer-bar__item-count {
		position: absolute;
		top: -0.4em;
		right: -0.6em;
		background: #333333;
		color: #ffffff;
		font-size: 0.65em;
		line-height: 1;
		padding: 0.25em 0.45em;
		border-radius: 999px;
		min-width: 1em;
		text-align: center;
	}

	/* Ricerca a comparsa, sopra la barra */
	.sv-mobile-search-wrap {
		display: none;
		position: fixed;
		bottom: 4.2em;
		left: 0;
		width: 100%;
		padding: 0.7em 1em;
		background: #ffffff;
		border-top: 1px solid #e0e0e0;
		box-sizing: border-box;
	}

	.sv-mobile-search-wrap.sv-active {
		display: block;
	}

	.sv-mobile-search-wrap .sv-search-form {
		display: block !important;
		max-width: 100%;
	}

	/* Spazio in fondo alla pagina cosi' la barra fissa non copre
	   l'ultimo contenuto (es. il pulsante "Aggiungi al carrello") */
	body {
		padding-bottom: 4.6em;
	}
}

/* =========================================================
   HEADER MOBILE: titolo a sinistra, pulsante menu a destra
   con bordo, sulla stessa riga.
   Il pulsante (.sv-mobile-menu-toggle) nasce gia' qui via hook
   PHP generate_inside_header (vedi sv_render_mobile_menu_toggle
   in functions.php) - non viene piu' spostato via JS dopo il
   caricamento, quindi niente CLS.
   ========================================================= */
@media (max-width: 768px) {
	.inside-header {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex-wrap: nowrap !important;
		text-align: left !important;
	}

	.site-branding {
		text-align: left !important;
		margin: 0 !important;
	}

	/* Il widget ricerca in header e' gia' nascosto (sostituito dalla
	   barra mobile), nascondiamo anche il suo contenitore per non
	   lasciare uno spazio vuoto tra titolo e pulsante menu */
	.header-widget {
		display: none;
	}

	/* Il pulsante originale di GeneratePress (dentro #site-navigation)
	   non serve piu': lo nascondiamo per non avere due pulsanti duplicati.
	   Il nostro (.sv-mobile-menu-toggle) lo sostituisce, gia' posizionato
	   correttamente nell'header dal rendering server-side. */
	#site-navigation .menu-toggle {
		display: none !important;
	}

	.sv-mobile-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #333333;
		border-radius: 4px;
		background: transparent;
		color: #333333;
		padding: 0.4em;
		cursor: pointer;
		/* generate_before_header_content spara PRIMA di titolo/ricerca,
		   quindi nell'HTML il pulsante nasce per primo: l'ordine flex lo
		   rimette visivamente per ultimo (a destra), senza spostare nulla
		   nel DOM (niente CLS). */
		order: 3;
	}

	.site-branding {
		order: 1;
	}

	/* #site-navigation resta nel documento (contiene il pannello
	   del menu che si apre al click) ma non serve piu' occupare
	   spazio proprio: il pulsante vero e proprio e' nell'header */
	#site-navigation > .inside-navigation.grid-container {
		padding: 0;
	}
	/* Mostra/nasconde il menu: gestito dal CSS nativo di GeneratePress
	   tramite la classe .toggled su #site-navigation (il nostro script
	   la aggiunge/toglie al click) - nessuna regola custom necessaria. */
}

/* Il pulsante nostro esiste nell'HTML anche su desktop (il hook PHP
   gira su tutte le pagine): lo nascondiamo li', dove non serve. */
@media (min-width: 769px) {
	.sv-mobile-menu-toggle {
		display: none;
	}
}


.testo-dopo-prezzo {
    font-size: 50%; /* Rende la scritta 'imp.' la metà esatta del prezzo */
    color: #000000; /* Imposta il colore del testo su nero puro */
    vertical-align: baseline; /* Rimane allineata alla base delle cifre */
    margin-left: 3px; /* Stacca leggermente 'imp.' dall'ultima cifra */
}

mark.count {
    background-color: transparent !important;
}