/*
 * Un solo margine laterale per tutto il sito: quello dell'header.
 *
 * Stefano, 29/09: percorso, titoli e griglie devono cominciare esattamente
 * sotto «Home» del menu e finire sotto la borsa. Il margine è una variabile
 * sola, usata dall'header (header.css) e dal percorso (breadcrumb.css): se un
 * giorno cambia, si sposta tutto insieme.
 */

:root {
	--fr-lato: 40px;
}

@media (max-width: 1024px) {
	:root {
		--fr-lato: 24px;
	}
}

@media (max-width: 767px) {
	:root {
		--fr-lato: 16px;
	}
}

/*
 * Pagine di tipologia (Borse a Mano, Mini Borse… e in inglese Handbags…):
 * ogni collezione è un elemento del loop af81e75 con titolo (4b9e3db) e
 * griglia (1e3e4cc). Misurato a 1512 prima del ritocco: titolo a 59px
 * (imbottiture 10 + 30 + 30 e un margine di -11), prodotti a 52 da entrambi i
 * lati (10 + 30 + 12). Via tutti i rientri intermedi: il rientro è uno, quello
 * della collezione, e vale il margine dell'header.
 */
body .elementor-element-af81e75 {
	--padding-left: var(--fr-lato) !important;
	--padding-right: var(--fr-lato) !important;
	padding-inline: var(--fr-lato) !important;
	margin-inline: 0 !important;
}

body .elementor-element-3ff241b {
	--padding-left: 0px !important;
	--padding-right: 0px !important;
	padding-inline: 0 !important;
	margin-inline: 0 !important;
}

body .elementor-element-4b9e3db,
body .elementor-element-4b9e3db > .elementor-widget-container,
body .elementor-element-1e3e4cc,
body .elementor-element-1e3e4cc > .elementor-widget-container {
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

/* Il contenitore esterno aveva 10px di imbottitura per lato: era il resto dei 50. */
body .elementor-element-ba22cdc {
	--padding-left: 0px !important;
	--padding-right: 0px !important;
	padding-inline: 0 !important;
}

/*
 * Negozio e archivi di categoria (template #65 IT e #3095 EN): sezione 0d5cb61
 * con i filtri a sinistra (colonna 223cf4d) e la griglia a destra (3691ec3).
 * Prima: filtri a 48 (16 della sezione + 22 della colonna + 10 del blocco
 * filtro), griglia che finiva a 44 dal bordo destro (16 + 25 + la larghezza al
 * 99,74%). Ora il rientro lo dà solo la sezione.
 */
body .elementor-element-0d5cb61 {
	padding-inline: var(--fr-lato) !important;
}

body .elementor-element-223cf4d > .elementor-widget-wrap {
	padding-left: 0 !important;
}

body .elementor-element-223cf4d .e-con {
	--padding-left: 0px !important;
	padding-left: 0 !important;
}

body .elementor-element-3691ec3 > .elementor-widget-wrap {
	padding-right: 0 !important;
}

body .elementor-element-4dba692 {
	width: 100% !important;
	max-width: 100% !important;
}

/* Sul telefono la griglia aveva 20px di margine suo, sopra i 16 della sezione. */
body .elementor-element-4dba692 > .elementor-widget-container {
	margin-inline: 0 !important;
}

/*
 * Tablet: la colonna dei filtri si nasconde, ma quella dei prodotti restava
 * larga come sul computer (794 su 992) e a destra avanzavano 214px vuoti.
 * Difetto trovato il 29/09, c'era da prima.
 */
@media (max-width: 1024px) {
	body .elementor-element-3691ec3 {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Telefono: il titolo della categoria aveva 20px di rientro suo, la griglia no. */
@media (max-width: 767px) {
	body .elementor-element-31e2931,
	body .elementor-element-63dbf43,
	body .elementor-element-63dbf43 > .elementor-widget-container {
		--padding-left: 0px !important;
		--padding-right: 0px !important;
		padding-inline: 0 !important;
		margin-inline: 0 !important;
	}
}

/*
 * Pagine di tipologia: fra il percorso e il titolo della prima collezione
 * c'erano 17px, stretti. Stefano 29/09: 15px in più. Si sposta il blocco del
 * loop (ba22cdc), così cambia solo lo spazio sotto il percorso e non quello
 * fra una collezione e l'altra. Con l'imbottitura (10 → 25) e non col
 * margine: il margine si fondeva coi 6px sotto il percorso e ne restavano 9.
 */
body .elementor-element-ba22cdc {
	--padding-top: 25px !important;
	padding-top: 25px !important;
}

/*
 * Negozio e categorie: dal 29/09 sera i filtri stanno in un pannello laterale
 * (filtri-pannello.css) e la colonna di sinistra non occupa più spazio. Il
 * percorso torna al margine, sotto «Home», come in tutte le altre pagine.
 */
