/* ════════════════════════════════════════════════════════════════════════
   APPLE UNIFORM — caricato per ULTIMO su ogni pagina.
   Obiettivo: sfondo NERO uniforme, testo bianco/grigio, accento arancione,
   stile apple.com/iphone-17-pro. Neutralizza ogni residuo di tema "chiaro".
   ════════════════════════════════════════════════════════════════════════ */

/* ---------- PRICING: sezioni chiare -> nere ---------- */
.pricing-page .prc-section--light,
.pricing-page .prc-section--light-purple,
.pricing-page [class*="prc-section--light"] { background: #000 !important; }

.pricing-page :is(.prc-section--light, .prc-section--light-purple)
  :is(h1, h2, h3, .rd-h2, strong, b, [class*="title"], [class*="-num"]) {
  color: #f5f5f7 !important; -webkit-text-fill-color: #f5f5f7 !important; background: none !important;
}
.pricing-page :is(.prc-section--light, .prc-section--light-purple)
  :is(p, li, .rd-lead, [class*="desc"], [class*="lead"], [class*="period"], [class*="-cur"], [class*="badge"]) {
  color: #a1a1a8 !important;
}
.pricing-page :is(.prc-section--light, .prc-section--light-purple)
  :is([class*="card"], [class*="block"], .prc-solo-block):not([class*="title"]):not([class*="desc"]):not([class*="-tag"]):not([class*="label"]):not([class*="-num"]):not([class*="-text"]):not([class*="-sub"]):not([class*="-name"]):not([class*="check"]):not([class*="badge"]):not(h1):not(h2):not(h3):not(h4):not(p):not(span):not(strong) {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.40) !important;
}
/* prezzo grande pricing chiaro -> arancio (accento) */
.pricing-page :is(.prc-section--light, .prc-section--light-purple) .prc-plan-price-num {
  color: #ff8a3d !important; -webkit-text-fill-color: #ff8a3d !important;
}

/* ---------- .rd-light: catch-all testo (oltre l'override in impact.css) ---------- */
.rd-light :is(.rd-gdpr-title, [class*="-title"], [class*="card-t"], strong, b) {
  color: #f5f5f7 !important;
}
.rd-light :is(.rd-gdpr-text, [class*="-text"], [class*="-desc"], [class*="-label"]) {
  color: #a1a1a8 !important;
}

/* ---------- HOME: benefit / referral ---------- */
.rd-benefit-card .rd-h3,
.rd-referral-step-title { color: #f5f5f7 !important; }
.rd-referral-step-text { color: #a1a1a8 !important; }
.rd-benefit-card, .rd-referral-card, .rd-referral-step {
  background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important;
}

/* ---------- RENTALMATCH: agency cards + stats ---------- */
.rm-agency-card-title { color: #f5f5f7 !important; }
.rm-agency-card-desc { color: #a1a1a8 !important; }
.rm-agency-card { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }
.rm-impact-num, .rm-stat-num, [class*="rm-impact"] [class*="num"] { color: #ff8a3d !important; -webkit-text-fill-color:#ff8a3d !important; }
.rm-impact-label, .rm-stat-label, [class*="rm-impact"] [class*="label"] { color: #a1a1a8 !important; }

/* ---------- MAGICCONTRACT mc-story: titoli sezione chiari (mockup app restano bianchi) ---------- */
.mc-stage-title { color: #f5f5f7 !important; }
.mc-stage-desc, .mc-story-lead { color: #a1a1a8 !important; }


/* ---------- RENTALMATCH agency section -> nera ---------- */
.rm-agency-section { background: #000 !important; color: #f5f5f7 !important; }
.rm-agency-stat, .rm-agency-card { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.40) !important; }
.rm-agency-h2 { color: #f5f5f7 !important; -webkit-text-fill-color: #f5f5f7 !important; }
.rm-agency-h2 .rd-g-blue { background: linear-gradient(105deg,#ff8a3d,#ff6b00) !important; -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent !important; }
.rm-agency-lead, .rm-agency-card-desc, .rm-agency-stat-label, .rm-agency-card-tag { color: #a1a1a8 !important; }
.rm-agency-card-title, .rm-agency-stat-num { color: #f5f5f7 !important; -webkit-text-fill-color: #f5f5f7 !important; }
.rm-agency-eyebrow { color: #ff8a3d !important; background: rgba(255,107,0,0.10) !important; border-color: rgba(255,107,0,0.28) !important; }

/* ---------- RENTALMATCH tenant: input bianco -> scuro ---------- */
.rd-light.rm-tenant-section .rm-nl-field, .rm-tenant-section .rm-nl-field { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.14) !important; box-shadow: none !important; }

/* ---------- catch-all: card chiare residue dentro .rd-light -> glass scuro ---------- */
.rd-light :is([class*="card"], [class*="-box"], [class*="callout"]):not([class*="title"]):not([class*="desc"]):not([class*="-tag"]):not([class*="label"]):not([class*="-num"]):not([class*="-text"]):not([class*="-sub"]):not([class*="-name"]):not([class*="check"]):not([class*="badge"]):not(h1):not(h2):not(h3):not(h4):not(p):not(span):not(strong) {
  background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.12) !important;
}
.rd-light :is([class*="callout"], [class*="-box"]) :is(p, span, div, strong) { color: #d0d0d6 !important; }

/* ---------- FIX background-clip:text (un background:!important rendeva il clip
   border-box !important -> titolo come barra bianca). Forziamo clip:text. ---------- */
.rd-light .rd-h1, .rd-light .rd-h2, .rd-light .rd-h2--med, .rd-light .rd-h3,
.rd-light .rd-g-blue, .rd-light .rd-g-teal, .rd-light .rd-g-purple, .rd-light .rd-g-full,
.rd-light .rd-score-big, .rd-light.rm-tenant-section .rd-h2,
.rm-agency-h2 .rd-g-blue, .rm-agency-h2 [class*="rd-g-"] {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}


/* === TORNATA FIX 2026-06-14 === === */
/* --- TITOLI grandi -> bianchi, niente animazioni colore --- */
.hero-h1-line { background: linear-gradient(175deg,#ffffff 0%,#e6e6ec 100%) !important; background-size: auto !important; animation: none !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important; }
.rd-g-blue, .rd-g-teal, .rd-g-purple, .rd-g-full,
.pricing-page .rd-g-blue, .pricing-page .rd-g-teal, .pricing-page .rd-g-purple, .pricing-page .rd-g-full,
.rm-agency-h2 .rd-g-blue {
  background: linear-gradient(175deg,#ffffff 0%,#e6e6ec 100%) !important; background-size: auto !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important; animation: none !important;
}
.rd-h1 span[style*="background-clip"], .rd-h2 span[style*="background-clip"], .rd-cta-title span[style*="background-clip"] {
  background: linear-gradient(175deg,#ffffff,#e6e6ec) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
/* --- sezioni chiare residue -> scure --- */
.rd-light .mc-dispute-step { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }
.mc-dispute-flow { align-items: stretch !important; }
.rd-light .rd-gdpr-item { background: rgba(255,255,255,0.04) !important; border-color: rgba(255,255,255,0.10) !important; }
.mc-story-section .mc-stage-mock { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
/* --- pricing: liste a sinistra + promo non tagliato + testo card popular chiaro --- */
.pricing-page .prc-check-list, .pricing-page .prc-check-list li,
.pricing-page .prc-cards-grid--5 .prc-plan-list, .pricing-page .prc-cards-grid--5 .prc-plan-list li { text-align: left; }
/* card proprietari (payuse): header (badge/prezzo/periodo) centrato, lista feature a SINISTRA con bullet incolonnati */
.pricing-page .prc-payuse-card { text-align: center; }
.pricing-page .prc-payuse-card .prc-plan-list,
.pricing-page .prc-payuse-card .prc-plan-list li { text-align: left; }
.pricing-page .prc-payuse-card .prc-plan-list li { justify-content: flex-start; }
.pricing-page .prc-payuse-card .prc-plan-list { max-width: 280px; margin: 6px auto 0; }
.pricing-page .prc-cards-grid--5 .prc-plan-card { overflow: visible !important; }
.pricing-page .prc-cards-grid--5 { padding-top: 20px; }
.pricing-page .prc-plan-card--popular .prc-plan-list li, .pricing-page .prc-plan-card--popular .prc-plan-name { color: #f5f5f7 !important; }

/* Rentalscore consequences: card uniformi, tag/callout pinnati in basso */
.rs-cons-card { display:flex !important; flex-direction:column; } /* rs-cons-card simmetria */
.rs-cons-card-tag, .rs-cons-card-callout { margin-top:auto; }


/* === TORNATA FIX 2 2026-06-14 === */
/* referral example box: leggibile su nero (testo era #2a3550 scuro) */
.rd-referral-callout { background: rgba(255,107,0,0.08) !important; border-color: rgba(255,107,0,0.22) !important; }
.rd-referral-callout-inner { color: #c9c9cf !important; }
.rd-referral-callout-inner strong { color: #ffffff !important; }
.rd-referral-callout-emoji, .rd-referral-callout-emoji .rd-icon { color: #ff8a3d !important; }
/* distinzione sottile tra sezioni (ritmo "sandwich" senza uscire dal nero) */
.rd-light, .rd-section.rd-light, .rm-tenant-section.rd-light, .rd-light.rm-tenant-section,
.rm-agency-section, .pricing-page .prc-section--light, .pricing-page .prc-section--light-purple { background: #0e0e11 !important; }
/* seam sottile in cima alla CTA finale per distinguerla dalla sezione sopra */
.rd-cta-section { box-shadow: inset 0 1px 0 rgba(255,255,255,0.07); }

/* scroll cue mobile: rischiava sovrapposizione con le card hero -> nascosto su mobile (hero-scroll-cue mobile) */
@media (max-width: 640px){ .hero-scroll-cue{ display:none !important; } }

/* Rentalscore CTA: riga mercati (live arancio / prossimi tratteggiati) per riempire la sezione */
.rs-markets { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:34px; }
.rs-market { display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:38px; padding:0 12px; border-radius:11px; font-size:0.86rem; font-weight:800; letter-spacing:0.05em; }
.rs-market--live { color:#fff; background:linear-gradient(135deg,#ff6b00,#ff8a3d); box-shadow:0 6px 16px rgba(255,107,0,0.28); }
.rs-market--soon { color:#86868b; background:rgba(255,255,255,0.04); border:1px dashed rgba(255,255,255,0.18); }
.rs-market-arrow { color:#ff8a3d; font-size:1.15rem; font-weight:700; margin:0 4px; }

/* rimuovi alone conico rotante sulla card popular (animazione brutta) - prc-popular-halo OFF */
.pricing-page .prc-plan-card--popular::after { content: none !important; animation: none !important; }

/* === TORNATA FIX 3 2026-06-14 === */
/* CTA finale pagine prodotto: causa del vuoto enorme in fondo = how-section.css forza
   min-height:100vh, ma impact.css mette display:block (toglie il centraggio flex) ->
   contenuto in alto e ~400px di vuoto sotto. Fix: altezza guidata dal padding. */
body.product-page .rd-cta-section { min-height: auto !important; }
body.product-page .rd-cta-section { padding-top: clamp(80px, 10vw, 120px) !important; padding-bottom: clamp(52px, 6vw, 78px) !important; }