/**
 * Pagina Offerte (page-offers.php).
 *
 * Griglia e card prodotto arrivano da native-archive.css (wrapper .itt-archive):
 * qui c'è solo l'hero, l'intro e lo stato vuoto.
 */

.itt-offers {
	--itt-off-orange: #F07A1A;
}

/* ---------- Hero ---------- */
.itt-off-hero {
	background: linear-gradient(135deg, #16324a 0%, #0f2233 100%);
	padding: 48px 0 52px;
	color: #fff;
}
.itt-off-hero-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--itt-off-orange);
	border: 1px solid rgba(240, 122, 26, 0.45);
	border-radius: 999px;
	padding: 5px 14px;
	margin-bottom: 16px;
}
.itt-off-hero-title {
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 12px;
}
.itt-off-hero-sub {
	font-size: 15px;
	line-height: 1.65;
	color: #9fb4c7;
	max-width: 620px;
	margin: 0;
}
.itt-off-hero-count {
	display: inline-block;
	margin-top: 20px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px;
	padding: 7px 14px;
}

/* ---------- Intro dall'editor ---------- */
.itt-off-intro {
	font-size: 15px;
	line-height: 1.7;
	color: var(--muted-2, #555);
	max-width: 820px;
	margin-bottom: 32px;
}
.itt-off-intro p:last-child { margin-bottom: 0; }

/* ---------- Nessuna offerta attiva ---------- */
.itt-off-empty {
	text-align: center;
	padding: 56px 0 64px;
	color: var(--muted, #777);
}
.itt-off-empty p { font-size: 16px; margin: 0 0 20px; }
.itt-off-empty-btn {
	display: inline-block;
	background: var(--ittc-gold, #E8A800);
	color: var(--ittc-ink, #1a1a1a);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 6px;
	padding: 11px 22px;
	transition: background .2s;
}
.itt-off-empty-btn:hover { background: var(--ittc-gold-dark, #d49700); color: var(--ittc-ink, #1a1a1a); }

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
	.itt-off-hero { padding: 36px 0 40px; }
	.itt-off-hero-title { font-size: 28px; }
	.itt-off-hero-sub { font-size: 14px; }
}