/* ============================================================================
   MOVIAGGIO — Home "blog" (layout stile cibeviamo) MA con la delicatezza del
   design system attuale: font serif (DM Serif Display / Fraunces), palette
   viaggio (navy / terra / ocra), tag classici, bordi sottili.
   Caricato per ultimo. (Nome file storico "fluo": ora è la versione delicata.)
   ============================================================================ */

/* ---------- Tag classici (categoria) ---------- */
.flu-tag{
  font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;display:inline-block;padding:4px 10px;border-radius:3px;
  background:rgba(10,37,64,.07);color:var(--mv-deep-sea);white-space:nowrap;line-height:1.4;
}
.flu-tag.cy{background:rgba(10,37,64,.08);color:var(--mv-deep-sea)}   /* Destinazioni */
.flu-tag.li{background:rgba(212,160,76,.20);color:#9a6c18}            /* Consigli */
.flu-tag.or{background:rgba(194,102,75,.16);color:var(--mv-terra)}    /* Itinerari / food */
.flu-tag.mg{background:rgba(230,57,70,.12);color:var(--mv-coral)}     /* Confronti */

/* ---------- Topbar (snella, delicata) ---------- */
.flu-topbar{background:var(--mv-deep-sea);color:rgba(251,248,243,.82);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}
.flu-topbar__in{max-width:var(--container-wide,1200px);margin:0 auto;padding:8px clamp(16px,4vw,40px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.flu-topbar b{color:var(--mv-bone);font-weight:600}
.flu-topbar a{color:var(--mv-ochre)}
.flu-topbar a:hover{color:var(--mv-bone)}

/* ---------- Ticker (delicato: sabbia + testo navy) ---------- */
.flu-ticker{background:var(--mv-sand);border-bottom:1px solid var(--mv-pearl)}
.flu-ticker__in{max-width:var(--container-wide,1200px);margin:0 auto;display:flex;align-items:center;gap:14px;padding:9px clamp(16px,4vw,40px)}
.flu-ticker__lab{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mv-terra);flex-shrink:0}
.flu-ticker__vp{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.flu-ticker__tr{display:inline-flex;gap:30px;white-space:nowrap;animation:flu-scorri 40s linear infinite;font-family:var(--font-mono);font-size:12.5px;color:var(--mv-graphite,#4a4540)}
.flu-ticker__tr a:hover{color:var(--mv-deep-sea)}
.flu-ticker__tr b{color:var(--mv-terra);font-weight:600}
@keyframes flu-scorri{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.flu-ticker__tr{animation:none}}

/* ---------- Layout blog ---------- */
.flu-main{padding:38px 0 66px}
.flu-blog{display:grid;grid-template-columns:1fr 320px;gap:clamp(30px,4vw,52px)}
@media(max-width:900px){.flu-blog{grid-template-columns:1fr}}

/* ---------- Apertura ---------- */
.flu-feat{margin-bottom:36px}
.flu-feat__img{aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;display:block;background:var(--mv-foam,#e8f1f9)}
.flu-feat__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.flu-feat:hover .flu-feat__img img{transform:scale(1.03)}
.flu-feat__tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--mv-bone);box-shadow:0 2px 10px rgba(10,37,64,.14)}
.flu-feat__body{padding:20px 0 0}
.flu-feat__body .flu-tag{margin-bottom:2px}
.flu-feat__body h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.04;margin:12px 0 0;letter-spacing:-.01em;color:var(--mv-ink)}
.flu-feat__body h2 a:hover{color:var(--mv-terra)}
.flu-standfirst{font-family:var(--font-editorial);font-size:1.1rem;color:var(--mv-graphite,#4a4540);line-height:1.55;margin:14px 0 0;max-width:62ch}
.flu-byline{font-family:var(--font-mono);font-size:12px;color:var(--mv-stone);margin-top:16px;letter-spacing:.02em}
.flu-byline b{color:var(--mv-deep-sea);font-weight:600}
.flu-byline a{color:var(--mv-deep-sea);border-bottom:1px solid var(--mv-ochre)}
.flu-byline a:hover{border-bottom-color:var(--mv-terra)}

/* ---------- Lista articoli ---------- */
.flu-list article{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--mv-pearl)}
.flu-list article:first-child{border-top:1px solid var(--mv-pearl)}
@media(max-width:560px){.flu-list article{grid-template-columns:1fr}}
.flu-list__thumb{aspect-ratio:5/4;border-radius:6px;overflow:hidden;position:relative;background:var(--mv-foam,#e8f1f9);display:block}
.flu-list__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.flu-list article:hover .flu-list__thumb img{transform:scale(1.04)}
.flu-list__thumb .flu-tag{position:absolute;top:10px;left:10px;z-index:2;background:var(--mv-bone);box-shadow:0 2px 8px rgba(10,37,64,.12)}
.flu-list h3{font-family:var(--font-display);font-weight:400;font-size:1.35rem;line-height:1.14;margin:4px 0 0;letter-spacing:-.01em;color:var(--mv-ink)}
.flu-list h3 a:hover{color:var(--mv-terra)}
.flu-list p{font-family:var(--font-editorial);font-size:.98rem;color:var(--mv-graphite,#4a4540);line-height:1.5;margin:9px 0 0}

/* ---------- Bottone (delicato) ---------- */
.flu-btn{display:inline-block;font-family:var(--font-ui);font-weight:600;letter-spacing:.02em;font-size:.9rem;
  background:var(--mv-deep-sea);color:var(--mv-bone);padding:13px 26px;border-radius:4px;margin-top:28px;
  transition:background .2s ease,transform .2s ease}
.flu-btn:hover{background:var(--mv-terra);transform:translateY(-2px)}

/* ---------- Sidebar ---------- */
.flu-side{display:flex;flex-direction:column;gap:26px}
.flu-box{border:1px solid var(--mv-pearl);border-radius:8px;overflow:hidden;background:#fff}
.flu-box__t{font-family:var(--font-display);font-weight:400;font-size:1.1rem;padding:13px 17px;border-bottom:1px solid var(--mv-pearl);background:var(--mv-bone);color:var(--mv-deep-sea)}
.flu-box__in{padding:15px 17px}
.flu-pills{display:flex;flex-wrap:wrap;gap:7px}
.flu-pills a{font-family:var(--font-mono);font-size:12px;color:var(--mv-graphite,#4a4540);border:1px solid var(--mv-pearl);border-radius:999px;padding:5px 12px;transition:background .15s,border-color .15s}
.flu-pills a:hover{background:var(--mv-foam,#e8f1f9);border-color:var(--mv-shallow,#5b8dbd);color:var(--mv-deep-sea)}
.flu-pills a b{color:var(--mv-terra);font-weight:600}
.flu-num{display:flex;flex-direction:column}
.flu-num a{display:flex;gap:13px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--mv-pearl);font-family:var(--font-editorial);font-size:1rem;line-height:1.25;color:var(--mv-ink)}
.flu-num a:last-child{border-bottom:0}
.flu-num .n{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--mv-ochre);flex-shrink:0;width:22px}
.flu-num a:hover .nm{color:var(--mv-terra)}
.flu-menu a{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--mv-pearl);font-family:var(--font-editorial);font-size:1rem;color:var(--mv-ink)}
.flu-menu a:last-child{border-bottom:0}
.flu-menu a:hover{color:var(--mv-terra)}
.flu-side-all{display:inline-block;margin-top:13px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mv-terra);border-bottom:1px solid var(--mv-ochre);padding-bottom:2px}
.flu-side-all:hover{color:var(--mv-deep-sea)}

/* ============================================================================
   UNIFICAZIONE — stessa lingua della home su TUTTE le pagine interne
   (schede città, liste itinerari/confronti/blog, sezioni "correlati").
   Override additivi: il foglio è caricato per ultimo.
   ============================================================================ */

/* Immagini card: angoli morbidi coerenti ovunque */
.mv-post-card__img-wrap,.mv-related-card__img-wrap,.mv-related-item__img-wrap,
.mvm-art__img,.mv-city-card__img{border-radius:6px;overflow:hidden}

/* Tag categoria = pill classico identico alla home (.flu-tag) */
.mv-post-card__cat,.mv-related-item__cat{
  font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;display:inline-block;padding:4px 10px;border-radius:3px;
  background:rgba(10,37,64,.07);color:var(--mv-deep-sea)!important;
}
/* Badge categoria sopra l'immagine (card "lead" dei correlati) → pill su bone */
.mv-related-card__cat-badge{
  font-family:var(--font-mono)!important;font-size:10.5px!important;letter-spacing:.13em!important;
  text-transform:uppercase;font-weight:600!important;
  background:var(--mv-bone)!important;color:var(--mv-deep-sea)!important;
  border-radius:3px!important;padding:4px 10px!important;box-shadow:0 2px 10px rgba(10,37,64,.14);
}

/* Titoli card in serif display, coerenti con la home */
.mv-post-card__title{font-family:var(--font-display)!important;font-weight:400!important;letter-spacing:-.01em}
.mv-post-card:hover .mv-post-card__title{color:var(--mv-terra)}

/* Meta/byline card in mono discreto */
.mv-post-card__meta,.mv-related-item__meta{font-family:var(--font-mono);font-size:12px;color:var(--mv-stone)}

/* Occhiello sezione "correlati" coerente con i box della home */
.mv-related__eyebrow{color:var(--mv-terra)}

/* ---------- Ticker: separatore ---------- */
.flu-ticker__sep{color:var(--mv-ochre);font-size:9px}

/* ---------- Mappa destinazioni in home ---------- */
.flu-mapsec{padding:8px 0 60px}
.flu-mapsec__hint{font-family:var(--font-editorial);color:var(--mv-graphite,#4a4540);font-size:1rem;margin:0 0 18px;max-width:70ch}
.flu-map{height:clamp(360px,52vh,540px);border:1px solid var(--mv-pearl);border-radius:8px;overflow:hidden;background:var(--mv-foam,#e8f1f9);z-index:0}
.flu-map .leaflet-container{font-family:var(--font-ui)}
.flu-pin{background:none;border:0;filter:drop-shadow(0 2px 4px rgba(10,37,64,.35))}