@font-face{font-family:VeritalyHeaderInter;src:url('/assets/veritaly-header/inter-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.framer-z5ce2v-container{display:none!important}
.veritaly-reference-header{position:absolute;top:26px;left:0;width:100%;z-index:100;font-family:VeritalyHeaderInter,Inter,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.2;color:#1c1917;box-sizing:border-box}
.veritaly-reference-header *{box-sizing:border-box}
.vr-header-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px;min-height:46px}
.vr-brand{display:block;flex:none;width:145px;height:42px}
.vr-brand img{display:block;width:100%;height:100%;object-fit:contain}
.vr-desktop-nav{display:flex;align-items:center;gap:6px;padding:4px;border-radius:44px;background:#f3f3f3}
.veritaly-reference-header a{color:inherit;text-decoration:none}
.vr-desktop-nav a{display:block;padding:10.5px 14px;border-radius:44px;white-space:nowrap;transition:background-color 180ms,color 180ms}
.vr-desktop-nav a[aria-current="page"],.vr-desktop-nav a:hover{background:#1a3c2b;color:#fff}
.vr-header-actions{display:flex;align-items:center;gap:6px;flex:none}
.vr-header-actions a{display:flex;align-items:center;justify-content:center;border-radius:44px;background:#fff;white-space:nowrap;height:42px;transition:background-color 180ms}
.vr-header-actions a:hover{background:#f3f3f3}
.vr-year{padding:5px 16px 5px 6px;gap:8px}
.vr-year>span{display:grid;place-items:center;border-radius:50%;background:#1a3c2b;color:white;width:28px;height:28px}
.vr-year svg{width:18px;height:18px}
.vr-find{padding:0 17px}
.vr-menu-toggle{display:none;border:0;background:transparent;padding:0;width:48px;height:48px;cursor:pointer;color:#c1dd68}
.vr-menu-toggle svg{display:block;width:100%;height:100%;transition:transform 600ms cubic-bezier(.4,0,.2,1)}
.vr-menu-toggle path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray 600ms cubic-bezier(.4,0,.2,1),stroke-dashoffset 600ms cubic-bezier(.4,0,.2,1)}
.vr-line-loop{stroke-dasharray:12 63;stroke-dashoffset:0}
.is-open .vr-menu-toggle svg{transform:rotate(-45deg)}
.is-open .vr-line-loop{stroke-dasharray:20 300;stroke-dashoffset:-32.42}
.vr-mobile-nav{display:none}
.veritaly-reference-header a:focus-visible,.vr-menu-toggle:focus-visible{outline:2px solid #c1dd68;outline-offset:3px}
@media(max-width:1099px){
 .vr-header-row{padding:0 20px;min-height:51px}
 .vr-desktop-nav,.vr-header-actions{display:none}
 .vr-menu-toggle{display:block}
 .vr-mobile-nav{display:flex;position:absolute;top:70px;left:0;width:100%;padding:20px 24px;gap:6px;flex-direction:column;background:#f3f3f3;border:1px solid #d7d7d7;border-radius:20px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 240ms,transform 340ms cubic-bezier(.4,0,.2,1),visibility 340ms}
 .vr-mobile-nav a{display:flex;align-items:center;justify-content:center;width:100%;padding:6px 8px;min-height:28.8px;border-radius:44px}
 .vr-mobile-nav a:hover{background:#e8e8e8}
 .is-open .vr-mobile-nav{opacity:1;visibility:visible;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){.veritaly-reference-header *{transition:none!important}}

/* Menu icon uses the three original Veritaly brand colors. */
.vr-menu-toggle .vr-line-loop{stroke:url(#vr-menu-tricolore)}
.vr-menu-toggle .vr-line-middle{stroke:#fff}

/* Extend white through the crossing so both diagonals join without seams. */
.is-open .vr-menu-toggle .vr-line-loop{stroke:url(#vr-menu-tricolore-open)}

/* Area Comuni remains directly accessible without widening the desktop pill. */
.vr-desktop-nav a[href="/comuni/"]{display:none}

/* The hero stays visible through a softly fading header backdrop. */
.veritaly-reference-header:before{content:"";position:absolute;left:0;right:0;top:-26px;height:170px;pointer-events:none;background:linear-gradient(180deg,rgba(9,24,19,.48),rgba(9,24,19,.18) 60%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 36%,rgba(0,0,0,.75) 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 36%,rgba(0,0,0,.75) 60%,transparent 100%)}
.vr-header-row{position:relative;z-index:1}
.vr-mobile-nav{z-index:2}
@media(max-width:1099px){
 .vr-menu-toggle{background:transparent;border:0;border-radius:0;box-shadow:none}
 .vr-menu-toggle svg{filter:drop-shadow(0 1px 2px #0009)}
}

/* Match the compact floating header on /book-a-trip, retaining the tricolour morph. */
.veritaly-reference-header{top:8px;left:50%;width:265px;transform:translateX(-50%)}
.veritaly-reference-header:before{display:none}
.vr-header-row{width:265px;min-height:56px;padding:4px 16px;gap:20px;border-radius:60px;background:#0003;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.vr-brand{width:145px;height:32px}
.vr-desktop-nav,.vr-header-actions{display:none}
.vr-menu-toggle{display:block;flex:none;width:40px;height:40px;background:transparent;border:0;box-shadow:none;border-radius:0}
.vr-mobile-nav{display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%,-8px);width:min(440px,calc(100vw - 24px));padding:20px 24px;gap:6px;flex-direction:column;background:#f3f3f3;border:1px solid #d7d7d7;border-radius:20px;opacity:0;visibility:hidden;transition:opacity 240ms,transform 340ms,visibility 340ms}
.vr-mobile-nav a{display:flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:44px}
.is-open .vr-mobile-nav{opacity:1;visibility:visible;transform:translate(-50%,0)}
