/* Scarabeo Escursioni — identità B "Lapis" — v1.0 (9 nov 2026)
   Da incollare in GeneratePress: Aspetto > Personalizza > CSS aggiuntivo (oppure tema child: style.css).
   Font: aggiungere in <head> (GeneratePress > Elements > Hook wp_head):
   <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Inter:wght@400;500;600;700&display=swap">
   Unico riferimento per le classi sc-: niente classi nuove fuori da questo file. */

:root{
  --sc-bg:#F3F5F9; --sc-surface:#FFFFFF; --sc-ink:#0F1A30; --sc-muted:#4A5468;
  --sc-primary:#1E3F8C; --sc-primary-ink:#FFFFFF; --sc-soft:#E2E8F5;
  --sc-accent:#E07A4F; --sc-accent-ink:#0F1A30; --sc-accent-soft:#FBE3D7;
  --sc-line:#DCE1EC; --sc-dark:#0F1E42; --sc-dark-ink:#F3F5F9;
  --sc-wa:#1F8F55; --sc-wa-ink:#FFFFFF;
  --sc-display:'Bricolage Grotesque',Inter,system-ui,sans-serif;
  --sc-body:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sc-radius:18px; --sc-radius-sm:12px;
}

/* ---------- base ---------- */
.sc-trip *,.sc-page *,.sc-trip,.sc-page{box-sizing:border-box}
body{background:var(--sc-bg);color:var(--sc-ink);font-family:var(--sc-body);font-size:17px;line-height:1.65}
.sc-trip,.sc-page{max-width:880px;margin:0 auto;padding:8px 0 64px}
.sc-trip h1,.sc-page h1,.sc-trip h2,.sc-page h2{font-family:var(--sc-display);color:var(--sc-ink);text-wrap:balance}
.sc-trip h1,.sc-page h1{font-weight:800;font-size:clamp(32px,4.6vw,52px);line-height:1.06;letter-spacing:-.02em;margin:10px 0 0}
.sc-trip h2,.sc-page h2{font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.01em;margin:0 0 14px}
.sc-trip h3,.sc-page h3{font-family:var(--sc-body);font-weight:700;font-size:19px;line-height:1.3;margin:22px 0 6px}
.sc-trip p,.sc-page p{margin:0 0 14px}
.sc-trip a,.sc-page a{color:var(--sc-primary);text-decoration-thickness:1px;text-underline-offset:3px}
.sc-trip a:hover,.sc-page a:hover{text-decoration-thickness:2px}
.sc-trip ul,.sc-page ul,.sc-trip ol,.sc-page ol{margin:0 0 14px;padding-left:1.25em}
.sc-trip li,.sc-page li{margin:4px 0}
:where(.sc-trip,.sc-page) :focus-visible{outline:3px solid var(--sc-accent);outline-offset:2px;border-radius:4px}

/* ---------- hero ---------- */
.sc-hero{display:grid;gap:16px;padding:8px 0 28px}
.sc-kicker{justify-self:start;margin:0;background:var(--sc-accent);color:var(--sc-accent-ink);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.sc-intro{font-size:19px;line-height:1.65;max-width:68ch;margin:0}
.sc-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--sc-radius);background:var(--sc-soft);border:1px solid var(--sc-line)}
.sc-hero>.sc-btn-wa{order:4}
.sc-hero>img{order:5}
.sc-updated{order:6;font-size:14px;color:var(--sc-muted);margin:0}

/* ---------- WhatsApp button ---------- */
.sc-btn-wa{box-sizing:border-box;max-width:100%;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;
  background:var(--sc-wa);color:var(--sc-wa-ink)!important;font-weight:700;font-size:16px;text-decoration:none!important;justify-self:start;
  box-shadow:0 1px 0 rgba(15,26,48,.08)}
.sc-btn-wa::before{content:"";width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 0 1-13.5 7.8L3 21l1.2-4.5A9 9 0 1 1 21 12z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a9 9 0 0 1-13.5 7.8L3 21l1.2-4.5A9 9 0 1 1 21 12z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.sc-btn-wa:hover{filter:brightness(1.07)}

/* ---------- facts + capsule ---------- */
.sc-facts{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:6px 20px;margin:0 0 18px}
.sc-facts table{width:100%;border-collapse:collapse}
.sc-facts th,.sc-facts td{text-align:left;vertical-align:top;padding:11px 0;border-bottom:1px solid var(--sc-line);font-size:16px}
.sc-facts tr:last-child th,.sc-facts tr:last-child td{border-bottom:0}
.sc-facts th{width:34%;font-weight:600;color:var(--sc-muted);padding-right:16px}
.sc-capsule{background:var(--sc-soft);border-radius:var(--sc-radius);padding:16px 20px;margin:0 0 32px}
.sc-capsule p{margin:0}

/* ---------- sections ---------- */
.sc-sec{padding:28px 0;border-top:1px solid var(--sc-line)}
.sc-note{font-size:15px;color:var(--sc-muted)}

/* ---------- tables ---------- */
.sc-table-wrap{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);background:var(--sc-surface)}
.sc-prices,.sc-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sc-prices{margin:6px 0 18px;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);overflow:hidden}
.sc-prices th,.sc-prices td,.sc-table th,.sc-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--sc-line);font-size:16px;vertical-align:top}
.sc-prices thead th,.sc-table thead th{background:var(--sc-soft);font-size:14px;font-weight:700;color:var(--sc-ink)}
.sc-prices td:last-child,.sc-table td:last-child{font-weight:700;color:var(--sc-primary);white-space:nowrap}
.sc-table tbody th{font-weight:600}
.sc-table caption{caption-side:top;text-align:left;font-size:14px;color:var(--sc-muted);padding:10px 14px 0}
.sc-prices tbody tr:last-child td,.sc-table tbody tr:last-child td,.sc-table tbody tr:last-child th{border-bottom:0}

/* ---------- included / excluded ---------- */
.sc-incl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:8px}
.sc-incl>div{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);padding:4px 18px 8px}
.sc-incl ul{list-style:none;padding:0}
.sc-incl li{position:relative;padding-left:26px}
.sc-incl>div:first-child li::before{content:"✓";position:absolute;left:0;color:var(--sc-wa);font-weight:700}
.sc-incl>div:last-child li::before{content:"+";position:absolute;left:2px;color:var(--sc-accent);font-weight:700}

/* ---------- steps ---------- */
.sc-steps{list-style:none;counter-reset:sc;padding:0;margin:8px 0 14px;display:grid;gap:12px}
.sc-steps li{counter-increment:sc;position:relative;padding:0 0 0 52px;min-height:36px;margin:0}
.sc-steps li::before{content:counter(sc);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;
  background:var(--sc-primary);color:var(--sc-primary-ink);font-weight:700;display:grid;place-items:center;font-size:15px}
.sc-steps strong{display:block}

/* ---------- cards (hub, home) ---------- */
.sc-cards{list-style:none;padding:0!important;margin:10px 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.sc-card{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:18px;display:flex;flex-direction:column;gap:6px;margin:0!important}
.sc-card h3{margin:0;font-size:18px}
.sc-card h3 a{text-decoration:none;color:var(--sc-ink)}
.sc-card h3 a::after{content:" →";color:var(--sc-primary)}
.sc-card:hover{border-color:var(--sc-primary)}
.sc-card p{margin:0;font-size:15px;color:var(--sc-muted)}
.sc-card .sc-card-meta{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}
.sc-card-meta strong{color:var(--sc-primary)}

/* ---------- booking ---------- */
.sc-book{background:var(--sc-dark);color:var(--sc-dark-ink);border-radius:var(--sc-radius);padding:28px 24px;border-top:0;margin:28px 0}
.sc-book h2,.sc-book h3{color:var(--sc-dark-ink)}
.sc-book a:not(.sc-btn-wa){color:var(--sc-dark-ink)}

/* ---------- related ---------- */
.sc-related{border-top:1px solid var(--sc-line);padding-top:28px}
.sc-related ul{list-style:none;padding:0;display:grid;gap:10px}
.sc-related li{background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);padding:12px 16px;margin:0}
.sc-verified{font-size:14px;color:var(--sc-muted);margin-top:20px}

/* ---------- legal pages: more compact ---------- */
.sc-legal .sc-sec{padding:18px 0}
.sc-legal h2{font-size:22px}

@media (max-width:600px){
  body{font-size:16px}
  .sc-facts th{width:40%}
  .sc-book{padding:22px 18px}
  .sc-btn-wa{width:100%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Meteo (plugin scarabeo-meteo) */
.sc-meteo{margin:8px 0 20px}
.sc-meteo-now{background:var(--sc-dark,#0F1E42);color:#fff;border-radius:var(--sc-radius-sm,12px);padding:18px 20px;margin:0 0 18px}
.sc-meteo-now p{margin:0}
.sc-meteo-now-t{font-family:"Bricolage Grotesque",sans-serif;font-size:40px;line-height:1.1}
.sc-meteo-now-t span{font-size:34px;margin-right:6px}
.sc-meteo-now-d{font-size:16px;margin-top:6px!important;opacity:.92}
.sc-meteo-upd{font-size:13px;margin-top:8px!important;opacity:.75}
.sc-meteo .sc-table td,.sc-meteo .sc-table th{white-space:nowrap}
.sc-meteo-day th{background:var(--sc-soft,#E2E8F5);color:var(--sc-primary,#1E3F8C);text-align:left;font-weight:600}
.sc-meteo-hours tbody tr:not(.sc-meteo-day):nth-child(even){background:var(--sc-bg,#F3F5F9)}
@media (max-width:600px){.sc-meteo-now-t{font-size:34px}.sc-meteo .sc-table td,.sc-meteo .sc-table th{padding:8px 10px;font-size:14px}}
/* GeneratePress: l'immagine in evidenza serve solo per Open Graph, l'immagine principale è già nel contenuto */
.page .featured-image.page-header-image,.page .page-header-image{display:none}
/* Immagine nelle schede delle escursioni */
.sc-card{overflow:hidden}
.sc-card>img{display:block;width:calc(100% + 36px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:-18px -18px 8px;border-radius:0}
/* Galleria foto nella pagina dell'escursione */
.sc-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.sc-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--sc-radius-sm,12px);margin:0}
@media (max-width:600px){.sc-gallery{grid-template-columns:1fr}}
/* Maiuscola iniziale nei titoli delle schede (gli anchor sono in minuscolo) */
.sc-card h3::first-letter{text-transform:uppercase}
/* Scheda cliccabile: un solo link (il titolo) esteso a tutta la scheda + bottone visivo */
.sc-card{position:relative;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.sc-card h3 a::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.sc-card:hover{box-shadow:0 6px 18px rgba(15,26,48,.10);transform:translateY(-2px)}
.sc-card:focus-within{outline:3px solid var(--sc-accent);outline-offset:2px}
.sc-card-cta{display:block;margin-top:10px;padding:11px 14px;border-radius:999px;background:var(--sc-primary);color:#fff;font-weight:600;font-size:15px;text-align:center}
.sc-card:hover .sc-card-cta{background:var(--sc-dark)}
.sc-card-cta::after{content:" →"}
.sc-related li::first-letter{text-transform:uppercase}
/* Prezzo sopra la foto nelle schede */
.sc-card .sc-card-meta strong{position:absolute;top:12px;left:12px;z-index:2;background:#C2532A;color:#fff;padding:7px 12px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:0 3px 10px rgba(15,26,48,.35);pointer-events:none}

/* Recensioni */
.sc-review-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:8px 0 12px}
.sc-review{margin:0;background:var(--sc-surface);border:1px solid var(--sc-line);border-radius:var(--sc-radius-sm);padding:18px 20px 16px;display:flex;flex-direction:column;gap:10px}
.sc-review::before{content:"\201C";font-family:var(--sc-display);font-size:44px;line-height:.6;color:var(--sc-accent);height:18px}
.sc-review p{margin:0;font-size:16px;line-height:1.6}
.sc-review .sc-review-by{margin-top:auto;font-weight:700;font-size:15px;color:var(--sc-primary)}
