/**
 * IlMercatone — identità colore (staging / produzione)
 *
 * Primary:  #0EA5E9  pulsanti, link attivi, icone, tab, highlight
 * Hover:    #0284C7
 * Strong:   #0369A1  elementi più marcati
 * Soft bg:  #F0F9FF  solo sezioni evidenziate / box info / selected
 * Page bg:  #FFFFFF + grigio chiarissimo (#F8FAFC)
 *
 * Caricato dopo ii-layout.css quando SITE_THEME=ilmercatone.
 */

body.site-ilmercatone {
	/* Token portale (mappati anche sulle var II esistenti) */
	--mm-primary: #0ea5e9;
	--mm-hover: #0284c7;
	--mm-strong: #0369a1;
	--mm-soft: #f0f9ff;
	--mm-page: #ffffff;
	--mm-muted: #f8fafc;
	--mm-border: #e2e8f0;
	--mm-text: #0a1628;
	--mm-text-soft: #64748b;

	--ii-accent: var(--mm-primary);
	--ii-accent-dark: var(--mm-hover);
	--ii-blue: var(--mm-primary);
	--ii-blue-dark: var(--mm-hover);
	--ii-accent-start: var(--mm-primary);
	--ii-accent-end: var(--mm-strong);
	--ii-hub-accent: var(--mm-primary);
	--ii-muted: var(--mm-muted);
	--ii-border: var(--mm-border);
	--ii-navy: var(--mm-text);
	--ii-text-soft: var(--mm-text-soft);

	background: var(--mm-page);
	color: var(--mm-text);
}

/* ── Pulsanti principali ─────────────────────────── */

body.site-ilmercatone .ii-btn--primary,
body.site-ilmercatone .ii-account__btn--primary,
body.site-ilmercatone .ii-ads-item__service-cta--primary,
body.site-ilmercatone .ii-cookie-banner__accept {
	background: linear-gradient(135deg, var(--mm-primary), var(--mm-hover)) !important;
	border-color: var(--mm-primary) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(14, 165, 233, 0.28) !important;
}

body.site-ilmercatone .ii-btn--primary:hover,
body.site-ilmercatone .ii-account__btn--primary:hover,
body.site-ilmercatone .ii-cookie-banner__accept:hover {
	background: linear-gradient(135deg, var(--mm-hover), var(--mm-strong)) !important;
	border-color: var(--mm-hover) !important;
	box-shadow: 0 14px 30px rgba(2, 132, 199, 0.35) !important;
}

body.site-ilmercatone .ii-hero-search-pill__icon {
	background: linear-gradient(135deg, var(--mm-primary), var(--mm-hover));
	color: #fff;
}

body.site-ilmercatone .ii-icon-btn:hover,
body.site-ilmercatone .ii-header__search:hover {
	background: var(--mm-soft);
	color: var(--mm-hover);
}

/* ── Link attivi / hover ─────────────────────────── */

body.site-ilmercatone a:hover,
body.site-ilmercatone .ii-link-accent,
body.site-ilmercatone .ii-mobile-nav__link--accent,
body.site-ilmercatone .ii-icon--accent,
body.site-ilmercatone .ii-static__body a,
body.site-ilmercatone .ii-static__breadcrumb a:hover,
body.site-ilmercatone .ii-cookie-banner__text a {
	color: var(--mm-primary);
}

body.site-ilmercatone .ii-cookie-banner__text a:hover,
body.site-ilmercatone .ii-mobile-nav__link--accent:hover {
	color: var(--mm-hover);
}

body.site-ilmercatone .ii-header__auth:hover,
body.site-ilmercatone .ii-footer__col-list a:hover {
	color: var(--mm-hover);
}

/* ── Tab / stati selezionati ─────────────────────── */

body.site-ilmercatone .ii-tab.is-active,
body.site-ilmercatone .ii-tabs [aria-selected="true"],
body.site-ilmercatone .ii-account__nav-link.is-active,
body.site-ilmercatone .ii-account__nav a[aria-current="page"],
body.site-ilmercatone .nav-link.active,
body.site-ilmercatone .ops-tab.is-active {
	color: var(--mm-strong);
	border-color: var(--mm-primary);
	background: var(--mm-soft);
}

body.site-ilmercatone .ii-account__nav-link.is-active,
body.site-ilmercatone .ii-account__nav a[aria-current="page"] {
	box-shadow: inset 3px 0 0 var(--mm-primary);
}

/* ── Hub categorie: niente rosa II → azzurri ──────── */

body.site-ilmercatone .ii-accent--rose,
body.site-ilmercatone .ii-accent--pink,
body.site-ilmercatone .ii-accent--violet,
body.site-ilmercatone .ii-accent--coral,
body.site-ilmercatone .ii-accent--purple {
	--ii-accent-start: #38bdf8;
	--ii-accent-end: #0369a1;
	--ii-hub-accent: #0ea5e9;
}

body.site-ilmercatone .ii-accent--blue,
body.site-ilmercatone .ii-accent--teal {
	--ii-accent-start: #0ea5e9;
	--ii-accent-end: #0369a1;
	--ii-hub-accent: #0284c7;
}

body.site-ilmercatone .ii-accent--gold {
	--ii-accent-start: #38bdf8;
	--ii-accent-end: #0ea5e9;
	--ii-hub-accent: #0284c7;
}

/* ── Sfondi: bianco / grigio, soft solo dove serve ─ */

body.site-ilmercatone .ii-header {
	background: rgba(255, 255, 255, 0.96);
}

body.site-ilmercatone .ii-muted-section,
body.site-ilmercatone .ii-categories,
body.site-ilmercatone .ii-footer__main {
	background: var(--mm-muted);
}

body.site-ilmercatone .ii-info-box,
body.site-ilmercatone .ii-callout,
body.site-ilmercatone .ii-account__alert--info,
body.site-ilmercatone .mm-soft-panel {
	background: var(--mm-soft);
	border-color: rgba(14, 165, 233, 0.2);
}

/* Hero stats: blu scuro semitrasparente, alto contrasto sul testo bianco */
body.site-ilmercatone .ii-hero-stat {
	background: rgba(2, 70, 130, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #fff;
	box-shadow: 0 8px 22px rgba(8, 16, 32, 0.28);
}

body.site-ilmercatone .ii-hero-stat strong {
	color: #fff;
}

body.site-ilmercatone .ii-hero-stat span {
	color: rgba(255, 255, 255, 0.9);
	opacity: 1;
}

/*
 * Hero background Mercatone:
 * - altezza compatta (≈ −60/80px rispetto al tentativo 600px)
 * - piccolo crop accettato, niente zoom (scale)
 * - posizione centrata: composizione leggibile senza allungare l’header
 * - overlay scuro a destra invariato (ii-layout)
 */
body.site-ilmercatone .ii-hero {
	min-height: clamp(440px, 50vh, 520px);
	padding-top: 28px;
	justify-content: flex-start;
}

body.site-ilmercatone .ii-hero__content {
	margin-top: 12px;
	padding-bottom: 12px;
}

body.site-ilmercatone .ii-hero__search-wrap {
	padding-bottom: 28px;
}

body.site-ilmercatone .ii-hero__bg-img {
	object-fit: cover;
	object-position: center 48%;
	transform: none;
}

@media (max-width: 900px) {
	body.site-ilmercatone .ii-hero {
		/* Su tablet lascia gestire altezza/stack a ii-layout; crop dedicato */
		min-height: 0;
		padding-top: 0;
	}

	body.site-ilmercatone .ii-hero__bg-img {
		object-position: 32% 20%;
	}
}

@media (max-width: 720px) {
	body.site-ilmercatone .ii-hero__bg-img {
		/* Mobile: priorità al volto, crop diverso dal desktop */
		object-position: 28% 12%;
	}
}

body.site-ilmercatone .ii-search-modal__dialog,
body.site-ilmercatone .ii-card,
body.site-ilmercatone .ii-listing-card {
	background: var(--mm-page);
}

body.site-ilmercatone .ii-search-modal__dialog :focus-visible,
body.site-ilmercatone .ii-hero-search-pill:focus-visible,
body.site-ilmercatone select:focus,
body.site-ilmercatone input:focus,
body.site-ilmercatone textarea:focus {
	outline-color: var(--mm-primary);
	border-color: var(--mm-primary);
	box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
}

/* ── Icone / highlight piccoli ───────────────────── */

body.site-ilmercatone .ii-search-modal__title svg,
body.site-ilmercatone .ii-search-modal [style*="#d946a8"],
body.site-ilmercatone .ii-search-modal [style*="d946a8"] {
	color: var(--mm-primary) !important;
}

body.site-ilmercatone .ii-badge--accent,
body.site-ilmercatone .badge.bg-primary {
	background: var(--mm-primary) !important;
}

body.site-ilmercatone .ii-badge--strong {
	background: var(--mm-strong) !important;
}

/* ── Footer CTA bar: soft, non saturato ──────────── */

body.site-ilmercatone .ii-footer__cta-bar {
	background: var(--mm-soft);
	border-color: rgba(14, 165, 233, 0.18);
}

body.site-ilmercatone .ii-footer__cta-kicker {
	color: var(--mm-strong);
}

body.site-ilmercatone .ii-logo__img,
body.site-ilmercatone .ii-footer__logo-img,
body.site-ilmercatone .ii-age-gate__logo {
	width: auto;
	height: 40px;
	max-width: min(240px, 62vw);
	object-fit: contain;
}

body.site-ilmercatone .ii-footer__logo-img {
	height: 44px;
}

body.site-ilmercatone .ii-age-gate__logo {
	height: 52px;
	max-width: 280px;
}

/* ── Homepage categorie: 5/riga, ~185×230 (4/5), titolo sopra ─ */

body.site-ilmercatone .ii-section--categories-mm {
	background: #fff;
	padding-bottom: 0;
}

body.site-ilmercatone .ii-section--categories-mm > .ii-container .ii-section__head--center {
	margin-bottom: 28px;
}

/* Fasce full-bleed: riga 1 bianco, riga 2 soft, riga 3 bianco… */
body.site-ilmercatone .ii-cat-row {
	width: 100%;
	padding: 36px 0 40px;
}

body.site-ilmercatone .ii-cat-row--base {
	background: #fff;
}

body.site-ilmercatone .ii-cat-row--alt {
	background: var(--mm-soft, #f0f9ff);
}

body.site-ilmercatone .ii-section--categories-mm .ii-cat-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px 14px;
	align-items: start;
}

body.site-ilmercatone .ii-cat-card--mm {
	box-shadow: none;
	border: 0;
	background: transparent;
	overflow: visible;
}

body.site-ilmercatone .ii-cat-card--mm:hover {
	transform: none;
	box-shadow: none;
}

body.site-ilmercatone .ii-cat-card__title--above {
	margin: 0 0 8px;
	text-align: center;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.25;
	color: var(--mm-text, #0a1628);
}

body.site-ilmercatone .ii-cat-card__title--above a {
	color: inherit;
	text-decoration: none;
}

body.site-ilmercatone .ii-cat-card__title--above a:hover {
	color: var(--mm-hover, #0284c7);
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__media {
	/* Prova 185×230 ≈ 4/5 — crop solo sopra/sotto, niente stretch */
	aspect-ratio: 4 / 5;
	border-radius: 10px;
	background: #e2e8f0;
	display: block;
	overflow: hidden;
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__media picture {
	display: block;
	width: 100%;
	height: 100%;
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__body {
	padding: 10px 2px 0;
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__desc {
	display: none;
}

body.site-ilmercatone .ii-cat-card--mm .ii-cat-card__count {
	margin-bottom: 0;
}

/* Tablet/mobile: niente fasce alternate (evita “strisce” su wrap), solo più gap verticale */
@media (max-width: 1100px) {
	body.site-ilmercatone .ii-cat-row,
	body.site-ilmercatone .ii-cat-row--base,
	body.site-ilmercatone .ii-cat-row--alt {
		background: transparent;
		padding: 0;
	}

	body.site-ilmercatone .ii-section--categories-mm {
		padding-bottom: 48px;
	}

	body.site-ilmercatone .ii-section--categories-mm .ii-cat-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px 14px;
	}

	body.site-ilmercatone .ii-cat-row + .ii-cat-row {
		margin-top: 28px;
	}
}

@media (max-width: 720px) {
	body.site-ilmercatone .ii-section--categories-mm .ii-cat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px 12px;
	}

	body.site-ilmercatone .ii-cat-row + .ii-cat-row {
		margin-top: 26px;
	}
}

.mm-staging-banner {
	background: var(--mm-strong, #0369a1);
	color: #e0f2fe;
	text-align: center;
	padding: 0.55rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.mm-staging-banner code {
	background: rgba(255, 255, 255, 0.14);
	padding: 0.1em 0.35em;
	border-radius: 4px;
	font-weight: 500;
}

/* ── Age gate link ───────────────────────────────── */

body.site-ilmercatone .ii-age-gate a {
	color: var(--mm-primary);
}

body.site-ilmercatone .ii-age-gate a:hover {
	color: var(--mm-hover);
}