/* ═══════════════════════════════════════════════════
   VAGABONDK — Formats (v2, blocs natifs)
   Tout est scopé sous .vk pour ne pas toucher au thème hôte.
   ═══════════════════════════════════════════════════ */

@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/CourierPrime-Regular.woff2") format("woff2");}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/CourierPrime-Bold.woff2") format("woff2");}
@font-face{font-family:"Courier Prime";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/CourierPrime-Italic.woff2") format("woff2");}
@font-face{font-family:"Courier Prime";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/CourierPrime-BoldItalic.woff2") format("woff2");}
@font-face{font-family:"Special Elite";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/SpecialElite-Regular.woff2") format("woff2");}

.vk{
  --vk-paper:#F7F6F2; --vk-paper-2:#ECEAE1;
  --vk-ink:#1B1F3B; --vk-ink-soft:#5B5F78;
  --vk-ribbon:#1B4FDB; --vk-ribbon-deep:#13379E; --vk-ribbon-tint:#8FA8F0;
  --vk-rule:rgba(35,33,28,.24); --vk-rule-soft:rgba(35,33,28,.13);
  font-family:"Courier Prime","Courier New",monospace;
  color:var(--vk-ink); background:var(--vk-paper); line-height:1.7;
  border:1.5px solid var(--vk-ink); padding:34px 32px; margin:0 auto 24px; max-width:1080px;
}
.vk *{box-sizing:border-box}
.vk h2,.vk h3,.vk h4{font-family:"Special Elite","Courier New",monospace;font-weight:400;line-height:1.25;margin:0}
.vk p{margin:0 0 1em}
.vk p:last-child{margin-bottom:0}
.vk a{color:var(--vk-ribbon)}
.vk strong{color:var(--vk-ink)}

.vk .vk-eyebrow{font-family:"Special Elite",monospace;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--vk-ribbon);margin-bottom:.6em}
.vk .vk-h{font-family:"Special Elite",monospace;font-size:1.5rem;margin-bottom:.6em}

.vk .vk-cliche{
  background:var(--vk-paper-2);border:1.5px solid var(--vk-ink);
  background-image:repeating-linear-gradient(135deg,transparent 0 22px,rgba(35,33,28,.03) 22px 23px);
  display:flex;align-items:center;justify-content:center;min-height:220px;text-align:center;padding:12px;
  font-family:"Special Elite",monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--vk-ink-soft);
}
.vk .vk-cliche p{margin:0;color:var(--vk-ink-soft)}

.vk .wp-block-button__link,.vk .vk-bouton{
  background:var(--vk-ribbon)!important;color:var(--vk-paper)!important;border-radius:0!important;
  font-family:"Special Elite",monospace;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  padding:13px 28px;text-decoration:none;display:inline-block;border:none;
}
.vk .wp-block-button__link:hover,.vk .vk-bouton:hover{background:var(--vk-ribbon-deep)!important}

/* 1 · expo en 60 secondes */
.vk-60 .vk-grille{display:grid;grid-template-columns:42% 1fr;gap:28px;align-items:start}
.vk-60 .vk-etiquette{font-family:"Special Elite",monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--vk-ribbon);margin:16px 0 2px}
.vk-60 .vk-etiquette:first-child{margin-top:0}
.vk-60 .vk-chrono{display:inline-block;margin-top:16px;font-size:.76rem;letter-spacing:.08em;color:var(--vk-ink-soft);border:1px solid var(--vk-rule);padding:6px 12px}

/* slides (2 & 6) */
.vk-slides .vk-piste{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:16px;overflow-x:auto;padding-bottom:6px}
.vk-slides .vk-slide{border:1.5px solid var(--vk-ink);background:var(--vk-paper);min-height:230px;padding:20px 18px;display:flex;flex-direction:column}
.vk-slides .vk-slide .no{font-family:"Special Elite",monospace;color:var(--vk-ribbon);font-size:.8rem;letter-spacing:.12em;margin-bottom:12px}
.vk-slides .vk-slide h4{font-size:1.05rem;margin-bottom:8px}
.vk-slides .vk-slide p{font-size:.86rem;color:var(--vk-ink-soft);margin:0}
.vk-slides .vk-slide.vk-dark{background:var(--vk-ink);color:var(--vk-paper);border-color:var(--vk-ink)}
.vk-slides .vk-slide.vk-dark h4{color:var(--vk-paper)}
.vk-slides .vk-slide.vk-dark .no{color:var(--vk-ribbon-tint)}
.vk-slides .vk-verdict{border:2px solid var(--vk-ribbon)}

/* 3 · le flâneur (3 minutes) */
.vk-3min .vk-pas{display:grid;grid-template-columns:1.6em 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--vk-rule-soft)}
.vk-3min .vk-pas:first-of-type{border-top:none}
.vk-3min .vk-pas .n{font-family:"Special Elite",monospace;font-size:1.5rem;color:var(--vk-ribbon);line-height:1}
.vk-3min .vk-pas h4{font-size:1.05rem;margin-bottom:4px}
.vk-3min .vk-pas p{margin:0;color:var(--vk-ink-soft);font-size:.92rem}

/* 4 · scène invisible */
.vk.vk-scene{background:var(--vk-ink);color:var(--vk-paper);border-color:var(--vk-ink);text-align:center}
.vk.vk-scene .vk-eyebrow{color:var(--vk-ribbon-tint)}
.vk.vk-scene .vk-fiction{font-style:italic;font-size:1.35rem;line-height:1.65;max-width:34em;margin:0 auto 1em}
.vk.vk-scene .vk-sign{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(235,230,218,.55);margin:0}

/* 5 · la carte (pins en CSS) */
.vk-carte .vk-grille{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.vk-carte .vk-plan{
  border:1.5px solid var(--vk-ink);aspect-ratio:1/1;background-color:var(--vk-paper-2);
  background-image:
    radial-gradient(circle 5px at 60% 34%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 54% 40%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 50% 30%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 40% 58%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 47% 47%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 66% 24%, var(--vk-ribbon) 98%, transparent),
    radial-gradient(circle 5px at 57% 52%, var(--vk-ribbon) 98%, transparent),
    repeating-linear-gradient(135deg,transparent 0 22px,rgba(35,33,28,.03) 22px 23px);
}
.vk-carte .vk-compteurs{display:flex;gap:30px;margin:18px 0 22px;flex-wrap:wrap}
.vk-carte .vk-compteur{display:flex;flex-direction:column}
.vk-carte .vk-compteur .n{font-family:"Special Elite",monospace;font-size:2.2rem;color:var(--vk-ribbon);line-height:1;margin:0}
.vk-carte .vk-compteur .l{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--vk-ink-soft);margin:6px 0 0}

/* 7 · radar 3 expos gratuites */
.vk-radar{background:var(--vk-paper-2)}
.vk-radar .vk-tampon{display:inline-block;border:2px solid var(--vk-ribbon);color:var(--vk-ribbon);font-family:"Special Elite",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:6px 14px;transform:rotate(-2.5deg);margin-bottom:20px}
.vk-radar .vk-fiches{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.vk-radar .vk-fiche{position:relative;border:1.5px solid var(--vk-ink);background:var(--vk-paper);padding:26px 20px 22px}
.vk-radar .vk-no{position:absolute;top:-15px;left:18px;background:var(--vk-ribbon);color:var(--vk-paper);font-family:"Special Elite",monospace;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin:0}
.vk-radar .vk-fiche h4{font-size:1rem;margin:8px 0 6px}
.vk-radar .vk-fiche p{font-size:.86rem;color:var(--vk-ink-soft)}
.vk-radar .vk-ou{margin-top:14px;padding-top:10px;border-top:1px dashed var(--vk-rule);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vk-ink-soft)}
.vk-radar .vk-ou strong{color:var(--vk-ribbon)}

/* 8 · le détail */
.vk-detail .vk-revelation{font-style:italic;font-size:1.2rem;line-height:1.6;border-left:2px solid var(--vk-ribbon);padding-left:20px;margin-top:20px}

/* 9 · un soir, trois galeries */
.vk-promenade .vk-etape{position:relative;border-left:1.5px dashed var(--vk-ribbon);margin-left:.8rem;padding:0 0 1.8rem 1.6rem}
.vk-promenade .vk-etape:last-child{padding-bottom:0}
.vk-promenade .vk-pin{position:absolute;left:-.85rem;top:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--vk-ribbon);border-radius:50%;background:var(--vk-paper);color:var(--vk-ribbon);font-family:"Special Elite",monospace;font-size:.9rem;margin:0}
.vk-promenade .vk-etape h4{font-size:1.1rem;margin-bottom:2px}
.vk-promenade .vk-etape .adr{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vk-ink-soft);margin-bottom:6px}
.vk-promenade .vk-etape p:last-child{margin:0}

/* 10 · les promenades (série) */
.vk-serie .vk-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.vk-serie .vk-card{border:1.5px solid var(--vk-ink);background:var(--vk-paper);display:flex;flex-direction:column;padding:0}
.vk-serie .vk-card .vk-cliche{border:none;border-bottom:1.5px solid var(--vk-ink);min-height:150px}
.vk-serie .vk-card .in{padding:18px}
.vk-serie .vk-card h4{font-size:1.02rem;margin-bottom:6px}
.vk-serie .vk-card p{font-size:.84rem;color:var(--vk-ink-soft)}
.vk-serie .vk-card .dur{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vk-ribbon);margin-top:12px}

@media(max-width:820px){
  .vk-60 .vk-grille,.vk-carte .vk-grille{grid-template-columns:1fr}
  .vk-radar .vk-fiches,.vk-serie .vk-cartes{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════
   RÉGLAGES DE SITE (au-delà des encarts)
   Pour que le titre, le menu et le texte courant de la page
   adoptent le même habillage machine à écrire que les formats,
   sans rien régler à la main dans Riverbank.
   Ces règles restent discrètes (pas de !important sauf couleur de fond)
   et cèdent le pas à tout style plus spécifique déjà en place.
   ═══════════════════════════════════════════════════ */
:root{
  --vks-paper:#F7F6F2; --vks-ink:#1B1F3B; --vks-ink-soft:#5B5F78;
  --vks-ribbon:#1B4FDB; --vks-ribbon-deep:#13379E;
}
body{
  font-family:"Courier Prime","Courier New",monospace;
  color:var(--vks-ink);
  background-color:var(--vks-paper);
}
h1,h2,h3,h4,h5,h6,
.wp-block-post-title,
.wp-block-site-title,
.entry-title{
  font-family:"Special Elite","Courier New",monospace!important;
  font-weight:400;
}
a{ color:var(--vks-ribbon); }
a:hover{ color:var(--vks-ribbon-deep); }

/* boutons WordPress natifs hors des encarts .vk */
.wp-block-button__link{
  border-radius:0!important;
  background-color:var(--vks-ribbon);
  font-family:"Special Elite","Courier New",monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.78rem;
}
.wp-block-button__link:hover{ background-color:var(--vks-ribbon-deep); }

/* menu / navigation du thème */
.wp-block-navigation,
.wp-block-navigation a{
  font-family:"Special Elite","Courier New",monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.82rem;
}
.wp-block-navigation a:hover{ color:var(--vks-ribbon); }