@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
/* ItalyPlanner design system — unifica palette, font e card su tutte le famiglie di template.
   Caricato per ultimo: vince sui fogli inline a parità di specificità. */
:root{
  /* token di riferimento (dalla home) */
  --bg:#F7F5F1; --bg2:#F7F5F1; --ink:#101418; --ink2:#4C555F;
  --arancia:#E8471C; --arancia-d:#C93A14; --basilico:#0E6B4A; --sole:#FFB021;
  --line:#E7E2D9; --r:18px;
  --sans:'Inter',system-ui,sans-serif; --disp:'Sora',system-ui,sans-serif;
  /* remap variabili legacy — le regole esistenti che usano var() si allineano da sole */
  --t:#101418; --m:#4C555F; --a:#0E6B4A; --c:#FFFFFF;
  --paper:#F7F5F1; --muted:#4C555F; --accent:#0E6B4A; --accent2:#E8471C; --box:#FFFFFF;
  --ip-paper:#F7F5F1; --ip-paper2:#FFFFFF; --ip-ink:#101418; --ip-ink-soft:#4C555F;
  --ip-maiolica:#0E6B4A; --ip-brass:#FFB021; --ip-terra:#E8471C; --ip-line:#E7E2D9; --ip-stamp:#8a929a;
  --ip-accent:#0E6B4A;
}
body{background:#F7F5F1;color:#101418;font-family:'Inter',system-ui,sans-serif}
h1,h2,h3,h4{font-family:'Sora',system-ui,sans-serif!important;letter-spacing:-.01em}
/* card promozionali e box: bordo, raggio e fondo uniformi */
.booking-card{background:#fff;border:1px solid #E7E2D9;border-radius:18px}
.booking-card a{color:#0E6B4A}
.ipx-bn{border-radius:18px;border-color:#E7E2D9}
.ips-card{border-radius:18px}
figcaption{color:#4C555F}
/* residui del vecchio brand marrone nei link hard-coded */
a[style*="#7a3e1c"],a[style*="#8b5a2b"]{color:#0E6B4A!important}
/* menu a tendina: ponte invisibile sul gap (l'hover non si spegne scendendo verso le voci)
   + stato .open per l'apertura a click gestita da trip.js */
.nd-m::before,.ipx-nd-m::before,.nav-drop-menu::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.nd.open .nd-m,.ipx-nd.open .ipx-nd-m,.nav-drop.open .nav-drop-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* card private-tours: riga prezzo + bottone senza sovrapposizioni */
.prow{display:flex!important;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.pprice{white-space:nowrap}

/* === NAV CANONICA (bake 22/07, R0.2) === */
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:.8rem clamp(1rem,4vw,2.2rem);max-width:1280px;margin:0 auto}
.brand{font-family:var(--disp);font-weight:800;font-size:1.22rem;color:var(--ink);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}
.brand i{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--arancia),var(--sole));display:grid;place-items:center;font-style:normal;color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 4px 10px rgba(232,71,28,.3)}
.nav-links{display:flex;gap:.1rem;align-items:center}
.nav-links>a{color:var(--ink2);text-decoration:none;font-size:.88rem;font-weight:600;padding:.5rem .8rem;border-radius:100px}
.nav-links>a:hover{background:var(--bg2);color:var(--ink)}
.nav-cta{background:var(--ink);color:#fff!important;padding:.55rem 1.2rem!important}
.nav-cta:hover{background:var(--arancia)!important;color:#fff!important}
.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:960px){.nav-toggle{display:flex}.nav-links{position:fixed;inset:56px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;padding:1.3rem;transform:translateX(100%);transition:.25s}body.open .nav-links{transform:none}.nav-links>a{font-size:1.05rem;padding:.95rem .6rem;border-radius:12px}}
.nd{position:relative}
.nd-b{background:none;border:none;cursor:pointer;color:var(--ink2);font-family:var(--sans);font-size:.88rem;font-weight:600;padding:.5rem .8rem;border-radius:100px;display:flex;align-items:center;gap:.3rem}
.nd-b i{font-style:normal;font-size:.55rem;opacity:.5}
.nd-b:hover{background:var(--bg2);color:var(--ink)}
.nd-m{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.5rem;box-shadow:0 14px 44px rgba(16,20,24,.16);display:none;min-width:200px;z-index:60}
.nd:hover .nd-m{display:block}
.nd-m a{display:block;color:var(--ink2);text-decoration:none;font-size:.86rem;font-weight:600;padding:.5rem .7rem;border-radius:8px;white-space:nowrap}
.nd-m a:hover{background:var(--bg2);color:var(--arancia)}
.nav-tg{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.nav-tg span{width:22px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:960px){.nav-tg{display:flex}.nav-links{position:fixed;inset:54px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;gap:.1rem;padding:1.2rem clamp(1rem,4vw,2rem) 2rem;transform:translateX(100%);transition:transform .25s;overflow-y:auto;border-top:1px solid var(--line)}body.navopen .nav-links{transform:none}.nd{width:100%}.nd-b{width:100%;justify-content:space-between;font-size:1rem;padding:.85rem .6rem;border-bottom:1px solid var(--line);border-radius:0}.nd-m{position:static;display:block;border:none;box-shadow:none;padding:.2rem 0 .5rem 1rem;min-width:0}.nav-cta{margin-top:1.1rem;text-align:center}}
@media(max-width:960px){.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.nav-links{position:fixed;top:54px;left:0;right:0;bottom:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 44px;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .25s;z-index:49;border-top:1px solid var(--line)}body.navopen .nav-links{transform:none}.nav-links>a{font-size:1rem;padding:.85rem .4rem;border-radius:0;border-bottom:1px solid var(--line)}.nd{width:100%;position:static}.nd-b{width:100%;display:flex;justify-content:space-between;font-size:1rem;padding:.85rem .4rem;border-bottom:1px solid var(--line);border-radius:0}.nd-m{display:block;position:static;border:0;box-shadow:none;padding:.1rem 0 .6rem .8rem;min-width:0}.nd-m a{white-space:normal}.nav-cta{margin:14px 0 0;text-align:center}}
@media(max-width:960px){.nav-links{display:none !important;position:fixed !important;top:54px !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;max-height:none !important;margin:0 !important;transform:none !important;transition:none !important;background:#fff !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;z-index:9999 !important;padding:10px 18px 46px !important;border-top:1px solid #E7E2D9 !important}body.navopen .nav-links{display:flex !important}.nav-links .nd{width:100% !important;position:static !important}.nav-links .nd-b{width:100% !important;display:flex !important;justify-content:space-between !important;font-size:1rem !important;padding:.9rem .4rem !important;border-bottom:1px solid #E7E2D9 !important;border-radius:0 !important}.nav-links .nd-m{display:block !important;position:static !important;border:0 !important;box-shadow:none !important;padding:.1rem 0 .6rem .8rem !important;min-width:0 !important}.nav-links .nd-m a{white-space:normal !important}.nav-links .nav-cta{margin:14px 0 0 !important;text-align:center !important}.nav{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#fff !important}}
/* FIX 22/07 (v3): CTA bianche sempre leggibili — .v4content a vinceva su .ipx-bn-cta (verde su verde) */
a.ipx-bn-cta,.v4content a.ipx-bn-cta{color:#fff!important}
/* R0.5b (v3): la famiglia .phero adotta l'hero scuro coordinato (stile v4hero-c) */
.phero{background:#101418!important;border-bottom:0!important}
.phero h1{color:#fff!important}
.phero .lede{color:#C9CFD6!important}
.phero .crumb,.phero .crumb a{color:#8a929a!important}
.phero .crumb a:hover{color:#FFB021!important}
.phero .meta span{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#DDE3E8!important}