/*
Theme Name: Track4fun
Template: generatepress
Description: Tema figlio Track4fun (sito nuovo, versione di prova).
Version: 0.1
Text Domain: track4fun
*/
:root{
 --red:#ff0000; --red-d:#d10000; --ink:#313131; --ink2:#5b5f66; --line:#e3e6ea; --bg:#f6f7f9; --card:#fff;
 --blue:#00407e; --blue-l:#e8f0f8; --green:#009246; --r:14px; --sh:0 6px 22px rgba(20,30,50,.08);
}
html{scroll-behavior:smooth}
body{font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.t4f-h{font-family:Roboto,sans-serif;color:var(--ink);letter-spacing:-.01em}
h1,h2{font-weight:900;font-style:normal;text-transform:uppercase;line-height:1.05}
h1{font-size:clamp(30px,6vw,56px)} h2{font-size:clamp(24px,4vw,36px)} h3{font-weight:700;font-size:20px}
a{color:var(--red-d)}
/* striscia tricolore + bandiera a scacchi discreta */
.t4f-tricolor{height:4px;background:linear-gradient(90deg,var(--green) 0 33.3%,#fff 33.3% 66.6%,var(--red) 66.6%)}
.t4f-checker{height:10px;background:conic-gradient(#313131 25%,#fff 0 50%,#313131 0 75%,#fff 0) 0 0/10px 10px;opacity:.85}
/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.site-header .inside-header{padding:10px 20px}
.site-logo img,.custom-logo{max-height:46px;width:auto}
.main-navigation,.main-navigation ul ul{background:#fff}
.main-navigation .main-nav ul li a{font-weight:700;color:var(--ink);font-size:16px;padding-left:14px;padding-right:14px;line-height:56px}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--red)}
.main-navigation .main-nav>ul>li.t4f-cta>a{background:var(--red);color:#fff;border-radius:999px;line-height:38px;margin:9px 0 9px 8px;padding:0 18px}
.main-navigation .main-nav>ul>li.t4f-cta>a:hover{background:var(--red-d);color:#fff}
/* layout pagine full width */
.t4f-page .site-content{display:block}
.t4f-w{max-width:1180px;margin:0 auto;padding:0 20px}
.t4f-sec{padding:56px 0}.t4f-sec.alt{background:#fff}
.t4f-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-style:normal;text-transform:uppercase;color:var(--red);font-size:15px;letter-spacing:.04em}
.t4f-eyebrow:before{content:"";width:28px;height:4px;background:var(--red);transform:skewX(0deg)}
.t4f-lead{font-size:19px;color:var(--ink2);max-width:720px}
/* pulsanti */
.t4f-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff!important;border:2px solid var(--red);border-radius:999px;padding:12px 24px;font-weight:900;font-style:normal;text-transform:uppercase;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .12s,background .12s}
.t4f-btn:hover{background:var(--red-d);border-color:var(--red-d);transform:translateY(-1px)}
.t4f-btn.ghost{background:#fff;color:var(--ink)!important;border-color:var(--line)}
.t4f-btn.ghost:hover{border-color:var(--ink)}
.t4f-btn.light{background:#fff;color:var(--red)!important;border-color:#fff}
.t4f-btn.blue{background:var(--blue);border-color:var(--blue)}
.t4f-btn.dis,.t4f-btn[disabled]{background:#cfd3d8;border-color:#cfd3d8;color:#fff!important;cursor:not-allowed;transform:none}
/* hero chiaro con foto ritagliata in diagonale */
.t4f-hero{position:relative;background:#fff;overflow:hidden}
.t4f-hero .t4f-w{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center;min-height:520px;padding-top:40px;padding-bottom:40px}
.t4f-hero h1 span{color:var(--red)}
.t4f-hero .ph{position:absolute;right:0;top:0;bottom:0;width:52%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);background-size:cover;background-position:center}
.t4f-hero .ph:after{content:"";position:absolute;left:0;top:0;bottom:0;width:22px;background:var(--red);clip-path:polygon(64% 0,100% 0,36% 100%,0 100%)}
.t4f-hero .txt{position:relative;z-index:2}
.t4f-hero .badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.t4f-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}
.t4f-chip.red{background:#fff0f0;border-color:#ffd0d0;color:var(--red-d)}
.t4f-chip.blue{background:var(--blue-l);border-color:#cfe0f1;color:var(--blue)}
.t4f-chip.yel{background:#fff;border-color:var(--line);color:var(--ink)}
/* due anime: trackday / noleggio */
.t4f-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.t4f-duo a{position:relative;display:block;border-radius:var(--r);overflow:hidden;min-height:330px;color:#fff;text-decoration:none;box-shadow:var(--sh)}
.t4f-duo a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.t4f-duo a:hover img{transform:scale(1.04)}
.t4f-duo a .in{position:absolute;inset:auto 0 0 0;padding:24px;background:linear-gradient(transparent,rgba(10,15,25,.82))}
.t4f-duo a h3{color:#fff;font-size:30px;font-weight:900;font-style:normal;text-transform:uppercase;margin:6px 0}
.t4f-duo .tag{display:inline-block;background:var(--red);padding:4px 10px;font-weight:900;font-style:normal;font-size:13px;text-transform:uppercase;border-radius:4px}
.t4f-duo .tag.blue{background:var(--blue)}
/* targa/numero di gara per le date */
.t4f-plate{display:inline-grid;place-items:center;min-width:64px;height:64px;padding:0 8px;background:#fff;border:3px solid var(--red);border-radius:14px;font-weight:900;font-style:normal;line-height:1;color:var(--ink);box-shadow:3px 3px 0 var(--red)}
.t4f-plate b{font-size:28px;display:block}.t4f-plate small{font-size:12px;text-transform:uppercase;font-weight:900}
.t4f-plate.blue{background:#fff;border-color:var(--blue);color:var(--blue);box-shadow:3px 3px 0 var(--blue)}
.t4f-plate.grey{background:#eef0f3;border-color:#9aa1a9;color:#6b7179;box-shadow:3px 3px 0 #9aa1a9}
/* calendario */
.t4f-cal{display:grid;gap:12px}
.t4f-ev{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
a.t4f-ev:hover{border-color:var(--red);transform:translateY(-2px)}
.t4f-ev.off{box-shadow:none;background:#fbfbfc}
.t4f-ev h3{margin:0;font-size:20px;font-weight:900;font-style:normal;text-transform:uppercase}
.t4f-ev .meta{color:var(--ink2);font-size:15px}
.t4f-ev .offers{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.t4f-ev .right{text-align:right}
.t4f-ev .price{font-weight:900;font-size:21px}.t4f-ev .price small{font-weight:400;font-size:13px;color:var(--ink2)}
.t4f-soon{display:inline-block;font-size:13px;font-weight:900;font-style:normal;text-transform:uppercase;color:#6b7179;border:2px dashed #b9bfc6;border-radius:6px;padding:4px 8px}
.t4f-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.t4f-filter button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font-weight:700;cursor:pointer;color:var(--ink)}
.t4f-filter button.on{border-color:var(--ink);background:var(--ink);color:#fff}
/* card generiche */
.t4f-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.t4f-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.t4f-card img{width:100%;height:210px;object-fit:cover;display:block}
.t4f-card .p{padding:18px}
.t4f-steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));list-style:none;margin:0;padding:0}
.t4f-steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 18px 64px;position:relative}
.t4f-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;width:36px;height:36px;border-radius:10px;background:var(--red);border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;font-style:normal}
.t4f-split{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.t4f-split img{width:100%;border-radius:var(--r);box-shadow:var(--sh);object-fit:cover;max-height:420px}
.t4f-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.t4f-list li{padding-left:26px;position:relative}.t4f-list li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:8px;border-left:3px solid var(--red);border-bottom:3px solid var(--red);transform:rotate(-45deg)}
details.t4f-faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
details.t4f-faq summary{font-weight:700;cursor:pointer}
.t4f-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.t4f-gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;display:block}
.t4f-note{background:var(--blue-l);border:1px solid #cfe0f1;border-radius:10px;padding:10px 14px;font-size:15px}
/* video lite */
.t4f-vid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.t4f-vid .side{display:grid;gap:12px;align-content:start}
.t4f-yt{margin:0}.t4f-yt button{all:unset;cursor:pointer;position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.t4f-yt img{width:100%;height:100%;object-fit:cover;display:block}.t4f-yt .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 0 0 6px rgba(255,255,255,.35)}
.t4f-yt iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;display:block}.t4f-yt figcaption{font-size:14px;color:var(--ink2);margin-top:4px}
/* blocco contatti */
.t4f-contact{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:28px;text-align:center;box-shadow:6px 6px 0 var(--red)}
.t4f-contact h2{margin:0 0 6px}
/* footer */
.t4f-footer{background:#fff;border-top:1px solid var(--line);padding:40px 0 90px;font-size:15px;color:var(--ink2)}
.t4f-footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px}
.t4f-footer h4{font-size:14px;text-transform:uppercase;font-weight:900;font-style:normal;margin:0 0 8px}
.t4f-footer a{color:var(--ink);text-decoration:none}.t4f-footer a:hover{color:var(--red)}
.t4f-footer ul{list-style:none;margin:0;padding:0;line-height:1.9}
.site-info{display:none}
/* barra mobile */
.t4f-mbar{display:none}
.t4f-demo-note{background:#eef0f3;color:var(--red-d);text-align:center;font-size:13px;font-weight:700;padding:4px 10px}
@media(max-width:860px){
 .t4f-hero .t4f-w{grid-template-columns:1fr;min-height:0;padding-top:0}
 .t4f-hero .ph{position:relative;width:auto;height:240px;clip-path:none;margin:0 -20px 10px}
 .t4f-hero .ph:after{display:none}
 .t4f-duo,.t4f-split,.t4f-vid{grid-template-columns:1fr}
 .t4f-duo a{min-height:230px}
 .t4f-ev{grid-template-columns:auto 1fr;gap:12px}.t4f-ev .right{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center}
 .t4f-gal{grid-template-columns:repeat(3,1fr)}
 .t4f-list{grid-template-columns:1fr}
 .t4f-footer .cols{grid-template-columns:1fr 1fr}
 .t4f-sec{padding:38px 0}
 .t4f-mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.08)}
 .t4f-mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}
 .t4f-mbar a.main{color:var(--red)}.t4f-mbar svg{width:22px;height:22px}
}
.t4f-steps li:before{color:#fff;border-color:var(--red)}
/* ===== toni: foto a tutta larghezza, grafite, navy, grigio chiaro; rosso accento ===== */
:root{--graph:#2b2f36;--navy:#0a2c52;--grey:#e9ecf0}
body{background:var(--grey)}
.t4f-sec{background:var(--grey)}
.t4f-sec.alt{background:linear-gradient(160deg,#0a2c52 0%,#00407e 100%)}
.t4f-sec.dark{background:var(--graph)}
.t4f-sec.alt,.t4f-sec.dark,.t4f-hero,.t4f-footer{color:#dfe6ee}
:is(.t4f-sec.alt,.t4f-sec.dark,.t4f-hero) :is(h1,h2,h3){color:#fff}
:is(.t4f-sec.alt,.t4f-sec.dark,.t4f-hero) .t4f-eyebrow{color:#ff6b6b}
:is(.t4f-sec.alt,.t4f-sec.dark,.t4f-hero) :is(.t4f-lead,.t4f-hint){color:#c3cfdc}
:is(.t4f-sec.alt,.t4f-sec.dark) :is(.t4f-ev,.t4f-card,details.t4f-faq,.t4f-steps li,.t4f-note,.t4f-contact,blockquote,.t4f-pane,.t4f-sum,.t4f-tbl,.t4f-circ){color:var(--ink)}
:is(.t4f-sec.alt,.t4f-sec.dark) :is(.t4f-ev,.t4f-card,.t4f-steps li,.t4f-circ) h3{color:var(--ink)}
:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-yt figcaption{color:#c3cfdc}
:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-filter button:not(.on){background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.t4f-hero{background:var(--graph)}.t4f-hero .t4f-chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.t4f-hero .t4f-btn.ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.55)}
.t4f-footer{background:var(--graph);border-top:0}.t4f-footer h4{color:#fff}.t4f-footer a{color:#dfe6ee}.t4f-footer img{filter:brightness(0) invert(1)}
.t4f-checker{height:4px;background:linear-gradient(90deg,var(--green) 0 33.3%,#fff 33.3% 66.6%,var(--red) 66.6%);opacity:1}
.t4f-ev.off{background:#f4f6f8}
.site-content .content-area,.inside-article{background:transparent}
.separate-containers .inside-article{background:transparent}
/* ===== CTA più morbide (meno saturazione) ===== */
:root{--cta:#ff0000;--cta-d:#d10000}/* rosso del sito attuale track4fun.com */
.t4f-btn{background:var(--cta);border-color:var(--cta);box-shadow:none}
.t4f-btn:hover{background:var(--cta-d);border-color:var(--cta-d)}
.t4f-btn.light{color:var(--cta-d)!important}
.t4f-btn.quiet{background:#fff;color:var(--cta-d)!important;border:1.5px solid var(--cta);font-style:normal;text-transform:none;font-weight:700;letter-spacing:0}
.t4f-btn.quiet:hover,.t4f-btn.quiet:focus-visible{background:var(--cta);border-color:var(--cta);color:#fff!important}

/* home: video nello spazio foto del hero (taglio diagonale invariato) */
.t4f-hero .ph .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ===== Tutti i bottoni: rosso del sito attuale (#ff0000) ===== */
:root{--cta:#ff0000;--cta-d:#d10000}
.t4f-btn,.t4f-btn.blue,.main-navigation .main-nav>ul>li.t4f-cta>a,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,button[type=submit]{background:#ff0000!important;border-color:#ff0000!important;color:#fff!important}
.t4f-btn:hover,.t4f-btn.blue:hover,.main-navigation .main-nav>ul>li.t4f-cta>a:hover,.woocommerce .button:hover{background:#d10000!important;border-color:#d10000!important}
/* outline: bordo e testo nello stesso rosso pieno, riempiti al passaggio */
.t4f-btn.ghost,.t4f-btn.quiet,.t4f-btn.light,.t4f-hero .t4f-btn.ghost,:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-btn.ghost{background:#fff!important;color:#ff0000!important;border:2px solid #ff0000!important}
.t4f-btn.ghost:hover,.t4f-btn.quiet:hover,.t4f-btn.quiet:focus-visible,.t4f-btn.light:hover,.t4f-turni tr.go:hover .t4f-btn.quiet{background:#ff0000!important;color:#fff!important;border-color:#ff0000!important}
.t4f-filter button,:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-filter button:not(.on){background:#fff;color:#ff0000;border-color:#ff0000}
.t4f-filter button.on{background:#ff0000;border-color:#ff0000;color:#fff}
.t4f-seg button.on{background:#ff0000;color:#fff}
.t4f-carbtn.on{border-color:#ff0000;box-shadow:0 0 0 3px rgba(255,0,0,.15)}
.t4f-qty button:hover{background:#ff0000;color:#fff}
.t4f-btn.dis,.t4f-btn[disabled]{background:#cfd3d8!important;border-color:#cfd3d8!important;color:#fff!important}
.main-navigation .main-nav>ul>li.t4f-menu-cta>a{background:#ff0000;color:#fff!important;border-radius:999px;line-height:38px;margin:9px 0 9px 8px;padding:0 18px;font-weight:700}
.main-navigation .main-nav>ul>li.t4f-menu-cta>a:hover{background:#d10000;color:#fff!important}

/* pagina evento: pannello scuro semitrasparente sulla foto (come il sito attuale) */
.t4f-evpage .t4f-evhero>img{height:420px}
.t4f-evpage .t4f-evhero .cap{left:0;right:auto;top:0;bottom:0;width:min(520px,52%);align-items:center;background:rgba(0,0,0,.55);border-radius:0;box-shadow:none;padding:24px 28px;color:#fff}
.t4f-evpage .t4f-evhero h1{color:#ff0000!important;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.t4f-evpage .t4f-evhero p{color:#fff!important}
.t4f-evpage .t4f-evhero .t4f-chip{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.t4f-evpage .t4f-evhero .t4f-st.ok{color:#7fe08a}.t4f-evpage .t4f-evhero .t4f-st.l{color:#ff9a9a}.t4f-evpage .t4f-evhero .t4f-st{color:#fff}
@media(max-width:768px){.t4f-evpage .t4f-evhero>img{height:240px}.t4f-evpage .t4f-evhero .cap{position:static;width:auto;background:#1f2329}}
/* pagina evento: locandina più grande, scarichi in fondo */
.t4f-evpage .t4f-evgrid{grid-template-columns:1fr 380px}
.t4f-evpage .t4f-waiver{margin:10px 0 30px}
@media(max-width:900px){.t4f-evpage .t4f-evgrid{grid-template-columns:1fr}.t4f-evpage .t4f-evgrid aside .poster{max-width:480px;display:block;margin:0 auto 14px}}

/* hero evento come il sito attuale: data bianca, circuito rosso, logo, centrato */
.t4f-evpage .t4f-evhero .cap{justify-content:center;text-align:center;align-items:center}
.t4f-evpage .t4f-evhero .cap .in{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%}
.t4f-evpage .t4f-evhero .tag{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px}
.t4f-evpage .t4f-evhero .dt{margin:6px 0 0;color:#fff!important;font-size:clamp(18px,2vw,24px);font-weight:400;font-style:normal}
.t4f-evpage .t4f-evhero h1{margin:0;color:#ff0000!important;font-size:clamp(28px,3.4vw,40px);font-weight:500;font-style:normal;text-transform:none;letter-spacing:0;line-height:1.15}
.t4f-evpage .t4f-evhero .ly{margin:0;font-size:15px;color:rgba(255,255,255,.7)!important}
.t4f-evpage .t4f-evhero .lg{width:150px;height:auto;margin:8px 0 2px;filter:brightness(0) invert(1)}
.t4f-evpage .t4f-evhero .t4f-st{font-size:15px}

/* prenotazione: riepilogo come barra scura sopra i passi */
.t4f-wgrid.one{grid-template-columns:1fr}
.t4f-sumbar{background:#2b2f36;color:#fff;border-radius:14px;padding:16px 22px;margin:0 0 24px;box-shadow:0 8px 24px rgba(20,26,33,.18);border-left:5px solid #ff0000}
.t4f-sumbar .hd{display:flex;align-items:center;gap:18px}
.t4f-sumbar .ev{flex:1;min-width:0;line-height:1.35}
.t4f-sumbar small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.t4f-sumbar .ev b{font-size:19px;color:#fff}.t4f-sumbar .ev span{color:rgba(255,255,255,.8);font-size:15px}
.t4f-sumbar .tot{text-align:right}.t4f-sumbar .tot b{font-size:30px;font-weight:900;font-style:normal;color:#fff;line-height:1}
.t4f-sumbar .tg{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:6px 12px;font-size:14px;cursor:pointer}
.t4f-sumbar ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.15)}
.t4f-sumbar li{margin:0;display:flex;gap:8px;background:rgba(255,255,255,.08);border-radius:999px;padding:5px 12px;font-size:14px}
.t4f-sumbar li b{color:#ff6b6b}
@media(max-width:900px){
 .t4f-sumbar{position:sticky;top:0;z-index:20;border-radius:12px;margin:0 0 18px;padding:10px 14px}
 .t4f-sumbar .hd{gap:10px}.t4f-sumbar .ev b{font-size:16px}.t4f-sumbar .ev span{display:none}.t4f-sumbar .tot b{font-size:23px}.t4f-sumbar .tot small{display:none}
 .t4f-sumbar .tg{display:inline-block}
 .t4f-sumbar ul{display:none;flex-direction:column;gap:4px}.t4f-sumbar.open ul{display:flex}
 .t4f-sumbar li{border-radius:8px;justify-content:space-between}
}
/* riepilogo: versione morbida (chiaro con accento blu) */
.t4f-sumbar{background:#e3eaf3;color:#1f2a37;border:2px solid #0a2c52;border-left:6px solid #0a2c52;box-shadow:none}
.t4f-sumbar small{color:#4a5a6e}.t4f-sumbar .ev b,.t4f-sumbar .tot b{color:#0a2c52}.t4f-sumbar .ev span{color:#3d4b5c}
.t4f-sumbar ul{border-top-color:rgba(10,44,82,.18)}.t4f-sumbar li{background:#fff;color:#1f2a37}.t4f-sumbar li b{color:#0a2c52}
.t4f-sumbar .tg{color:#0a2c52;border-color:rgba(10,44,82,.4)}
.t4f-box.noimg{grid-template-columns:1fr!important;display:block}
.t4f-seg button.on{background:#ff0000!important;color:#fff!important}

/* niente corsivo in tutto il sito */
*,*:before,*:after{font-style:normal!important}

/* scelte selezionate (chip) nel rosso del sito */
.t4f-slot.on,.t4f-seg button.on,.t4f-filter button.on{background:#ff0000!important;border-color:#ff0000!important;color:#fff!important}
/* prenotazione su telefono: margini laterali e barra passi compatta */
@media(max-width:900px){
 .t4f-w.t4f-sec:has(.t4f-wiz){padding-left:16px!important;padding-right:16px!important}
 .t4f-wiz .t4f-prog{gap:4px;overflow:visible;margin-bottom:14px}
 .t4f-wiz .t4f-prog li{flex:0 0 auto;min-width:0;padding:5px;border-radius:10px}
 .t4f-wiz .t4f-prog li.on{flex:1 1 auto;font-size:13px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .t4f-wiz .t4f-prog li span{width:24px;height:24px;flex:none}
}
@media(max-width:900px){.t4f-seg{display:flex}.t4f-seg button{flex:1;padding:8px 8px;font-size:14px;white-space:nowrap}}
.t4f-cars>.t4f-slot{align-self:center;border-radius:999px;height:auto}
/* noleggio in pagina: niente doppio titolo */
.t4f-wiz.inline .t4f-pane>h2:first-child{font-size:20px}
/* pagina evento senza locandina: colonna unica */
.t4f-evpage .t4f-evgrid{grid-template-columns:1fr!important}
.t4f-evpage .t4f-evgrid>aside{display:none}
.t4f-evpage .t4f-evgrid>div>:is(p,ul,h3,.t4f-list,.t4f-cross,details){max-width:860px}
/* passi + riepilogo fissi in alto durante la prenotazione (compatti quando fissati) */
.t4f-wiz .t4f-stick{position:sticky;top:0;z-index:30;background:#e9edf2;padding:6px 0 0;margin:0 0 4px}
.t4f-wiz .t4f-sumbar{position:static!important;margin-bottom:18px}
.t4f-wiz.stuck .t4f-stick{box-shadow:0 6px 14px rgba(20,26,33,.12);padding:6px 0}
.t4f-wiz.stuck .t4f-prog{display:none}
.t4f-wiz.stuck .t4f-sumbar{display:flex;align-items:center;gap:12px;padding:8px 14px;margin:0;border-width:1px;border-left-width:4px}
.t4f-wiz.stuck .t4f-sumbar .hd{display:contents}
.t4f-wiz.stuck .t4f-sumbar small,.t4f-wiz.stuck .t4f-sumbar .tg{display:none}
.t4f-wiz.stuck .t4f-sumbar .ev{flex:none;white-space:nowrap;order:1}
.t4f-wiz.stuck .t4f-sumbar ul{order:2;flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden;margin:0;padding:0;border:0}
.t4f-wiz.stuck .t4f-sumbar li{white-space:nowrap;padding:3px 10px}
.t4f-wiz.stuck .t4f-sumbar .tot{order:3}.t4f-wiz.stuck .t4f-sumbar .tot b{font-size:21px}
@media(max-width:900px){
 .t4f-wiz.stuck .t4f-sumbar ul{display:none}
 .t4f-wiz.stuck .t4f-sumbar .tg{display:inline-block;order:2;margin-left:auto}
 .t4f-wiz.stuck .t4f-sumbar.open{flex-wrap:wrap}.t4f-wiz.stuck .t4f-sumbar.open ul{display:flex;flex-direction:column;flex-basis:100%;order:4}
 .t4f-wiz.stuck .t4f-sumbar .ev span{display:none}
}
/* evento: in breve */
html{scroll-behavior:smooth}#programma,#partecipa{scroll-margin-top:16px}
.t4f-facts{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 26px}
.t4f-facts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 22px}
.t4f-facts li{margin:0;display:flex;gap:10px;align-items:flex-start}
.t4f-facts .ic{font-size:21px;line-height:1.2}
.t4f-facts small{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b7480}
.t4f-facts b{font-weight:500;font-size:15px;color:#1f2a37;line-height:1.35}
.t4f-facts .more{display:inline-block;margin-top:12px;font-size:15px;font-weight:700;color:#ff0000;text-decoration:none}
.t4f-facts .more:hover{text-decoration:underline}
@media(max-width:900px){.t4f-facts{padding:14px}.t4f-facts ul{grid-template-columns:1fr 1fr;gap:12px}}
/* scelta turno in pagina */
.t4f-pickhint{font-weight:700;font-size:17px;color:#1f2a37;margin:0 0 12px}
.t4f-cards{margin-bottom:22px}
.t4f-cards .t4f-opt:not(.dis){cursor:pointer;transition:border-color .15s,background .15s}
.t4f-cards .t4f-opt:not(.dis):hover{border-color:#ff0000;background:#fffafa}
.t4f-cards .t4f-opt.on{border:2px solid #ff0000!important;background:#fff1f1!important}
.t4f-cards .pick{display:inline-block;margin-top:6px;border:1.5px solid #ff0000;color:#ff0000;border-radius:999px;padding:3px 14px;font-size:14px;font-weight:700}
.t4f-cards .t4f-opt.on .pick{background:#ff0000;color:#fff}
.t4f-cards .t4f-opt.dis{opacity:.6;cursor:not-allowed;background:#f1f3f5}
/* niente barre fisse nella prenotazione */
.t4f-wiz .t4f-stick{position:static!important;box-shadow:none!important;background:transparent!important;padding:0!important}
.t4f-wiz .t4f-sumbar{position:static!important}
.t4f-sub{margin:0 0 18px;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ff0000}
:is(.t4f-sec.alt,.t4f-sec.dark) .t4f-sub{color:#c3cfdc}
/* titolo hero home */
.t4f-hero h1.t4f-hero-title{font-family:Roboto,sans-serif;font-style:normal;font-weight:900;color:#fff;font-size:clamp(28px,4.2vw,50px);line-height:1.08;margin:0 0 16px;max-width:620px;overflow-wrap:break-word}
.t4f-hero h1.t4f-hero-title span{color:#ff0000;font-style:normal}
/* pagina Calendario su blu come la sezione calendario */
.t4f-sec.t4f-calpage{min-height:calc(100vh - 160px);box-sizing:border-box}
.t4f-calpage h1{color:#fff}
.t4f-calpage .t4f-filter button:not(.on){background:transparent!important;color:#fff!important;border-color:#fff!important}
.t4f-calpage .t4f-filter button.on{background:#ff0000!important;border-color:#ff0000!important;color:#fff!important}
/* sezione turni su blu (date Trackday prenotabili): solo titolo, info, turni e nota IVA; il wizard resta sul fondo chiaro */
.t4f-turniblu{margin:10px 0 30px}
.t4f-turniblu>h2,.t4f-turniblu .t4f-cards{border-image:linear-gradient(#063566,#063566) fill 0//0 100vw}
.t4f-turniblu>h2{color:#fff!important;margin:0!important;padding:34px 0 18px}
.t4f-turniblu .t4f-cards{margin:0;padding:0 0 22px}
.t4f-turniblu .t4f-cards>:first-child{margin-top:0}
.t4f-turniblu .t4f-ivanote{font-size:13px;color:#c3cfdc;margin:10px 0 0}
.t4f-turniblu .t4f-cards+*{margin-top:24px}
/* cornice blu + hero foto piena */
.t4f-evpage .t4f-evhero .cap{width:min(640px,62%);background:linear-gradient(90deg,rgba(6,20,40,.82) 0%,rgba(6,20,40,.6) 55%,rgba(6,20,40,0) 100%)}
@media(max-width:768px){.t4f-evpage .t4f-evhero{display:grid}.t4f-evpage .t4f-evhero>img{grid-area:1/1;height:300px}.t4f-evpage .t4f-evhero .cap{grid-area:1/1;position:relative;width:auto;background:linear-gradient(0deg,rgba(6,20,40,.85) 0%,rgba(6,20,40,.55) 60%,rgba(6,20,40,.25) 100%)}}
.t4f-evhero,.t4f-tdc,.t4f-duo a,.t4f-card,.t4f-warm .pics img,.t4f-split>img,.t4f-evpage .t4f-evgrid img.poster{border:4px solid #063566!important}
.t4f-warm .pics img{border-width:4px!important}
/* menu in stampatello come sito attuale (Roboto 600, 12px, spaziatura 0, uppercase) */
.main-navigation .main-nav ul li a{font-family:Roboto,sans-serif;font-style:normal;font-weight:600;font-size:12px;letter-spacing:0;text-transform:uppercase;padding-left:11px;padding-right:11px}
@media(min-width:769px){.main-navigation .main-nav>ul{flex-wrap:nowrap}}
.main-navigation .main-nav ul li a{white-space:nowrap}@media(min-width:769px) and (max-width:1200px){.main-navigation .main-nav ul li a{padding-left:6px;padding-right:6px}.main-navigation .main-nav>ul>li.t4f-menu-cta>a{padding:0 12px;margin-left:4px}}
@media(min-width:769px) and (max-width:1200px){.site-logo img,.site-header .header-image{max-width:150px;height:auto}.inside-header{padding-left:16px;padding-right:16px}}
@media(min-width:769px) and (max-width:1000px){.inside-header{flex-direction:column;align-items:center;gap:4px}.main-navigation .main-nav>ul{justify-content:center}.main-navigation .main-nav ul li a{line-height:44px}}
@media(min-width:769px) and (max-width:860px){.main-navigation .main-nav ul li a{padding-left:4px;padding-right:4px}.main-navigation .main-nav>ul>li.t4f-menu-cta>a{padding:0 10px}}
@media(min-width:769px) and (max-width:790px){.main-navigation .main-nav ul li a{padding-left:3px;padding-right:3px}.main-navigation .main-nav>ul>li.t4f-menu-cta>a{padding:0 8px;margin-left:2px}}
.t4f-evpage .t4f-evhero .lg{filter:none!important}
.t4f-evpage .t4f-evhero .lg{width:200px;max-width:70%;height:auto}@media(max-width:768px){.t4f-evpage .t4f-evhero .lg{width:170px;max-width:90%}}
.t4f-evpage .t4f-evhero .tag{font-size:16px;font-weight:700;color:#fff!important;border:2px solid #fff;background:rgba(0,0,0,.45);padding:4px 14px}
/* Noleggio: hero, schede auto, condizioni */
.t4f-hero h1.t4f-nlh1{font-style:normal;font-size:clamp(28px,3.8vw,46px);line-height:1.08}
.t4f-cardesc p{margin:0 0 10px;font-size:16px}
.t4f-cardesc details{margin:8px 0;border-top:1px solid var(--line);padding-top:8px}
.t4f-cardesc summary{cursor:pointer;font-weight:700;color:#ff0000;list-style:none}
.t4f-cardesc summary::-webkit-details-marker{display:none}
.t4f-cardesc summary:after{content:" ▾"}.t4f-cardesc details[open] summary:after{content:" ▴"}
.t4f-cardesc details[open] summary{margin-bottom:8px}
.t4f-spec table{width:100%;border-collapse:collapse;font-size:15px}
.t4f-spec th{text-align:left;width:38%;padding:6px 8px 6px 0;color:var(--ink2);font-weight:700;text-transform:uppercase;font-size:13px;vertical-align:top}
.t4f-spec td{padding:6px 0;border-bottom:1px solid var(--line)}
.t4f-cond .t4f-condnote{font-size:14px;color:var(--ink2);margin-top:12px}
.t4f-sec .t4f-cond{background:#fff;border-radius:var(--r);padding:26px 28px;box-shadow:var(--sh);border-left:5px solid #ff0000}
.t4f-sec .t4f-cond,.t4f-sec .t4f-cond :is(h2,p,li,b){color:var(--ink)!important}
.t4f-sec .t4f-cond .t4f-condnote{color:var(--ink2)!important}
.t4f-sec .t4f-cond a{color:#ff0000!important;font-weight:700}
@media(max-width:600px){.t4f-sec .t4f-cond{padding:20px 18px}}
.t4f-cardesc table.t4f-specopen{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 18px;border-top:2px solid #ff0000}.t4f-cardesc .t4f-specopen th,.t4f-cardesc .t4f-specopen td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}.t4f-cardesc p strong{font-weight:700}
.t4f-cardesc details.t4f-spec{border-top:1px solid var(--line);padding-top:12px;margin-top:6px}.t4f-cardesc details.t4f-spec summary{font-size:16px}
.t4f-steps li:before{font-style:normal!important}.t4f-come4 .t4f-steps{grid-template-columns:repeat(4,1fr)!important}@media(max-width:900px){.t4f-come4 .t4f-steps{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:560px){.t4f-come4 .t4f-steps{grid-template-columns:1fr!important}}
.t4f-condw{max-width:none;width:100%;box-sizing:border-box;padding:34px 40px}.t4f-condw .t4f-list{grid-template-columns:repeat(4,1fr)!important;margin:18px 0}@media(max-width:1000px){.t4f-condw .t4f-list{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:560px){.t4f-condw{padding:24px 20px}.t4f-condw .t4f-list{grid-template-columns:1fr!important}}
.t4f-come4 .t4f-steps li{border:4px solid #063566!important;border-radius:var(--r)}
.t4f-stepsblu li{border:4px solid #063566!important;border-radius:var(--r)}
.t4f-galblu{grid-template-columns:repeat(3,1fr)!important;gap:14px}.t4f-galblu img{border:4px solid #063566;box-sizing:border-box;border-radius:12px}@media(max-width:600px){.t4f-galblu{grid-template-columns:repeat(2,1fr)!important;gap:8px}}
.t4f-footer img.t4f-flogo{filter:none!important}
/* menu v1: ALTRO a tendina */
.main-navigation .main-nav ul li.t4f-menu-h>a{pointer-events:none;cursor:default;font-size:11px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a93a3!important;padding-top:12px!important;padding-bottom:2px!important;line-height:1.4!important}
.main-navigation .main-nav ul li.t4f-menu-h>a:hover{background:none!important}
@media(min-width:769px){
.main-navigation .main-nav>ul>li.t4f-menu-altro>ul.sub-menu{width:250px;background:#fff;border:1px solid #063566;border-radius:10px;box-shadow:0 12px 30px rgba(6,53,102,.18);padding:8px 0 10px;left:auto;right:0}
.main-navigation .main-nav>ul>li.t4f-menu-altro>ul.sub-menu li a{color:#222;font-size:15px;font-weight:500;text-transform:none;padding:8px 20px;line-height:1.35;white-space:normal;background:none}
.main-navigation .main-nav>ul>li.t4f-menu-altro>ul.sub-menu li:not(.t4f-menu-h) a:hover{color:#ff0000;background:#f4f6fa}
.main-navigation .main-nav>ul>li.t4f-menu-altro>ul.sub-menu li.t4f-menu-h:not(:first-child){border-top:1px solid #e6e9ef;margin-top:6px}}
@media(max-width:768px){
.main-navigation.toggled .main-nav li.t4f-menu-altro>a{font-size:11px;letter-spacing:.08em;color:#8a93a3!important;pointer-events:none;border-top:1px solid #e6e9ef}
.main-navigation.toggled .main-nav li.t4f-menu-altro>a .dropdown-menu-toggle{display:none}
.main-navigation.toggled .main-nav li.t4f-menu-altro>ul.sub-menu{display:block!important;position:static;opacity:1;visibility:visible;height:auto;pointer-events:auto;box-shadow:none;background:none;width:auto}
.main-navigation.toggled .main-nav li.t4f-menu-altro ul.sub-menu li a{padding-left:28px}
.main-navigation.toggled .main-nav li.t4f-menu-altro ul.sub-menu li.t4f-menu-h a{padding-left:20px}}
@media(max-width:768px){.main-navigation.toggled .main-nav>ul{display:flex;flex-direction:column}.main-navigation.toggled .main-nav>ul>li.t4f-menu-altro{order:2}}
.main-navigation .main-nav ul li.t4f-menu-h>a{text-transform:uppercase!important}
/* footer: blocco marchio */
.t4f-footer .cols{grid-template-columns:1.7fr 1fr 1fr 1fr}
.t4f-fbrand p{margin:0;font-size:15px;line-height:1.6}
.t4f-fclaim{margin-top:12px!important}
.t4f-fflag{display:flex;width:300px;max-width:100%;height:6px;margin:10px 0 14px}.t4f-fflag span{flex:1}.t4f-fflag span:nth-child(1){background:#4a9b3a}.t4f-fflag span:nth-child(2){background:#fff}.t4f-fflag span:nth-child(3){background:#ff0000}
.t4f-faddr span{display:block;white-space:nowrap}
@media(max-width:900px){.t4f-footer .cols{grid-template-columns:1fr 1fr}.t4f-fbrand{grid-column:1/-1}}
@media(max-width:600px){.t4f-fflag{width:220px;height:5px}.t4f-fbrand p{font-size:14.5px}.t4f-faddr span{white-space:normal}}
/* footer: Seguici anche su (colori ufficiali dei marchi; giallo ammesso solo nel logo Instagram) */
.t4f-social{margin-top:18px}.t4f-social h4{margin:0 0 10px}
.t4f-social-i{display:flex;gap:12px}.t4f-social-i a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.t4f-social-i a:hover{transform:scale(1.08)}
.t4f-social-i .fb{background:#1877F2}.t4f-social-i .wa{background:#25D366}
.t4f-social-i .ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.t4f-social-i a{border-radius:11px}
/* ===== Hero/fasce scure su mobile: spazio in basso uguale a quello in alto (~32px) ===== */
@media(max-width:860px){
 .t4f-hero .t4f-w{padding-bottom:32px;row-gap:0;min-height:0}
 .t4f-hero .t4f-w>div:empty{display:none}
 .t4f-hero .ph{margin-bottom:28px}
 .t4f-hero .txt>:last-child,.t4f-hero .txt>:last-child>:last-child{margin-bottom:0}
 .t4f-sec.dark>.t4f-w>:last-child{margin-bottom:0}
}

/* galleria home (27/10 finale): 4 colonne desktop, 3 tablet e telefono */
.t4f-gal{grid-template-columns:repeat(4,1fr);gap:14px}.t4f-gal img{border-radius:12px;height:auto}
@media(max-width:900px){.t4f-gal{grid-template-columns:repeat(3,1fr);gap:10px}}
@media(max-width:600px){.t4f-gal{grid-template-columns:repeat(3,1fr);gap:6px}.t4f-gal img{border-radius:8px}}

/* card Trackday home (27/10): auto a destra */
.t4f-duo a img.duo-td{object-position:50% 60%}
.t4f-duo a:has(.duo-td) .in{background:linear-gradient(transparent 20%,rgba(10,15,25,.6))}.t4f-duo a:has(.duo-td) .in>:not(.t4f-btn){text-shadow:0 1px 6px rgba(0,0,0,.6)}
@media(max-width:600px){.t4f-duo a img.duo-td{object-position:60% 40%}}
/* galleria home su telefono: 9 foto su 16 */
@media(max-width:600px){.t4f-gal-home img:nth-child(3),.t4f-gal-home img:nth-child(5),.t4f-gal-home img:nth-child(8),.t4f-gal-home img:nth-child(9),.t4f-gal-home img:nth-child(13),.t4f-gal-home img:nth-child(14),.t4f-gal-home img:nth-child(16){display:none}}
@media(max-width:600px){.t4f-duo a img[src*="duo-noleggio"]{object-position:100% 60%}}

/* bottoni card duo home = come "Guida le nostre Porsche" (27/10) */
html body .t4f-duo a .t4f-btn.light{background:#fff!important;color:#ff0000!important;border:2px solid #ff0000!important}
html body .t4f-duo a .t4f-btn.light:hover{background:#ff0000!important;color:#fff!important}
/* link nei box evento: sempre rossi, niente contorno nero/blu dopo il click */
.t4f-prgs a,.t4f-prgs a:link,.t4f-prgs a:visited,.t4f-prgs a:hover,.t4f-prgs a:focus,.t4f-prgs a:active{color:#d10000!important;text-decoration:underline}
.t4f-prgs a:focus{outline:none!important;box-shadow:none!important}
.t4f-prgs a:focus-visible{outline:2px solid #d10000!important;outline-offset:2px;border-radius:3px}
.t4f-wl{margin:8px 0 0;padding-left:20px}.t4f-wl li{margin:4px 0}.t4f-wl a,.t4f-wl a:visited,.t4f-wl a:focus,.t4f-wl a:hover{color:#d10000!important;text-decoration:underline}.t4f-wl a:focus{outline:none}.t4f-wl a:focus-visible{outline:2px solid #d10000;outline-offset:2px}