/* ───────────────────────────────────────────────────────────────────────────
   PELLE SINE LIMES — una sola grafica per tutto il percorso di vendita
   ───────────────────────────────────────────────────────────────────────────
   Interventi 8 e 9 del 02/10/2026 (Dott. Picconi): il percorso dalla landing
   /sine-limes-2026/ alla guida, alla cassa e a «La mia area» cambiava tre
   grafiche. Riferimento visivo: la landing. I valori qui sotto sono quelli
   del suo CSS (blu notte, oro, Archivo per i titoli, Libre Franklin per il
   corpo), portati in variabili comuni. Si cambia la pelle, non la struttura:
   nessun campo, passaggio o indirizzo della cassa è toccato.
   Caricato da inc/pelle-sine-limes.php DOPO area-prodotti.css, sulle pagine
   con la classe body «dp-pelle-sl». */

.dp-pelle-sl{
  --sl-navy:#0c2742; --sl-navy-900:#081a2e; --sl-panel:#103057;
  --sl-gold:#E4C273; --sl-gold-deep:#C9A24B; --sl-accent:#7C86D8;
  --sl-cream:#F6F3ED; --sl-text:#EAF1F8; --sl-muted:#8FA6BE;
  --sl-line:rgba(228,194,115,.22);
  --sl-f-display:'Archivo',system-ui,-apple-system,"Segoe UI",sans-serif;
  --sl-f-body:'Libre Franklin',system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ── 9b. Titoli nel carattere della landing ─────────────────────────────── */
.dp-pelle-sl main :is(h1,h2,h3,h4),
.dp-pelle-sl.dp-area-prodotti main :is(h1,h2,h3,h4),
.dp-pelle-sl .dp-sl-hero :is(h1,h2){ font-family:var(--sl-f-display); font-weight:800; letter-spacing:-.01em; }

/* ── 9a. Fascia comune in testa a carrello, cassa, account, guida, applicativo ── */
.dp-sl-topbar{ background:var(--sl-navy); color:var(--sl-text); border-bottom:1px solid var(--sl-line); font-family:var(--sl-f-body); }
.dp-sl-topbar-in{ max-width:1120px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; }
.dp-sl-brand{ display:inline-flex; align-items:center; gap:12px; color:var(--sl-text); text-decoration:none; min-height:44px; }
.dp-sl-brand img{ width:40px; height:40px; border-radius:50%; object-fit:cover; border:1px solid var(--sl-line); }
.dp-sl-brand b{ display:block; font-family:var(--sl-f-display); font-weight:700; font-size:1rem; line-height:1.15; color:#fff; }
.dp-sl-brand span{ display:block; font-size:.74rem; color:var(--sl-muted); line-height:1.2; margin-top:2px; }
.dp-sl-topbar nav{ display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; }
.dp-sl-topbar nav a{ display:inline-flex; align-items:center; min-height:44px; padding:6px 10px; color:var(--sl-text); font-weight:600; font-size:.92rem; text-decoration:none; border-radius:8px; }
.dp-sl-topbar nav a:hover{ color:var(--sl-gold); }
.dp-sl-topbar nav a.is-primary{ background:var(--sl-gold); color:var(--sl-navy-900); font-family:var(--sl-f-display); font-weight:700; padding:6px 16px; border-radius:999px; }
.dp-sl-topbar nav a.is-primary:hover{ background:var(--sl-gold-deep); color:var(--sl-navy-900); }
.dp-sl-topbar nav a:focus-visible{ outline:2px solid var(--sl-gold); outline-offset:3px; }
@media (max-width:640px){ .dp-sl-brand span{ display:none; } .dp-sl-topbar nav a{ padding:6px 8px; font-size:.88rem; } }

/* ── 8b/8c. Testata blu notte delle pagine di vendita (dp_hub_open, pelle «navy») ── */
.dp-sl-hero{ background:
    radial-gradient(80% 120% at 100% 0%, rgba(228,194,115,.14), transparent 55%),
    linear-gradient(160deg,#0e2f50,var(--sl-navy-900)); color:var(--sl-text); border-bottom:3px solid var(--sl-gold-deep); }
.dp-sl-hero-in{ margin:0 auto; padding:44px 16px 40px; }
.dp-sl-hero .dp-sl-eyebrow{ font-family:var(--sl-f-display); font-weight:700; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--sl-gold); display:inline-flex; align-items:center; gap:.6em; margin:0 0 14px; }
.dp-sl-hero .dp-sl-eyebrow::before{ content:""; width:26px; height:1px; background:var(--sl-gold); opacity:.7; }
.dp-sl-hero h1{ color:#fff; font-size:clamp(1.9rem,4vw,3rem); line-height:1.08; margin:0 0 14px; max-width:22ch; }
.dp-sl-hero .dp-sl-sommario{ color:var(--sl-text); opacity:.92; font-size:clamp(1.02rem,1.5vw,1.2rem); line-height:1.6; max-width:60ch; margin:0; }
.dp-sl-hero .dp-sl-extra{ margin-top:22px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; }
.dp-sl-hero .dp-sl-prezzo{ font-family:var(--sl-f-display); font-weight:800; font-size:clamp(1.8rem,3.5vw,2.4rem); color:var(--sl-gold); line-height:1; font-variant-numeric:tabular-nums; }
.dp-sl-hero .dp-sl-prezzo small{ display:block; font-size:.78rem; font-weight:600; color:var(--sl-muted); letter-spacing:.04em; margin-top:4px; font-family:var(--sl-f-body); }
.dp-sl-hero .dp-sl-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 26px; border-radius:999px; border:1px solid var(--sl-gold); background:var(--sl-gold); color:var(--sl-navy-900); font-family:var(--sl-f-display); font-weight:800; font-size:1rem; text-decoration:none; }
.dp-sl-hero .dp-sl-btn:hover{ background:var(--sl-gold-deep); border-color:var(--sl-gold-deep); color:var(--sl-navy-900); }
.dp-sl-hero .dp-sl-btn:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
.dp-sl-hero .dp-sl-noti{ flex-basis:100%; margin:4px 0 0; font-size:.86rem; color:var(--sl-muted); }
.dp-sl-hero .dp-sl-noti a{ color:var(--sl-text); text-decoration:underline; text-underline-offset:2px; }
/* Verifica del 02/10/2026: nell'area prodotti vincevano «.dp-area-prodotti main :is(h1,…)»
   e il colore dei collegamenti di area-prodotti.css, e su /guida-sine-limes-2026/ e
   /rendiconto-sine-limes-2026/ il titolo e «Vai a La mia area» uscivano blu scuro su blu notte. */
.dp-pelle-sl.dp-area-prodotti main .dp-sl-hero :is(h1,h2){ color:#fff; }
.dp-pelle-sl.dp-area-prodotti main .dp-sl-hero a:not(.dp-sl-btn){ color:var(--sl-text); }
.dp-sl-hero .dp-sl-attesa{ display:inline-flex; align-items:center; min-height:44px; font-weight:700; color:var(--sl-gold); font-family:var(--sl-f-display); }
@media (max-width:640px){ .dp-sl-hero-in{ padding:30px 16px 28px; } .dp-sl-hero .dp-sl-btn{ width:100%; } }

/* ── 9b. Pulsante principale oro su blu notte, ovunque ─────────────────── */
.dp-pelle-sl.dp-area-prodotti .dp-acquista,
.dp-pelle-sl.dp-area-prodotti .dp-content-action,
.dp-pelle-sl .dp-commerce-shell .woocommerce :is(.checkout-button,#place_order,button.button.alt),
.dp-pelle-sl .dp-commerce-shell .woocommerce :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) .button{
  background:var(--sl-gold); border-color:var(--sl-gold); color:var(--sl-navy-900);
  border-radius:999px; font-family:var(--sl-f-display); font-weight:800;
}
.dp-pelle-sl.dp-area-prodotti .dp-acquista:hover,
.dp-pelle-sl.dp-area-prodotti .dp-content-action:hover,
.dp-pelle-sl .dp-commerce-shell .woocommerce :is(.checkout-button,#place_order,button.button.alt):hover,
.dp-pelle-sl .dp-commerce-shell .woocommerce :is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) .button:hover{
  background:var(--sl-gold-deep); border-color:var(--sl-gold-deep); color:var(--sl-navy-900);
}
.dp-pelle-sl.dp-area-prodotti .dp-checkout-steps li[aria-current=step]{ background:var(--sl-navy); border-color:var(--sl-navy); color:var(--sl-gold); }
.dp-pelle-sl.dp-area-prodotti main a{ color:var(--sl-navy); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-eyebrow{ color:var(--sl-navy); font-family:var(--sl-f-display); letter-spacing:.06em; text-transform:uppercase; font-size:.76rem; }
.dp-pelle-sl.dp-area-prodotti .dp-sale .dp-offerta{ border-top-color:var(--sl-gold-deep); }
.dp-pelle-sl.dp-area-prodotti .dp-sale .dp-offerta--sola{ grid-template-columns:minmax(0,1fr); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-author{ border-left-color:var(--sl-gold-deep); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-sil{ border-left-color:var(--sl-gold-deep); background:var(--sl-cream); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-feature svg{ stroke:var(--sl-navy); background:var(--sl-cream); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-price-path,
.dp-pelle-sl.dp-area-prodotti .dp-sale-consulting{ border-color:#e3d9c2; background:var(--sl-cream); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-price-path strong{ color:var(--sl-navy); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-faq summary{ color:var(--sl-navy); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-previews--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.dp-pelle-sl.dp-area-prodotti .dp-sale-previews--3 .dp-app-preview img{ aspect-ratio:4/3; object-fit:cover; object-position:top; }
.dp-pelle-sl.dp-area-prodotti .dp-sale-previews--3 figcaption strong{ display:block; color:var(--sl-navy); font-family:var(--sl-f-display); font-size:1rem; margin-bottom:4px; }
@media (max-width:760px){ .dp-pelle-sl.dp-area-prodotti .dp-sale-previews--3{ grid-template-columns:minmax(0,1fr); } }

/* ── 9c. La mia area: una scheda per contenuto ─────────────────────────── */
.dp-pelle-sl .dp-area-cliente{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 16px; margin:0 0 16px; }
.dp-pelle-sl .dp-area-cliente h2{ margin:0; }
.dp-pelle-sl .dp-area-cliente p{ margin:0; color:var(--dp-muted,#46556c); }
.dp-pelle-sl.dp-area-prodotti .dp-miei-contenuti{ grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); }
.dp-pelle-sl.dp-area-prodotti .dp-content-card{ border-top:4px solid var(--sl-gold-deep); }
.dp-pelle-sl.dp-area-prodotti .dp-content-card h3{ font-size:1.1rem; }
.dp-pelle-sl.dp-area-prodotti .dp-content-card--in-attesa,
.dp-pelle-sl.dp-area-prodotti .dp-content-card--scaduto{ border-left:1px solid var(--dp-border,#cbd4e0); border-top-color:var(--dp-muted,#46556c); }
.dp-pelle-sl .dp-area-assistenza{ margin:18px 0 0; padding-top:14px; border-top:1px solid var(--dp-border,#cbd4e0); color:var(--dp-muted,#46556c); font-size:.95rem; }

/* ── 9d. Guida aperta: colonna di lettura, testo 18 px, indice sempre a portata, strumenti come schede ── */
.dp-pelle-sl.dp-area-prodotti .dp-prose{ max-width:68ch; font-size:18px; line-height:1.7; }
.dp-pelle-sl.dp-area-prodotti .dp-prose :is(li,p){ font-size:inherit; }
.dp-pelle-sl .dp-guida-indice{ position:sticky; top:0; z-index:20; margin:0 0 20px; background:#fff; border:1px solid #e3d9c2; border-left:4px solid var(--sl-gold-deep); border-radius:10px; }
.dp-pelle-sl .dp-guida-indice summary{ display:list-item; cursor:pointer; min-height:44px; padding:10px 14px; font-family:var(--sl-f-display); font-weight:700; color:var(--sl-navy); }
.dp-pelle-sl .dp-guida-indice ol{ margin:0; padding:0 14px 12px 14px; list-style:none; display:flex; flex-wrap:wrap; gap:6px 10px; }
.dp-pelle-sl .dp-guida-indice ol a{ display:inline-flex; align-items:center; min-height:36px; padding:4px 10px; border:1px solid #e3d9c2; border-radius:999px; background:var(--sl-cream); color:var(--sl-navy); font-size:.9rem; font-weight:600; text-decoration:none; }
.dp-pelle-sl .dp-guida-indice ol a:hover{ background:var(--sl-gold); border-color:var(--sl-gold); }
.dp-pelle-sl.dp-area-prodotti .dpk{ border:2px solid var(--sl-gold-deep); border-radius:16px; box-shadow:0 10px 28px rgba(12,39,66,.08); }
.dp-pelle-sl.dp-area-prodotti .dpk-head{ background:var(--sl-navy); color:#fff; }
.dp-pelle-sl.dp-area-prodotti .dpk-title{ color:#fff; font-family:var(--sl-f-display); }
.dp-pelle-sl.dp-area-prodotti .dpk-eyebrow{ color:var(--sl-gold); }
.dp-pelle-sl.dp-area-prodotti .dpk-intro{ color:var(--sl-text); opacity:.9; }
.dp-pelle-sl.dp-area-prodotti .dpk-btn{ border-color:var(--sl-navy); color:var(--sl-navy); }
.dp-pelle-sl.dp-area-prodotti .dpk-out{ background:var(--sl-cream); border-color:#e3d9c2; }
.dp-pelle-sl.dp-area-prodotti .dpk-big strong,.dp-pelle-sl.dp-area-prodotti .dpk-table tr.dpk-tot td{ color:var(--sl-navy); }

/* ── 9e. Piè di pagina del negozio ─────────────────────────────────────── */
.dp-pelle-sl.dp-area-prodotti .dp-product-footer{ background:var(--sl-navy); color:var(--sl-text); border-top:3px solid var(--sl-gold-deep); }
.dp-pelle-sl.dp-area-prodotti .dp-product-footer a{ color:var(--sl-gold); }
.dp-pelle-sl.dp-area-prodotti .dp-product-footer-help{ flex-basis:100%; margin-top:4px; font-size:.92rem; color:var(--sl-muted); }

/* ── 8d/8e. Pagine chiare del percorso (servizio, pagina madre, pagina sulla domanda): pulsante di contatto oro ── */
.dp-pelle-sl .dp-door-trigger--primary{ background:var(--sl-gold) !important; color:var(--sl-navy-900) !important; font-family:var(--sl-f-display); font-weight:800; box-shadow:0 10px 24px rgba(201,162,75,.28); }
.dp-pelle-sl .dp-door-trigger--primary:hover{ background:var(--sl-gold-deep) !important; color:var(--sl-navy-900) !important; }
.dp-pelle-sl .dp-door-chiusura{ border-color:#e3d9c2; }