/*
Theme Name: Storefront Gallia46
Template: storefront
Description: Tema figlio di Storefront per gallia46.com (restyling 2026). Fase 4: logo vettoriale in WebP, catalogo con filtri (marca, colore, prezzo), scheda prodotto con compatibilità.
Version: 0.3.17
Text Domain: storefront-gallia46
*/

:root { --g46-grafite: #14233C; --g46-arancio: #ED820B; --g46-arancio-scuro: #A85500; --g46-fondo: #F4F5F7; --g46-verde: #177040; --g46-testo: #2A3140; }

body { color: var(--g46-testo); background: var(--g46-fondo); }
a { color: var(--g46-arancio-scuro); }
a:hover { color: var(--g46-grafite); }
.price, .price ins, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--g46-grafite); }
.woocommerce .in-stock, .stock.in-stock { color: var(--g46-verde); }
.site-header, .site-footer { background: var(--g46-grafite); color: #fff; }
.site-footer a:not(.button), .site-header a:not(.button) { color: #fff; }
.site-footer, .site-footer h1, .site-footer h2, .site-footer h3 { color: #fff; }
button.button.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.added_to_cart, .site-header-cart .widget_shopping_cart a.button.checkout, a.button.add_to_cart_button {
	background-color: var(--g46-arancio); border-color: var(--g46-arancio); color: var(--g46-grafite);
}

/* Testata compatta: ricerca ben visibile, carrello a destra */
.site-header { padding-top: 12px; padding-bottom: 0; }
.site-header .site-search { width: 38%; }
.site-header .site-search .widget_product_search input[type=search] { padding: .6em 1em; }

/* Menu principale: voce rivenditori in evidenza */
.main-navigation ul.menu > li.g46-voce-rivenditori > a { color: var(--g46-arancio); font-weight: 600; }

/* Barra «Ultimi arrivi» */
.g46-ticker { overflow: hidden; max-width: 100%; white-space: nowrap; background: #f7f7f7; border-bottom: 1px solid #eee; font-size: 14px; padding: 6px 0; }
.g46-ticker-etichetta { display: inline-block; background: var(--g46-arancio); color: var(--g46-grafite); padding: 2px 10px; margin-right: 16px; font-weight: 600; }
.g46-ticker-pista { display: inline-block; animation: g46-scorri 60s linear infinite; }
.g46-ticker:hover .g46-ticker-pista { animation-play-state: paused; }
.g46-ticker a { display: inline-block; margin-right: 48px; }
@keyframes g46-scorri { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .g46-ticker-pista { animation: none; } }

/* Slider dei banner */
.g46-banner-riga { border-top: 1px solid var(--g46-arancio); border-bottom: 1px solid var(--g46-arancio); padding: 8px 0; background: #fff; }
.g46-slider { width: 390px; max-width: 100%; margin: 0 0 0 auto; }
.g46-slide { display: none; }
.g46-slide.is-attiva { display: block; animation: g46-dissolvi .6s ease; }
.g46-slide img { display: block; width: 100%; height: auto; }
@keyframes g46-dissolvi { from { opacity: 0; } to { opacity: 1; } }

/* Immagini prodotto quadrate e intere */
.woocommerce ul.products li.product a img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }

/* Piè di pagina con i dati dell'attività */
.g46-piede { text-align: center; font-size: 14px; line-height: 1.6; padding: 14px 16px; }
.site-footer .g46-piede a, .site-footer .g46-piede a:visited { color: #fff !important; text-decoration: underline; font-weight: 600; }

/* La pagina non deve mai allargarsi */
#page { overflow-x: clip; }

@media screen and (max-width: 768px) {
	.g46-slider { width: 100%; max-width: 480px; margin: 0 auto; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product .woocommerce-loop-category__title { word-break: normal; overflow-wrap: anywhere; hyphens: auto; font-size: 14px; }
	.woocommerce ul.products li.product .button { white-space: normal; font-size: 12px; padding: 8px 6px; }
}

/* ===== Home (fase 3) ===== */
.g46-home > section { margin: 0 0 2.5em; }
.g46-home h2 { font-size: 1.4em; margin: 0 0 .6em; color: var(--g46-grafite); }
.g46-trova { background: var(--g46-grafite); color: #fff; padding: 2em 1.5em; border-radius: 6px; text-align: center; }
.g46-trova h1 { color: #fff; font-size: 1.9em; margin: 0 0 .3em; }
.g46-trova p { color: #fff; margin: 0 0 1em; }
.g46-trova-form { display: flex; gap: .6em; justify-content: center; flex-wrap: wrap; max-width: 760px; margin: 0 auto; }
.g46-trova-form select, .g46-trova-form input[type=text] { flex: 1 1 220px; min-width: 0; padding: .8em 1em; font-size: 1em; color: var(--g46-testo); background: #fff; border: 2px solid transparent; border-radius: 4px; }
.g46-trova-form select { flex: 0 1 200px; }
.g46-trova-form input:focus, .g46-trova-form select:focus { border-color: var(--g46-arancio); outline: 0; }
.g46-trova-form .button { flex: 0 0 auto; padding: .8em 1.8em; }
.g46-trova-form .button[disabled] { opacity: .5; cursor: not-allowed; }
.g46-trova p.g46-trova-msg { min-height: 1.4em; margin: .8em 0 0; font-size: .95em; }
.g46-trova p.g46-trova-codici { margin: .3em 0 0; font-size: .95em; }
.g46-trova a { color: #fff; text-decoration: underline; }
.g46-rivenditori { display: flex; align-items: center; justify-content: space-between; gap: 1em 2em; flex-wrap: wrap; background: #fff; border-left: 6px solid var(--g46-arancio); padding: 1.2em 1.5em; border-radius: 4px; }
.g46-rivenditori h2 { margin-bottom: .2em; }
.g46-rivenditori p { margin: 0; }
.g46-categorie-elenco { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; }
.g46-categorie-elenco a { display: block; background: #fff; padding: 1.1em 1.2em; border-radius: 4px; border-bottom: 3px solid var(--g46-arancio); text-decoration: none; color: var(--g46-grafite); }
.g46-categorie-elenco strong { display: block; font-size: 1.1em; }
.g46-categorie-elenco span { color: var(--g46-testo); font-size: .95em; }
.g46-categorie-elenco a:hover { background: var(--g46-grafite); color: #fff; }
.g46-categorie-elenco a:hover span { color: #fff; }
.g46-ultimi-testa { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; flex-wrap: wrap; }
.g46-home .g46-banner-riga { border: 0; padding: 0; background: transparent; }
.g46-home .g46-slider { width: 780px; max-width: 100%; margin: 0 auto; }
@media screen and (max-width: 768px) {
	.g46-trova { padding: 1.5em 1em; }
	.g46-trova h1 { font-size: 1.5em; }
	.g46-trova-form select, .g46-trova-form input[type=text], .g46-trova-form .button { flex: 1 1 100%; }
	.g46-categorie-elenco { grid-template-columns: repeat(2, 1fr); }
	.g46-rivenditori .button { width: 100%; text-align: center; }
}

/* ===== Fase 4: logo, catalogo con filtri, scheda prodotto ===== */
.g46-logo { margin: 0 0 8px; }
.g46-logo a { display: inline-block; line-height: 0; }
.g46-logo img { display: block; height: 52px; width: auto; border-radius: 3px; }
.g46-filtri { display: flex; flex-wrap: wrap; gap: .8em 1em; align-items: flex-end; background: #fff; border: 1px solid #dde0e6; border-radius: 4px; padding: 1em; margin: 0 0 1.5em; }
.g46-filtri label { display: flex; flex-direction: column; gap: .3em; font-size: .9em; font-weight: 600; color: var(--g46-grafite); }
.g46-filtri select, .g46-filtri input[type=number] { min-width: 130px; padding: .5em .7em; font-size: 1em; border: 1px solid #8a93a3; border-radius: 4px; background: #fff; color: var(--g46-testo); }
.g46-filtri input[type=number] { width: 110px; min-width: 0; }
.g46-filtri select:focus, .g46-filtri input:focus { outline: 2px solid var(--g46-arancio); outline-offset: 1px; }
.g46-filtri-azzera { align-self: center; font-size: .95em; }
.g46-note-prodotto { list-style: none; margin: 0 0 1em; padding: .7em 1em; background: #fff; border-left: 4px solid var(--g46-arancio); font-size: .95em; }
.g46-note-prodotto li { margin: .2em 0; }
.woocommerce div.product p.stock { font-weight: 600; margin: 0 0 .8em; }
.woocommerce div.product p.stock.out-of-stock { color: #9b1c1c; }
.g46-compatibile { clear: both; background: #fff; padding: 1.2em 1.5em; border-radius: 4px; margin: 0 0 2em; }
.g46-compatibile h2 { font-size: 1.3em; margin: 0 0 .6em; }
.g46-compatibile ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .4em 1.2em; }
.g46-compatibile p { margin: .8em 0 0; }
@media screen and (max-width: 768px) {
	.g46-logo img { height: 44px; }
	.g46-filtri label, .g46-filtri select, .g46-filtri .button { flex: 1 1 100%; }
	.g46-filtri input[type=number] { width: 100%; }
	.g46-compatibile ul { grid-template-columns: 1fr 1fr; }
}

/* 0.3.2: telefono */
@media screen and (max-width: 768px) {
	/* il pulsante WhatsApp non deve coprire il carrello nella barra in basso */
	a.e-button-base[href*="wa.me"] { bottom: 84px !important; }
	/* filtri piu' compatti: marca/colore e prezzo da/a affiancati */
	.g46-filtri { gap: .6em; padding: .8em; }
	.g46-filtri label { flex: 1 1 calc(50% - .6em); min-width: 0; }
	.g46-filtri select, .g46-filtri input[type=number] { width: 100%; min-width: 0; }
	.g46-filtri .button { flex: 1 1 100%; }
	/* titolo scheda prodotto piu' piccolo */
	.single-product div.product .product_title { font-size: 1.5em; line-height: 1.25; }
	.page-title, .woocommerce-products-header__title { font-size: 1.6em; }
}

/* Colonna categorie a destra (0.3.8) */
.g46-sidebar h2 { font-size: 1.15em; margin: 0 0 .6em; padding-bottom: .4em; border-bottom: 3px solid var(--g46-arancio); color: var(--g46-grafite); }
.g46-albero, .g46-albero ul { list-style: none; margin: 0; padding: 0; }
.g46-albero li { margin: 0; }
.g46-albero a { display: block; padding: .35em 0; color: var(--g46-grafite); text-decoration: none; }
.g46-albero a:hover, .g46-albero a[aria-current] { color: #A85500; text-decoration: underline; }
.g46-albero summary { cursor: pointer; list-style: revert; }
.g46-albero summary a { display: inline; }
.g46-albero details ul { padding-left: 1.2em; font-size: .95em; }
.g46-vedi-tutto { text-align: center; margin: 1.5em 0 0; }

/* Mini carrello: «Visualizza carrello» con solo il contorno arancio (0.3.9) */
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout),
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
	background: transparent; color: var(--g46-grafite); border: 2px solid var(--g46-arancio); font-weight: 700;
}
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
	background: var(--g46-arancio); color: var(--g46-grafite);
}

/* 0.3.11: piede di pagina con dati del titolare e link alle pagine (Merchant Center) */
.g46-piede-link{margin-top:6px}
.g46-piede-link a{margin:0 2px}
.g46-piede-link,.g46-piede-link a{color:#fff !important}
.g46-piede-link a{text-decoration:underline}
.g46-piede-firma{margin-top:4px;font-size:13px;opacity:.85;color:#fff !important}
.g46-piede-firma a{color:#fff !important;text-decoration:underline}
.g46-barra-ricerca{background:#14233C;padding:0 24px 12px;display:flex;justify-content:flex-end}.g46-barra-ricerca .woocommerce-product-search{width:38%;min-width:260px;margin:0;position:relative}.g46-barra-ricerca input[type=search]{width:100%;padding:.6em 1em}.g46-barra-ricerca button[type=submit]{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:768px){.g46-barra-ricerca .woocommerce-product-search{width:100%}}
.g46-barra-ricerca.site-search{display:flex !important;justify-content:flex-end;width:100% !important;float:none !important;box-sizing:border-box}.g46-barra-ricerca .widget_product_search,.g46-barra-ricerca .woocommerce-product-search{margin-bottom:0}