/*
Theme Name:   Luxelite Club
Theme URI:    https://www.luxeliteclub.it
Description:  Child theme di Hello Elementor per Luxelite Club. Override CSS e hook PHP specifici del progetto.
Author:       SEO Business Italia
Author URI:   https://www.seo-business.it
Template:     hello-elementor
Version:      0.1.8
Text Domain:  luxeliteclub
*/

/* Home: elimina ~11px di scroll orizzontale @tablet causato dal carosello vetrina
   (loop-carousel #1161dcb). overflow-x:clip taglia lo spill senza creare uno
   scroll container (a differenza di hidden) e non tocca il layout desktop.
   Mai sullo .swiper-wrapper: Safari lo tiene largo quanto il contenitore e,
   traslato dallo scorrimento, taglia via le card (carosello vuoto, 27/10/2026). */
.elementor-element-1161dcb,
.elementor-element-1161dcb .elementor-loop-container,
.elementor-element-1161dcb .swiper {
	overflow-x: clip;
}

/* WCPS: accento oro del brand.
   Fino alla 2.5.6 il plugin aveva l'oro Luxelite (#EAB002) cablato come default
   in assets/css/wcps-v2.css. Dalla 2.5.7 il default è neutro (#1A1A1A), quindi
   il colore va dichiarato qui: è comunque il posto giusto, il brand non deve
   stare dentro il plugin. Il child theme è enqueued dopo wcps-v2.css e la
   specificità è identica (.wcps2), quindi vince. */
.wcps2 {
	--wcps-accent: #EAB002;
	--wcps-accent-fg: #0E0E12;
}

/* Testo SEO degli archivi (descrizione del termine, [lux_term_seo_copy] nel
   template archivio 3294, widget con classe lux-term-copy).
   L'HTML della descrizione (h2/h3/p/details) arriva da uno shortcode e nessun
   controllo Elementor gli dà una tipografia: usciva col font di sistema
   (-apple-system) e a filo dei bordi su mobile (2026-10-19). I margini laterali
   sono nel contenitore (padding tablet/mobile 20px), qui solo la tipografia,
   allineata agli altri titoli e testi del sito. */
/* Elementor dà ai widget nei container max-width:100% con un selettore più
   specifico; il contenitore è "boxed", quindi il widget sta dentro .e-con-inner. */
.elementor .e-con-inner > .elementor-widget.lux-term-copy,
.elementor .e-con > .elementor-widget.lux-term-copy {
	max-width: 880px;            /* righe leggibili anche a 1440+ */
}
.lux-term-copy {
	font-family: "Inter", sans-serif;
	color: var(--e-global-color-text, #3A3A3A);
}
.lux-term-copy h2,
.lux-term-copy h3 {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 700;
	color: var(--e-global-color-secondary, #0E0E12);
	line-height: 1.2;
	letter-spacing: -0.3px;
	margin: 1.6em 0 0.6em;
}
.lux-term-copy h2 { font-size: 32px; }
.lux-term-copy h3 { font-size: 22px; }
.lux-term-copy > :first-child,
.lux-term-copy .elementor-shortcode > :first-child { margin-top: 0; }
.lux-term-copy p,
.lux-term-copy li {
	font-size: 17px;
	line-height: 1.65;
	margin: 0 0 1em;
}
.lux-term-copy summary {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	margin: 0.4em 0 1em;
}
.lux-term-copy a { color: var(--e-global-color-primary, #EAB002); }

@media (max-width: 1024px) {
	.lux-term-copy h2 { font-size: 28px; }
	.lux-term-copy h3 { font-size: 20px; }
}
@media (max-width: 767px) {
	.lux-term-copy h2 { font-size: 24px; }
	.lux-term-copy h3 { font-size: 19px; }
	.lux-term-copy p,
	.lux-term-copy li { font-size: 16px; }
}

/* Ripiego "vetture simili" ([lux_vetture_simili]): archivi senza vetture e
   ricerca senza risultati. Le card sono il Loop Item 3142 del catalogo; qui solo
   titolo, nota e la griglia, che replica il Loop Grid del template archivio
   (widget 8ee7d83: 4 colonne, 20px tra colonne, 40px tra righe; 2 su tablet,
   1 su mobile). Se cambia lì, va cambiato qui. (2026-10-19) */
.lux-simili {
	margin: 40px 0;
}
.lux-simili__intro {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.25;
	color: var(--e-global-color-secondary, #0E0E12);
	margin: 0 0 6px;
}
.lux-simili__nota {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: var(--e-global-color-text, #6E6E6E);
	margin: 0 0 24px;
}
.lux-simili__griglia {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 20px;
	row-gap: 40px;
}
.lux-simili__card {
	min-width: 0;
}
@media (max-width: 1024px) {
	.lux-simili__griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.lux-simili__intro { font-size: 21px; }
	.lux-simili__griglia { grid-template-columns: minmax(0, 1fr); }
}

/* Elenco dei figli nei testi d'archivio ([lux_term_children]): marca → modelli,
   categoria → sotto-categorie. Griglia a righe allineate; il numero di colonne
   desktop arriva dallo shortcode (--lux-cols, default 3). (2026-10-19) */
.lux-term-children {
	list-style: none;
	margin: 24px 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(var(--lux-cols, 3), minmax(0, 1fr));
	gap: 12px 32px;
}
.lux-term-children li { margin: 0; }
.lux-term-children a {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: var(--e-global-color-secondary, #0E0E12);
	text-decoration: none;
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	transition: color .15s ease;
}
.lux-term-children a:hover { color: var(--e-global-color-primary, #EAB002); }
.lux-term-children a .cnt {
	font-weight: 600;
	font-size: 13px;
	color: var(--e-global-color-text, #6E6E6E);
}
@media (max-width: 767px) {
	.lux-term-children { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
	.lux-term-children { grid-template-columns: minmax(0, 1fr); }
}