/*
Theme Name: In Bici con Domi
Theme URI: https://www.inbicicondomi.it
Author: Domenico
Description: Il sito delle uscite in bici di Domi: uscite da Strava, amici, blog, social e contatti.
Version: 2.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: inbicicondomi
*/

@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(assets/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(assets/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(assets/fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(assets/fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(assets/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --bg:#000; --surface:#15181f; --surface2:#1d212b; --ink:#eef1f6; --muted:#a3abba; --line:#2a303c; --red:#e8322f; --strava:#fc4c02;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-body:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --f-data:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f-body)}
img{max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* testata fissa */
header.site{border-bottom:2px solid var(--red);position:sticky;top:env(safe-area-inset-top,0px);z-index:1100;background:var(--bg)}
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:0}}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:1101;background:var(--bg)}
.lmap,.leaflet-container{z-index:0}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:18px}
.logo{display:flex;align-items:center;gap:10px;font:800 38px/1 var(--f-display);text-transform:uppercase;text-decoration:none;color:var(--ink)}
.logo img{height:60px;width:auto;filter:invert(1)}
.logo span{color:var(--red)}
nav.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
nav.menu a{font:600 26px/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
nav.menu .on > a,nav.menu .current-menu-item > a,nav.menu a:hover,nav.menu a:focus-visible{color:var(--red)}

main .wrap{padding-block:28px 56px}
h1,h2,h3{font-family:var(--f-display);text-transform:uppercase;margin:0;text-wrap:balance}
h1{font-size:44px;line-height:1}
h2{font-size:28px}
.lead{color:var(--muted);max-width:62ch;margin:.4em 0 0}
.tag{display:inline-block;font:600 11px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--red);color:var(--red);padding:3px 6px}
.note{border-left:3px solid var(--line);color:var(--muted);padding:8px 14px;font-size:15px;margin-top:18px;max-width:72ch}
.empty{color:var(--muted)}

/* pulsanti */
.btn{display:inline-block;background:var(--red);color:#fff;border:0;padding:12px 18px;font:600 18px var(--f-display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer}
.btn.alt{background:transparent;border:1px solid var(--ink)}
.btn.strava{background:var(--strava)}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* home */
.home-photo{margin-top:18px}
.home-photo img{display:block;border:2px solid #fff;height:auto;width:100%;aspect-ratio:auto}
.hero-title{text-align:center;margin-top:22px;font-size:clamp(30px,5vw,46px)}
.hero-title em{font-style:normal;color:var(--red)}
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}
.kv div{background:var(--bg);padding:12px}
.kv b{display:block;font:500 22px/1.2 var(--f-data);font-variant-numeric:tabular-nums}
.kv small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.kv.hs{grid-template-columns:repeat(4,minmax(0,1fr))}
.kv.hs div{text-align:center;padding:18px 10px}
.kv.hs b{font:600 clamp(30px,4.2vw,46px)/1.1 var(--f-display);color:var(--red);letter-spacing:.01em;margin-bottom:4px}
.kv.hs small{font-size:13px}
.src{color:var(--muted);font-size:13px;text-align:right;margin-top:8px}
.last{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-top:40px;background:#161616;border:2px solid #fff}
.last .tag{font-size:17px;padding:6px 12px;letter-spacing:.08em}
.last .lm{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface)}
.last .lm > svg{width:100%;height:100%;display:block}
.last .li{padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.last h2{font-size:34px;line-height:1.05}
.last .dt{color:var(--muted)}
.last .ln{display:flex;gap:22px;justify-content:center;margin:6px 0 8px}
.last .ln b{display:block;font:600 28px/1.1 var(--f-display);color:var(--red)}
.last .ln small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.me{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:36px;align-items:center;margin-top:40px}
.me img{width:100%;border:2px solid #fff;display:block}
.metx{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.metx .lead{margin:0 auto}
.metx .links{justify-content:center;margin-top:4px}

/* elenco uscite */
.list{margin-top:22px;display:flex;flex-direction:column;gap:8px}
.row{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 12px 12px 10px;background:#161616;border:1px solid #2b2b2b;border-left:4px solid var(--red);text-decoration:none}
.row:hover,.row:focus-visible{background:#2a1212;border-color:var(--red)}
.row .mm{position:relative;width:92px;height:56px;overflow:hidden;border:1px solid var(--line)}
.row .mm > svg{width:100%;height:100%;display:block}
.row .nm{font:600 22px/1.1 var(--f-display);text-transform:uppercase}
.row .dt{color:var(--muted);font-size:14px}
.row .km{font:500 15px var(--f-data);text-align:right;white-space:nowrap;color:var(--red)}
.row .ppl{display:flex;justify-content:flex-end;margin-top:4px}
.row .ppl i{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);background:#e7c86b;margin-left:-8px;display:grid;place-items:center;font:600 11px var(--f-body);font-style:normal;color:#111;overflow:hidden}
.row .ppl i img{width:100%;height:100%;object-fit:cover}
.row .go{color:var(--red);font:600 22px var(--f-display)}
.nomap{display:grid;place-items:center;color:var(--muted);font-size:11px;width:92px;height:56px;border:1px solid var(--line)}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;justify-content:center}
.pager .page-numbers{min-width:42px;padding:8px 12px;border:1px solid var(--line);text-align:center;text-decoration:none;font:600 18px var(--f-display);text-transform:uppercase}
.pager .page-numbers.current{background:var(--red);border-color:var(--red);color:#fff}
.pager a.page-numbers:hover{border-color:var(--red);color:var(--red)}
.credit{color:var(--muted);font-size:13px;text-align:right;margin-top:14px}

/* mappe */
.map{position:relative;margin-top:18px;border:2px solid #fff;background:var(--surface)}
.map > svg{display:block;width:100%;height:auto}
.lmap{position:absolute;inset:0;opacity:0;transition:opacity .3s;background:#dfe9d3}
.lmap.on{opacity:1}
.leaflet-container img.leaflet-tile{max-width:none!important}
.leaflet-control-attribution{font-size:10px}
.strava-link{text-align:right;margin:6px 0 0;font-size:13px}
.strava-link a{color:var(--strava)}
.sv iframe{max-width:100%!important;border:2px solid #fff!important}

/* scheda uscita */
.back{display:inline-block;margin-bottom:14px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--red)}
.ridehead .dt{color:var(--muted)}
section.blk{margin-top:34px}
section.blk > h2{margin-bottom:14px}
.who{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.p{background:var(--surface);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.p .top{display:flex;gap:12px;align-items:center}
.av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 22px var(--f-display);color:#111;flex:none;overflow:hidden;border:2px solid #fff;background:#e7c86b}
.av img{width:100%;height:100%;object-fit:cover}
.p h3{font-size:20px}
.p .sub{color:var(--muted);font-size:13px}
.p dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:14px}
.p dt{color:var(--muted)}
.p dd{margin:0;font-family:var(--f-data);font-size:13px;text-align:right}

/* contenuto scritto da Domenico (foto, video, testo) */
.entry{font-size:18px;line-height:1.6}
.entry > *{max-width:100%}
.entry p{margin:0 0 14px}
.entry a{color:var(--red)}
.entry img{border:2px solid #fff}
.entry figure{margin:0 0 16px}
.entry .wp-block-gallery{gap:8px}
.entry .wp-block-gallery img{border:2px solid #fff}
.entry iframe,.entry video{max-width:100%;border:2px solid #fff;display:block}
.entry .wp-block-embed__wrapper{position:relative}
.entry .wp-embed-aspect-16-9 .wp-block-embed__wrapper{aspect-ratio:16/9}
.entry .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.entry figcaption{color:var(--muted);font-size:14px;margin-top:6px}

/* amici */
.friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:20px}
.fr{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.fr .bike{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface2)}
.fr .bike img{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.fr .bike.none{display:grid;place-items:center;color:var(--muted);font-size:13px}
.fr .in{padding:14px;display:flex;flex-direction:column;gap:8px}
.fr .hd{display:flex;gap:10px;align-items:center}
.fr .hd .av{width:44px;height:44px;font-size:17px}
.fr h3{font-size:22px}
.st{font-size:13px;display:inline-flex;gap:6px;align-items:center}
.st i{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--line)}
.st.on i{background:var(--strava)}

/* modulo iscrizione */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:640px;margin-top:20px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.form input{background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:10px;font:16px var(--f-body);width:100%}
.form .full{grid-column:1/-1}
.form .chk{flex-direction:row;align-items:flex-start;gap:10px;color:var(--ink)}
.form .chk input{width:auto;margin-top:4px}
.form .chk a{color:var(--red)}
.msg{padding:12px 16px;margin-top:18px;max-width:640px;border-left:4px solid var(--red);background:#1a0d0d}
.msg.ok{border-color:#2e9e44;background:#0d1a10}

/* blog */
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:18px}
.post{background:var(--surface);border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;min-width:0}
.post:hover{border-color:var(--red)}
.post .cv{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface2);display:grid;place-items:center}
.post .cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.post .cv .ph{font:800 40px var(--f-display);color:var(--line)}
.post .in{padding:14px;display:flex;flex-direction:column;gap:6px}
.post .cat{color:var(--red);font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.post h3{font-size:22px;line-height:1.2}
.post .dt{color:var(--muted);font-size:14px}
.play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(232,50,47,.92);color:#fff;display:grid;place-items:center;font-size:26px;padding-left:4px}
.art{max-width:760px;margin:0 auto}
.art .dt{color:var(--muted);margin:6px 0 0}
.art .cover{margin:18px 0;text-align:center}
.art .cover img{display:inline-block;vertical-align:top;width:auto;max-width:100%;height:auto;max-height:85vh;border:2px solid #fff}

/* social e contatti */
.center{text-align:center}
.center .lead{margin-inline:auto}
.socs{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;justify-content:center}
.soc{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;font:600 24px var(--f-display);text-transform:uppercase;letter-spacing:.04em;padding:22px 26px;border:1px solid var(--line);background:var(--surface);min-width:150px;flex:1 1 150px;max-width:220px}
.soc:hover,.soc:focus-visible{border-color:var(--red)}
.soc .ic{width:72px;height:72px;display:grid;place-items:center}
.soc svg{width:64px;height:64px}
.mail{font-size:20px!important;text-transform:none!important;letter-spacing:.02em!important}

/* sponsor */
.sponsor{margin-top:40px;border-top:1px solid var(--line);padding-top:18px;text-align:center}
.sponsor small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.sponsor .loghi{display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:center;align-items:center}
.sponsor a{display:block}
.sponsor img{max-height:70px;width:auto;display:block;background:#fff;padding:6px}
.sponsor .nome{font:600 20px var(--f-display);text-transform:uppercase;text-decoration:none}

footer.site{border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer.site .wrap{padding-block:18px;text-align:right}
footer.site a{color:var(--muted)}

@media (max-width:700px){
  h1{font-size:36px}
  header.site .wrap{padding-block:10px;gap:8px}
  .logo{font-size:29px}.logo img{height:44px}
  nav.menu ul{gap:4px 11px;flex-wrap:nowrap}
  nav.menu a{font-size:17px;letter-spacing:.02em;white-space:nowrap}
  .row{grid-template-columns:72px minmax(0,1fr) auto}
  .row .mm,.nomap{width:72px;height:46px}
  .row .go{display:none}
  .kv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kv div:last-child{grid-column:1/-1}
  .kv.hs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kv.hs div:last-child{grid-column:auto}
  .form{grid-template-columns:minmax(0,1fr)}
  .last{grid-template-columns:minmax(0,1fr)}
  .last .ln{gap:16px}
  .me{grid-template-columns:minmax(0,1fr);gap:20px}
  .me img{max-width:300px;margin:0 auto}
}
@media (max-width:380px){nav.menu ul{gap:4px 8px}nav.menu a{font-size:15.5px;letter-spacing:.01em}}
@media (max-width:560px){.socs{flex-direction:column;gap:16px;align-items:center}.soc{flex-direction:row;width:100%;max-width:300px;flex:none;justify-content:center;gap:20px;padding:16px 20px}.soc .ic{width:52px;height:52px}.soc svg{width:44px;height:44px}}
@media (prefers-reduced-motion:no-preference){.row,.btn{transition:background .15s}}

/* ---------- Statistiche ---------- */
.cmpw{text-align:center;margin-top:14px}
.cmpw a.cmp{color:#fff;text-decoration:none;font:700 21px/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.cmpw a.cmp:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}
.stat h2{font-size:28px;margin:34px 0 12px}
.chart{display:block;width:100%;height:auto;max-width:760px}
.chart text{font:12px var(--f-data);fill:var(--muted)}
.chart text.v{fill:var(--ink)}
.chart text.a.on{fill:var(--red);font-weight:700}
.tab-wrap{overflow-x:auto;margin-top:14px}
.tab{border-collapse:collapse;width:100%;max-width:760px;font-variant-numeric:tabular-nums}
.tab th{font:600 12px var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:right;padding:8px 10px;border-bottom:1px solid var(--line)}
.tab td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;font-family:var(--f-data);font-size:15px;white-space:nowrap}
.tab th:first-child,.tab td:first-child{text-align:left}
.tab tr.on td{color:var(--red);font-weight:600}
.tab tr.on small{font:500 11px var(--f-body);text-transform:uppercase;color:var(--muted);margin-left:4px}
.tab.amici td:nth-child(2),.tab.amici th:nth-child(2){text-align:left;font-family:var(--f-body)}
.tab.amici tr:first-child td{color:var(--red)}
.tab a.chi{color:inherit;text-decoration:none}
.tab a.chi:hover{color:var(--red);text-decoration:underline}
.tab.amici tr.sel td{background:var(--surface2)}
.stat h1 .di{color:var(--red)}
.chi-big{display:flex;align-items:center;gap:12px;margin-top:10px}
.chi-big .av{width:48px;height:48px;flex:none}
a.cmp{color:var(--red);text-decoration:none;font-weight:600}
.tab .chi{display:inline-flex;align-items:center;gap:8px}
.tab .chi .av{width:28px;height:28px;font-size:12px}
.leg{display:flex;gap:18px;font-size:13px;color:var(--muted);margin-bottom:6px}
.leg i{display:inline-block;width:10px;height:10px;margin-right:6px}
.fs{border-top:1px solid var(--line);padding-top:8px}
.fs summary{cursor:pointer;color:var(--red);font:600 15px var(--f-display);text-transform:uppercase;letter-spacing:.04em}
.fs .tab td{font-size:13px;padding:6px 4px}
.fs .tab th{font-size:10px;padding:6px 4px}
.chart.mini text{font-size:13px}
.fs .chart{margin-top:8px}
@media (max-width:600px){
  .chart:not(.mini) text{font-size:19px}
  .tab td{font-size:13px;padding:8px 5px}
  .tab th{font-size:10px;padding:6px 5px;letter-spacing:.03em}
  .tab tr.on small{display:none}
  .stat h2{font-size:24px}
}
#grafici{scroll-margin-top:150px}

@media (max-width:600px){.cmpw a.cmp{font-size:19px}}

.last a.li{color:inherit;text-decoration:none}
.last a.li:hover .tag,.last a.li:focus-visible .tag{background:var(--red);color:#fff}
.last a.li:hover h2{color:var(--red)}

/* menu evidenziato: riquadro grigio, staccato dal logo */
header.site nav{background:#161616;border:1px solid var(--line);padding:9px 20px}
@media (max-width:700px){
  header.site nav{width:100%;padding:7px 10px}
  header.site nav,header.site nav.menu ul{justify-content:space-between}
}
@media (max-width:380px){header.site nav{padding:7px 6px}}

/* ---------- Telefono: testata a copertina ---------- */
.logo .t{color:var(--ink)}
.logo .t span{color:var(--red)}
@media (max-width:700px){
  header.site{border-bottom:0}
  header.site .wrap{flex-direction:column;align-items:stretch;gap:8px;padding-block:14px 0}
  .logo{flex-direction:column;justify-content:center;gap:6px;font-size:min(12.2vw,60px);white-space:nowrap}
  .logo img{height:auto;width:min(36vw,150px)}
  header.site nav{width:100%;background:none;border:0;border-top:1px solid var(--red);border-bottom:1px solid var(--red);padding:8px 0}
  header.site nav,header.site nav.menu ul{justify-content:space-between}
  .hero-title{font-size:min(7.1vw,30px);line-height:1.08}
  .hero-title br{display:none}
  .kv.hs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kv.hs div{padding:12px 4px}
  .kv.hs b{font-size:min(6.4vw,27px)}
  .kv.hs small{font-size:9px;letter-spacing:.03em;display:block;line-height:1.25}
  .kv.hs div:last-child{grid-column:auto}
  .last{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .last .lm{aspect-ratio:auto;min-height:100%;background:#dfe9d3}
  .last .lm > svg{position:absolute;inset:0}
  .last .li{padding:12px 8px;gap:6px}
  .last .tag{font-size:11px;padding:3px 6px}
  .last h2{font-size:22px}
  .last .dt{font-size:12px}
  .last .ln{gap:10px;margin:2px 0}
  .last .ln b{font-size:17px}
  .last .ln small{font-size:8.5px;letter-spacing:.02em}
}
@media (max-width:380px){header.site nav{padding:7px 0}}
@media (max-width:700px){
  .kv:not(.hs){grid-template-columns:repeat(4,minmax(0,1fr))}
  .kv:not(.hs) div{padding:10px 3px;text-align:center}
  .kv:not(.hs) div:last-child{grid-column:auto}
  .kv:not(.hs) b{font:600 min(5.6vw,22px)/1.15 var(--f-display);white-space:nowrap}
  .kv:not(.hs) small{font-size:8.5px;letter-spacing:.02em;display:block;line-height:1.25}
}

/* scheda uscita: titolo con data a fianco, numeri, mappa, linea rossa */
.ridetit{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.ridetit .dt{color:var(--muted);font-size:17px}
.ridetit + .kv{margin-top:16px}
hr.rossa{border:0;border-top:1px solid var(--red);margin:30px 0 0}
.links.tutte{margin-top:34px}
.strava-link{text-align:right;margin:6px 0 0;font-size:13px}
.strava-link a{color:var(--strava)}

/* foto e video delle uscite: orizzontali e verticali, mai tagliati */
.entry img{max-width:100%;height:auto}
.entry .wp-block-image img{display:block;width:auto;max-height:85vh;margin:0 auto}
.entry .wp-block-image{text-align:center}
.entry .wp-block-gallery.has-nested-images figure.wp-block-image img{object-fit:contain!important;height:auto!important;max-height:70vh;background:#000}
.entry .wp-block-gallery.has-nested-images figure.wp-block-image{align-self:flex-start}
.entry video{width:100%;height:auto;max-height:85vh;background:#000}
.entry .wp-embed-aspect-9-16 .wp-block-embed__wrapper{aspect-ratio:9/16;width:min(100%,calc(85vh * 9 / 16));margin:0 auto}
.entry .wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}

.kv:not(.hs) b{color:var(--red)}

/* titolo su una sola riga anche sul telefono */
h1.unariga{white-space:nowrap;font-size:min(44px,6.8vw)}
h1 em{font-style:normal;color:var(--red)}

/* schede amici: foto profilo e "Le sue statistiche" ben visibile */
.fr .hd .av{width:56px;height:56px}
.fr .hd .av img{width:100%;height:100%;object-fit:cover;display:block}
.fs{margin-top:4px}
.fs summary{font-size:21px;padding:4px 0}

/* schede amici: "Le mie statistiche" porta alla pagina Statistiche */
.fsl{display:block;border-top:1px solid var(--line);margin-top:4px;padding:12px 0 4px;color:var(--red);font:600 21px var(--f-display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.fsl:hover{color:#fff}

/* "Domi" sempre rosso nel nome del sito */
.rd{color:var(--red)}

/* "Domi" un po più grande nel titolo */
@media (max-width:700px){.logo .t span{font-size:1.12em;line-height:.9}} /* sul computer resta come prima */

/* statistiche di un amico: frase a sinistra, foto quadrata a destra */
.chi-foto{display:flex;align-items:center;justify-content:space-between;gap:16px}
.chi-foto .lead{margin:8px 0 0}
.chi-foto{margin-top:24px}.chi-foto h1{margin:0}
.chi-foto .fq{flex:none;width:170px;height:170px;border:2px solid #fff}
.chi-foto .fq img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:700px){.chi-foto .fq{width:min(130px,30vw);height:min(130px,30vw)}.chi-foto h1.unariga{font-size:5.9vw}.chi-foto>div:first-child{min-width:0}}

/* riquadro ultima uscita: titolo rosso, etichetta bianca con linea bianca */
.last h2{color:var(--red)}
.last .tag{color:#fff;border-color:#fff}
.last a.li:hover .tag,.last a.li:focus-visible .tag{background:#fff;color:#000}
.last a.li:hover h2{color:#fff}

/* Mac: "Domi" del titolo leggermente più grande, senza spostare niente */
@media (min-width:701px){.logo .t span{font-size:1.2em;line-height:0;vertical-align:baseline}}

/* Mac: logo e menu sempre sulla stessa riga, menu un po piu piccolo */
@media (min-width:701px){header.site .wrap{flex-wrap:nowrap}.logo{font-size:min(54px,3.95vw);flex:none}.logo img{flex:none;height:min(86px,6.3vw)}nav.menu{flex:none}nav.menu ul{flex-wrap:nowrap;gap:4px min(22px,1.8vw)}nav.menu a{font-size:min(25px,2.55vw);white-space:nowrap}header.site nav{padding:9px min(18px,1.4vw)}}
.fr .hd .av img,.av img{object-position:50% 20%}

/* Amici v2.2: foto dell'amico grande in verticale, sotto nome, statistiche e foto della bici */
.fr .ph{aspect-ratio:3/4;background:#000;border-bottom:1px solid var(--line);overflow:hidden}
.fr .ph img{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;background:#000}
.fr .ph.none{display:grid;place-items:center;font:800 64px var(--f-display);color:var(--muted)}
.fr .in{padding:14px 14px 10px;gap:4px}
.fr .in h3{font-size:24px;line-height:1.15}
.fr .in .sub{color:var(--muted);font-size:15px}
.fr .in .fsl{margin-top:8px}
.fr .bike{aspect-ratio:4/3;border-top:1px solid var(--line);border-bottom:0;margin-top:auto;background:#000}
.fr .in{flex:1}
.fr .bike{aspect-ratio:auto;margin-top:0}
.fr .bike img{height:auto}
/* Amici: 3 schede per riga su computer, 2 sul telefono */
.friends{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:700px){
.friends{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fr .in{padding:10px 10px 8px}
.fr .in h3{font-size:18px}
.fr .in .sub{font-size:13px}
.fr .in .fsl{font-size:15px;padding-top:8px}
.fr .ph.none{font-size:40px}
}
/* Amici: linea rossa sottile tra una riga e l'altra */
.friends{row-gap:40px}.fr{position:relative}
.fr:nth-child(3n+4)::before{content:"";position:absolute;left:0;top:-21px;width:calc(300% + 38px);height:1px;background:var(--red)}
@media (max-width:700px){.friends{row-gap:24px}.fr:nth-child(3n+4)::before{content:none}
.fr:nth-child(2n+3)::before{content:"";position:absolute;left:0;top:-13px;width:calc(200% + 12px);height:1px;background:var(--red)}}
/* Amici: tutte le schede uguali. Foto intera al centro, ai lati la stessa foto sfocata */
.fr .ph,.fr .bike{position:relative;overflow:hidden;background:#000}
.fr .ph{aspect-ratio:3/4}
.fr .bike{aspect-ratio:4/3;margin-top:auto;border-top:1px solid var(--line)}
.fr .ph::before,.fr .bike::before{content:"";position:absolute;inset:-30px;background:var(--sf) center/cover no-repeat;filter:blur(22px) brightness(.55)}
.fr .ph img,.fr .bike img{position:relative;width:100%;height:100%;object-fit:contain;background:transparent}
.fr .bike.none::before,.fr .ph.none::before{content:none}
.fr .in{flex:1}
.friends .fr .ph img,.friends .fr .bike img{background:transparent;object-fit:contain}