/*
 * Pagina "I tuoi numeri importanti" (raggiunta dal QR code nel libro).
 * Usa esclusivamente il sistema visivo già definito in frontend.css
 * (variabili colore/font, .gaps-wrap, .gaps-btn-primary, .gaps-eyebrow,
 * .gaps-contact-section, .gaps-footer). Qui solo le classi specifiche
 * di questa pagina, prefissate "gaps-num-".
 */

.gaps-numeri-page { overflow: hidden; }

/* ===== HERO — DOWNLOAD ===== */
.gaps-num-hero {
	padding: clamp(64px, 8vw, 100px) 0 clamp(56px, 7vw, 84px);
	background:
		radial-gradient(circle at 10% 15%, rgba(44, 173, 169, 0.18), transparent 35%),
		radial-gradient(circle at 92% 88%, rgba(194, 78, 58, 0.12), transparent 35%),
		linear-gradient(135deg, var(--gaps-cream, #fffdf7) 0%, #f8f2e4 60%, #fff7e9 100%);
}
.gaps-num-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
	align-items: center;
	gap: clamp(40px, 6vw, 76px);
}
.gaps-num-hero-copy h1 {
	margin: 12px 0 20px;
	font-size: clamp(2rem, 4.2vw, 3.1rem);
	line-height: 1.08;
	letter-spacing: -0.01em;
}
.gaps-num-hero-sub {
	max-width: 58ch;
	margin: 0 0 30px;
	color: var(--gaps-ink-soft, #3a3a3a);
	font-size: clamp(1.02rem, 1.5vw, 1.18rem);
	line-height: 1.68;
}
.gaps-num-hero-copy .gaps-btn-primary { font-size: 1.1rem; }
.gaps-num-hero-copy .gaps-micro { margin-top: 14px; }

/* Colori pulsanti — dichiarati esplicitamente con specificità maggiore e
   !important: alcuni temi WordPress caricano un proprio CSS globale per i
   link (es. ".entry-content a") che, pur restando la pagina isolata dal
   markup del tema, viene comunque incluso da wp_head() e può altrimenti
   sovrascrivere il colore del testo dei nostri pulsanti <a>. */
.gaps-numeri-page .gaps-num-hero-copy .gaps-btn-primary,
.gaps-numeri-page .gaps-num-hero-copy .gaps-btn-primary:link,
.gaps-numeri-page .gaps-num-hero-copy .gaps-btn-primary:visited {
	background-color: var(--gaps-teal-deep, #0b6560) !important;
	color: #fff !important;
}
.gaps-numeri-page .gaps-num-hero-copy .gaps-btn-primary:hover,
.gaps-numeri-page .gaps-num-hero-copy .gaps-btn-primary:focus-visible {
	background-color: var(--gaps-teal-darker, #084f4b) !important;
	color: #fff !important;
}
.gaps-numeri-page .gaps-num-review-section .gaps-btn-primary,
.gaps-numeri-page .gaps-num-review-section .gaps-btn-primary:link,
.gaps-numeri-page .gaps-num-review-section .gaps-btn-primary:visited {
	background-color: #fff !important;
	color: var(--gaps-teal-deep, #0b6560) !important;
}
.gaps-numeri-page .gaps-num-review-section .gaps-btn-primary:hover,
.gaps-numeri-page .gaps-num-review-section .gaps-btn-primary:focus-visible {
	background-color: var(--gaps-cream-warm, #f5d9a8) !important;
	color: var(--gaps-teal-deep, #0b6560) !important;
}
.gaps-num-hero-visual { position: relative; }
.gaps-num-hero-visual img {
	max-width: 320px;
	margin: 0 auto;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: var(--gaps-shadow-card, 0 8px 30px rgba(11,101,96,0.12));
	transform: rotate(-2deg);
}

@media (max-width: 860px) {
	.gaps-num-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }
	.gaps-num-hero-sub { margin-left: auto; margin-right: auto; }
	.gaps-num-hero-visual { order: -1; max-width: 260px; margin: 0 auto; }
	.gaps-num-hero-visual img { max-width: 100%; }
}

/* ===== COSA TROVI NELLA SCHEDA ===== */
.gaps-num-content-section { padding: clamp(56px, 7vw, 84px) 0; background: var(--gaps-white, #fff); }
.gaps-num-content-card {
	max-width: 760px;
	margin: 0 auto;
	padding: clamp(30px, 5vw, 48px);
	border: 1px solid var(--gaps-border-soft, rgba(11,101,96,0.15));
	border-radius: var(--gaps-radius, 20px);
	background: var(--gaps-cream, #fffdf7);
	box-shadow: var(--gaps-shadow-soft, 0 4px 20px rgba(11,101,96,0.08));
}
.gaps-num-content-card h2 { margin-bottom: 14px; font-size: clamp(1.3rem, 2.2vw, 1.7rem); }
.gaps-num-content-card > p { color: var(--gaps-ink-soft, #3a3a3a); margin-bottom: 22px; }
.gaps-num-list { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 12px; }
.gaps-num-list li {
	position: relative;
	padding-left: 30px;
	color: var(--gaps-ink, #1a1a1a);
	font-size: 0.98rem;
}
.gaps-num-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--gaps-teal-bright, #2cada9);
	font-weight: 700;
}
.gaps-num-share-note { font-size: 0.92rem; color: var(--gaps-ink-soft, #3a3a3a); margin: 0; }

/* ===== PERCHÉ ===== */
.gaps-num-why-section { padding: clamp(48px, 6vw, 70px) 0; background: var(--gaps-cream-warm, #f5d9a8); text-align: center; }
.gaps-num-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; text-align: center; }
.gaps-num-why-item { text-align: center; }
.gaps-num-why-item strong {
	display: block;
	margin-bottom: 8px;
	color: var(--gaps-teal-darker, #084f4b);
	font-family: var(--gaps-font-display, 'Fredoka', sans-serif);
	font-size: 1.02rem;
	text-align: center;
}
.gaps-num-why-item p { margin: 0; color: #4a3c2a; font-size: 0.94rem; line-height: 1.55; text-align: center; }
@media (max-width: 760px) { .gaps-num-why-grid { grid-template-columns: 1fr; } }

/* ===== RICHIESTA RECENSIONE ===== */
.gaps-num-review-section {
	padding: clamp(64px, 8vw, 96px) 0;
	background: linear-gradient(160deg, var(--gaps-teal-deep, #0b6560) 0%, var(--gaps-teal-darker, #084f4b) 100%);
	color: #fff;
	text-align: center;
}
.gaps-num-review-wrap { max-width: 680px; margin: 0 auto; }
.gaps-num-review-section .gaps-eyebrow { background: rgba(255,255,255,0.14); color: #fff; }
.gaps-num-review-section h2 { color: #fff; font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 16px; }
.gaps-num-review-section p { color: rgba(255,255,255,0.9); margin-bottom: 28px; font-size: 1.05rem; line-height: 1.6; }
.gaps-num-fine-print { margin: 20px 0 0 !important; font-size: 0.82rem !important; color: rgba(255,255,255,0.68) !important; }
.gaps-num-fine-print a { color: rgba(255,255,255,0.9); text-decoration: underline; }

/* ===== CONTATTI (riuso .gaps-contact-section di frontend.css) ===== */
.gaps-num-contact-section { padding-top: clamp(56px, 7vw, 84px); padding-bottom: clamp(56px, 7vw, 84px); }

@media (max-width: 640px) {
	.gaps-numeri-page section { padding-left: 0; padding-right: 0; }
}