/*
 * Ritocchi di spallucci.com (1 novembre 2026): domande frequenti della home, vista da telefono, consegna prevista.
 * Colori e caratteri della testata e delle email: nero caldo, caramello, bronzo, filetti chiari, Jost.
 */

.spl-ritocchi {
	--spl-r-nero: #1e1218;
	--spl-r-testo: #4b4347;
	--spl-r-tenue: #6c6669;
	--spl-r-filo: #ebe6e8;
	--spl-r-filo-forte: #d6cfd2;
	--spl-r-oro: #d89d5d;
	--spl-r-bronzo: #8f6034;
	--spl-r-avorio: #faf7f4;
	--spl-r-curva: cubic-bezier(.2, .7, .2, 1);
}

/* ===== Domande frequenti (home) ===================================================================== */

/* lo spazio lo da' la sezione delle domande: via il margine sotto il riquadro «Gioiellieri dal 1982» */
body.spl-ritocchi .elementor-37 .elementor-element.elementor-element-36e9758 {
	margin-bottom: 0;
}

.spl-faq {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	grid-template-areas:
		"testa elenco"
		"aiuto elenco";
	grid-template-rows: auto 1fr;
	column-gap: clamp(40px, 7vw, 110px);
	align-items: start;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(64px, 7vw, 104px) 0 clamp(72px, 8vw, 116px);
	font-family: inherit;
	color: var(--spl-r-testo);
	scroll-margin-top: 90px;
}

.spl-faq__testa {
	grid-area: testa;
}

.spl-faq__occhiello {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 16px;
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--spl-r-bronzo);
}

.spl-faq__occhiello::before {
	content: "";
	flex: 0 0 30px;
	height: 1px;
	background: var(--spl-r-oro);
}

.spl-ritocchi .spl-faq .spl-faq__titolo {
	margin: 0;
	font-family: inherit;
	font-size: clamp(30px, 3.3vw, 42px);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -.01em;
	text-transform: none;
	color: var(--spl-r-nero);
}

.spl-faq__intro {
	max-width: 36ch;
	margin: 18px 0 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;
	color: var(--spl-r-testo);
}

.spl-faq__elenco {
	grid-area: elenco;
	border-top: 1px solid var(--spl-r-filo-forte);
}

.spl-faq__voce {
	border-bottom: 1px solid var(--spl-r-filo);
}

.spl-faq__domanda {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 23px 2px;
	list-style: none;
	cursor: pointer;
	font-size: 17.5px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--spl-r-nero);
	-webkit-tap-highlight-color: transparent;
}

.spl-faq__domanda::-webkit-details-marker {
	display: none;
}

.spl-faq__domanda::marker {
	content: "";
}

.spl-faq__testo {
	transition: color .25s ease;
}

.spl-faq__segno {
	position: relative;
	flex: 0 0 34px;
	height: 34px;
	border: 1px solid var(--spl-r-filo-forte);
	border-radius: 50%;
	transition: background-color .3s ease, border-color .3s ease;
}

.spl-faq__segno::before,
.spl-faq__segno::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1.3px;
	margin: -.65px 0 0 -6px;
	background: var(--spl-r-nero);
	transition: transform .35s var(--spl-r-curva), background-color .3s ease;
}

.spl-faq__segno::after {
	transform: rotate(90deg);
}

.spl-faq__domanda:hover .spl-faq__testo {
	color: var(--spl-r-bronzo);
}

.spl-faq__domanda:hover .spl-faq__segno {
	border-color: var(--spl-r-oro);
}

.spl-faq__domanda:focus {
	outline: none;
}

.spl-faq__domanda:focus-visible {
	outline: 2px solid var(--spl-r-oro);
	outline-offset: 3px;
}

.spl-faq__voce[open] .spl-faq__segno {
	background-color: var(--spl-r-nero);
	border-color: var(--spl-r-nero);
}

.spl-faq__voce[open] .spl-faq__segno::before,
.spl-faq__voce[open] .spl-faq__segno::after {
	background: #fff;
}

.spl-faq__voce[open] .spl-faq__segno::after {
	transform: rotate(0deg);
}

.spl-faq__risposta {
	max-width: 62ch;
	padding: 0 58px 26px 2px;
	font-size: 15.5px;
	font-weight: 300;
	line-height: 1.75;
	color: var(--spl-r-testo);
}

.spl-faq__voce[open] .spl-faq__risposta {
	animation: spl-faq-apri .4s var(--spl-r-curva);
}

@keyframes spl-faq-apri {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.spl-faq__risposta p {
	margin: 0 0 .75em;
}

.spl-faq__risposta p:last-child {
	margin-bottom: 0;
}

.spl-faq__risposta strong,
.spl-faq__risposta b {
	font-weight: 500;
	color: var(--spl-r-nero);
}

.spl-ritocchi .spl-faq__risposta a {
	color: var(--spl-r-nero);
	text-decoration: underline;
	text-decoration-color: var(--spl-r-oro);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.spl-ritocchi .spl-faq__risposta a:hover {
	color: var(--spl-r-bronzo);
}

.spl-faq__aiuto {
	grid-area: aiuto;
	margin-top: 40px;
	padding: 28px 30px 30px;
	background: var(--spl-r-avorio);
	border: 1px solid var(--spl-r-filo);
}

.spl-faq__aiuto-titolo {
	margin: 0 0 6px;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--spl-r-nero);
}

.spl-faq__aiuto-testo {
	margin: 0 0 20px;
	font-size: 14.5px;
	font-weight: 300;
	line-height: 1.65;
	color: var(--spl-r-testo);
}

.spl-faq__azioni {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.spl-ritocchi .spl-faq__bottone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 0 20px;
	border: 1px solid var(--spl-r-nero);
	background: #fff;
	color: var(--spl-r-nero);
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .16em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.spl-ritocchi .spl-faq__bottone--pieno {
	background: var(--spl-r-nero);
	color: #fff;
}

.spl-ritocchi .spl-faq__bottone svg {
	flex: 0 0 auto;
	color: var(--spl-r-oro);
}

.spl-ritocchi .spl-faq__bottone:hover,
.spl-ritocchi .spl-faq__bottone:focus-visible {
	background: var(--spl-r-bronzo);
	border-color: var(--spl-r-bronzo);
	color: #fff;
}

.spl-ritocchi .spl-faq__bottone:hover svg {
	color: #fff;
}

.spl-ritocchi .spl-faq__bottone:focus-visible {
	outline: 2px solid var(--spl-r-oro);
	outline-offset: 3px;
}

/* ===== Scheda prodotto =============================================================================== */

/* consegna prevista: la data la scrive ritocchi.js con il giorno di oggi */
.spl-consegna {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 1.1rem;
	padding: 12px 16px;
	background: var(--spl-r-avorio);
	border: 1px solid var(--spl-r-filo);
	font-size: 15px;
	line-height: 1.45;
	color: var(--spl-r-testo);
}

.spl-consegna[hidden] {
	display: none;
}

.spl-consegna__icona {
	flex: 0 0 22px;
	color: var(--spl-r-bronzo);
}

.spl-consegna__date {
	font-weight: 500;
	color: var(--spl-r-nero);
}

/* lista dei desideri: il tema mette gia' il suo cuore, quello di YITH faceva il secondo */
body.spl-ritocchi div.summary .yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg,
body.spl-ritocchi .pls-quick-view .yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg {
	display: none;
}

/* ===== «Mostra password» (account, cassa): era un riquadro scuro vuoto sotto il campo ================= */

body.spl-ritocchi .password-input {
	position: relative;
	display: block;
}

body.spl-ritocchi .password-input input {
	padding-right: 52px;
}

body.spl-ritocchi .password-input .show-password-input,
body.spl-ritocchi .password-input .show-password-input:hover,
body.spl-ritocchi .password-input .show-password-input:focus {
	position: absolute;
	top: 50%;
	right: 4px;
	width: 44px;
	height: 44px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e1218' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	box-shadow: none;
	transform: translateY(-50%);
	cursor: pointer;
}

body.spl-ritocchi .password-input .show-password-input.display-password {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e1218' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M4 20 20 4'/%3E%3C/svg%3E");
}

body.spl-ritocchi .password-input .show-password-input:focus-visible {
	outline: 2px solid var(--spl-r-oro);
	outline-offset: -4px;
}

/* ===== Tablet e telefono ============================================================================= */

@media (max-width: 1024px) {

	/* testo «Gioiellieri dal 1982»: Elementor lasciava 8% a sinistra e niente a destra */
	body.spl-ritocchi .elementor-37 .elementor-element.elementor-element-e13d3b2 > .elementor-element-populated {
		padding: 0 8%;
	}

	/* shop: il pulsante dei filtri diventa una pillola in basso a sinistra invece dell'icona a meta' schermo */
	body.spl-ritocchi .pls-canvas-sidebar {
		top: auto;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
		left: 16px;
		padding: 0;
		border-radius: 999px;
		background: var(--spl-r-nero);
		box-shadow: 0 12px 26px -12px rgba(30, 18, 24, .65);
		transition: opacity .25s ease;
	}

	body.spl-ritocchi .pls-canvas-sidebar .canvas-sidebar-icon {
		display: flex;
		align-items: center;
		gap: 9px;
		height: 46px;
		padding: 0 22px 0 18px;
		font-size: 11.5px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: .18em;
		text-transform: uppercase;
		color: #fff;
	}

	body.spl-ritocchi .pls-canvas-sidebar .canvas-sidebar-icon::before {
		padding: 0;
		font-size: 15px;
		line-height: 1;
		color: var(--spl-r-oro);
	}

	html:has(.pls-widget-area.opened) body.spl-ritocchi .pls-canvas-sidebar {
		opacity: 0;
		pointer-events: none;
	}
}

@media (max-width: 767px) {

	/* WhatsApp: resta il pulsante tondo in basso a destra, senza la nuvoletta che copriva titoli e prezzi */
	body.spl-ritocchi .wa__btn_popup {
		right: 16px !important;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
		left: auto !important;
	}

	body.spl-ritocchi .wa__btn_popup .wa__btn_popup_txt {
		display: none !important;
	}

	body.spl-ritocchi .wa__popup_chat_box {
		right: 16px !important;
		left: auto !important;
		bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
		max-width: calc(100vw - 32px);
	}

	/* «torna su»: su telefono la testata resta sempre in vista, il quadrato copriva i testi a destra */
	body.spl-ritocchi .pls-back-to-top {
		display: none !important;
	}

	/* griglie dei prodotti: nome intero su due righe (prima «Orologio Rolex Date...» per due modelli diversi) */
	body.spl-ritocchi .products .product-title,
	body.spl-ritocchi .products.grid-view .product-title {
		display: -webkit-box;
		min-height: 2.7em;
		overflow: hidden;
		font-size: 15px;
		line-height: 1.35;
		white-space: normal;
		text-overflow: clip;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	/* e via l'elenco delle categorie sopra il nome, tagliato a meta' («ANALOGICO, AUTOMATICO,...») */
	body.spl-ritocchi .products .product-cats {
		display: none;
	}

	/* home: riquadro «Gioiellieri dal 1982» e domande frequenti */
	body.spl-ritocchi .elementor-37 .elementor-element.elementor-element-36e9758 {
		margin-top: 3rem;
		padding-top: 2.75rem;
		padding-bottom: 2.75rem;
	}

	body.spl-ritocchi .elementor-37 .elementor-element.elementor-element-e13d3b2 > .elementor-element-populated {
		padding: 0 22px;
	}

	.spl-faq {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"testa"
			"elenco"
			"aiuto";
		grid-template-rows: auto;
		padding: 52px 6px 60px;
		scroll-margin-top: 70px;
	}

	.spl-faq__testa {
		margin-bottom: 28px;
		text-align: center;
	}

	.spl-faq__occhiello {
		justify-content: center;
		margin-bottom: 14px;
	}

	.spl-faq__occhiello::after {
		content: "";
		flex: 0 0 30px;
		height: 1px;
		background: var(--spl-r-oro);
	}

	.spl-ritocchi .spl-faq .spl-faq__titolo {
		font-size: 30px;
	}

	.spl-faq__intro {
		max-width: 32ch;
		margin: 14px auto 0;
		font-size: 15px;
		line-height: 1.65;
	}

	.spl-faq__domanda {
		gap: 16px;
		padding: 19px 0;
		font-size: 16px;
		line-height: 1.4;
	}

	.spl-faq__segno {
		flex-basis: 30px;
		height: 30px;
	}

	.spl-faq__segno::before,
	.spl-faq__segno::after {
		width: 11px;
		margin-left: -5.5px;
	}

	.spl-faq__risposta {
		padding: 0 0 22px;
		font-size: 15px;
		line-height: 1.7;
	}

	.spl-faq__aiuto {
		margin-top: 34px;
		padding: 26px 20px 24px;
		text-align: center;
	}

	.spl-faq__aiuto-testo {
		margin-bottom: 18px;
	}

	.spl-faq__azioni {
		flex-direction: column;
	}

	.spl-ritocchi .spl-faq__bottone {
		width: 100%;
	}

	.spl-consegna {
		font-size: 14.5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.spl-faq__voce[open] .spl-faq__risposta {
		animation: none;
	}

	.spl-faq__segno,
	.spl-faq__segno::before,
	.spl-faq__segno::after {
		transition: none;
	}
}