/**
 * Arte Dolciaria — stile del catalogo
 *
 * Questo è il punto unico da modificare per l'estetica del catalogo.
 * Il plugin Catalogo Core mantiene markup, query e comportamento; questo file
 * viene caricato dopo il plugin e ne sovrascrive soltanto l'aspetto visivo.
 */

/* 1. Palette: modificare questi quattro valori per una variazione globale. */
:root {
	--ad-catalogue-ink: #38343a;
	--ad-catalogue-aubergine: #211728;
	--ad-catalogue-accent: #d1a1ae;
	--ad-catalogue-cream: #f4f1ec;
}

/* 2. PAGINE CATEGORIA E VETRINA — hero, titolo, descrizione */
.ad-catalogue-archive__hero {
	min-height: clamp(320px, 34vw, 520px);
	background: var(--ad-catalogue-aubergine);
}

.ad-catalogue-archive__hero-copy {
	padding: clamp(48px, 7vw, 112px);
}

.ad-catalogue-archive__hero h1,
.ad-catalogue-single h1 {
	font-weight: 400;
	letter-spacing: -0.045em;
}

.ad-catalogue-rule {
	width: 76px;
	height: 1px;
	margin-block: 24px;
	background: var(--ad-catalogue-accent);
}

.ad-catalogue-archive__description {
	max-width: 580px;
	font-size: clamp(1rem, 1.45vw, 1.16rem);
	line-height: 1.62;
}

.ad-catalogue-archive__hero-image {
	filter: saturate(0.94);
}

/* 3. PAGINE CATEGORIA — tab, griglie e card prodotto */
.ad-catalogue-tabs {
	gap: 12px 31px;
	padding-block: 48px 31px;
}

.ad-catalogue-tabs__link {
	padding-bottom: 3px;
	font-size: .98rem;
	font-weight: 500;
	letter-spacing: .01em;
}

.ad-catalogue-grid {
	max-width: 1260px;
	gap: 30px 7px;
	padding-bottom: 88px;
}

.ad-catalogue-card__image,
.ad-catalogue-card__placeholder {
	background: #f0efef;
}

.ad-catalogue-card__title {
	margin-top: 12px;
	padding-bottom: 8px;
	font-size: clamp(1rem, 1.55vw, 1.28rem);
	font-weight: 500;
	letter-spacing: -.015em;
}

/* 4. LANDING VETRINA — card delle categorie principali */
.ad-catalogue-showcase__categories {
	max-width: 1260px;
	padding-block: clamp(58px, 8vw, 108px) 92px;
}

.ad-catalogue-showcase__categories > h2 {
	margin-bottom: 36px;
	font-weight: 400;
	letter-spacing: -0.03em;
}

.ad-catalogue-category-grid {
	gap: 18px;
}

.ad-catalogue-category-card__link,
.ad-catalogue-category-card__image,
.ad-catalogue-category-card__placeholder {
	min-height: clamp(270px, 28vw, 390px);
}

.ad-catalogue-category-card__title {
	right: 30px;
	bottom: 28px;
	left: 30px;
	font-weight: 400;
	letter-spacing: -0.03em;
}

/* 5. SCHEDA PRODOTTO — titolo, gallery, campi ACF e correlati */
.ad-catalogue-single {
	max-width: 1320px;
	padding-block: clamp(52px, 7vw, 118px);
}

.ad-catalogue-single__main {
	gap: clamp(40px, 7vw, 110px);
}

/* Titolo WordPress nativo del prodotto. */
.ad-catalogue-single h1 {
	color: #707070;
	font-size: clamp(2.1rem, 4.25vw, 4rem);
}

.ad-catalogue-gallery__main-image {
	background: #f3f3f3;
}

.ad-catalogue-gallery__thumb {
	border-width: 1px;
	border-radius: 0;
}

.ad-catalogue-single__intro {
	font-size: 1.06rem;
	line-height: 1.68;
}

.ad-catalogue-detail-block h2,
.ad-catalogue-allergens h2 {
	color: #707070;
	font-size: .95rem;
	letter-spacing: .04em;
}

.ad-catalogue-allergens li {
	border-color: var(--ad-catalogue-accent);
	border-radius: 0;
	font-size: .86rem;
}

.ad-catalogue-related > h2 {
	font-weight: 400;
	letter-spacing: -0.025em;
}

/* 6. RESPONSIVE CATALOGO — rifiniture mobile */
@media (max-width: 767px) {
	.ad-catalogue-archive__hero-copy {
		padding: 52px 28px;
	}

	.ad-catalogue-tabs {
		gap: 10px 20px;
		padding-block: 35px 25px;
	}

	.ad-catalogue-grid {
		gap: 25px 8px;
		padding-bottom: 58px;
	}

	.ad-catalogue-category-grid {
		gap: 12px;
	}

	.ad-catalogue-category-card__title {
		right: 18px;
		bottom: 18px;
		left: 18px;
		font-size: 1.45rem;
	}
}