/* ==========================================================================
   Le Journal du Vin : DA d'octobre 2026 (maquette 15, version sobre)
   Couche de thème chargée APRÈS le <style> de chaque page : elle redéfinit
   les variables et l'habillage, sans toucher au contenu ni au balisage SEO.
   Règle de couleur : seules la tête bordeaux, le bandeau du jour et le pied
   prune sont des surfaces colorées. La couleur d'une rubrique est un repère
   (filet, pastille, numéro), jamais un fond.
   Ne jamais écraser ce fichier : créer jdv-2026-v2.css (cache Cloudflare).
   ========================================================================== */

:root{
  --paper:#FFFFFF; --paper-soft:#F5F4F3; --paper-deep:#ECEAE8;
  --ink:#2B1222; --ink-soft:#6A3E52;
  --bordeaux:#7B1734; --bordeaux-deep:#5A1220;
  --gold:#7B1734; --gold-soft:rgba(123,23,52,.32);
  --hairline:rgba(43,18,34,.14); --hairline-strong:rgba(43,18,34,.42);
  --serif:"Zodiak", Georgia, "Times New Roman", serif;
  --sans:"Switzer", "Helvetica Neue", Arial, sans-serif;
  --affiche:"Tanker", "Zodiak", Impact, sans-serif;
  --prune:#2A0F1E; --rose-clair:#EBD6DE;
  --marque:#5A1220;
}
/* Couleur repère de la rubrique, lue dans l'URL canonique (aucune classe à ajouter). */
html:has(link[rel="canonical"][href*="/champagne/"]){ --marque:#E6A2B1; }
html:has(link[rel="canonical"][href*="/spiritueux/"]){ --marque:#A4472A; }
html:has(link[rel="canonical"][href*="/cocktails/"]){ --marque:#B8204F; }
html:has(link[rel="canonical"][href*="/oenotourisme/"]){ --marque:#213D2B; }
html:has(link[rel="canonical"][href*="/guides/occasions/"]){ --marque:#EBB7A3; }

body{ background:#FFFFFF; background-image:none; font-family:var(--sans); color:var(--ink); }
::selection{ background:var(--bordeaux); color:#fff; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible{ outline:2px solid var(--bordeaux); outline-offset:3px; }

/* Les surtitres ne sont plus en capitales espacées */
.kicker{ font-family:var(--sans); font-weight:600; font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--bordeaux); }
.kicker--bordeaux{ color:var(--bordeaux); }

/* ================= BANDEAU DU JOUR ================= */
.topbar{ background:var(--prune); color:var(--rose-clair); border:0; font-size:.8125rem; letter-spacing:0; text-transform:none; font-weight:500; }
.topbar .wrap{ padding:.6rem 0; }
.topbar .edition{ color:var(--rose-clair); }
.topbar #date-jour{ font-variant-caps:all-small-caps; letter-spacing:.06em; font-size:.95rem; }
.topbar span i{ color:rgba(235,214,222,.5); }
.topbar a{ color:var(--rose-clair); border-bottom:1px solid transparent; }
.topbar a:hover{ color:#fff; border-color:#fff; }
.topbar .tagline-top{ color:rgba(235,214,222,.8); letter-spacing:0; text-transform:none; }

/* ================= TÊTE DU JOURNAL ================= */
.masthead{ background:var(--bordeaux); color:#fff; text-align:left; padding:1.9rem 0 1.4rem; }
.masthead:not(:has(> .wrap)){
  display:grid; grid-template-columns:1fr auto; align-items:end; gap:.5rem 2rem;
  padding-inline:max(24px, calc((100vw - 1240px) / 2));
}
.masthead .brand{ display:inline-flex; align-items:flex-end; flex-wrap:wrap; gap:0 .24em; font-family:var(--serif); font-weight:900; text-transform:none; letter-spacing:-.035em; line-height:.9; color:#fff; font-size:clamp(2.1rem, 5.6vw, 5.4rem); }
.masthead > .wrap > .brand{ font-size:1rem; }
.masthead > .wrap > .brand h1{ font-size:clamp(2.1rem, 5.6vw, 5.4rem); }
.masthead .brand .l1, .masthead .brand .l2{ display:inline; font-size:inherit; letter-spacing:-.035em; }
.masthead .brand a{ display:inline-flex; gap:0 .24em; flex-wrap:wrap; align-items:flex-end; color:#fff; }
.masthead .brand h1{ font:inherit; margin:0; }
.masthead .tagline{ margin:0; font-family:var(--serif); font-style:italic; font-weight:400; font-size:1.0625rem; letter-spacing:0; text-transform:none; color:rgba(255,255,255,.88); text-align:right; max-width:22em; padding-bottom:.35rem; }
.masthead .vine{ width:.95em; height:auto; color:#fff; font-size:clamp(2.1rem, 5.6vw, 5.4rem); margin-left:.1em; }
/* accueil : la tête a un .wrap avec deux colonnes latérales */
.masthead > .wrap{ display:grid; grid-template-columns:1fr auto; grid-template-areas:"brand gauche" "brand droite"; align-items:end; gap:.2rem 2rem; }
.masthead > .wrap > .brand{ grid-area:brand; display:flex; flex-wrap:wrap; align-items:flex-end; gap:.3rem 1.2rem; }
.masthead > .wrap > .brand .tagline{ flex-basis:100%; text-align:left; font-size:1rem; margin-top:.5rem; }
.masthead > .wrap > .masthead-side{ grid-area:gauche; }
.masthead > .wrap > .masthead-side.right{ grid-area:droite; }
.masthead .masthead-side{ text-align:right; font-family:var(--serif); font-style:italic; font-size:.95rem; line-height:1.35; letter-spacing:0; text-transform:none; color:rgba(255,255,255,.85); }
.masthead .masthead-side b{ display:block; font-family:var(--sans); font-style:normal; font-weight:600; font-size:.8125rem; letter-spacing:0; text-transform:none; color:#fff; }

/* ================= NAVIGATION ================= */
.nav{ background:var(--bordeaux); border-top:1px solid rgba(255,255,255,.26); border-bottom:0; color:#fff; }
.nav.scrolled{ box-shadow:0 10px 26px -18px rgba(43,18,34,.6); }
.nav .wrap{ justify-content:flex-start; }
.nav li a{ display:flex; align-items:center; gap:.5rem; padding:.95rem 1.35rem .95rem 0; font-family:var(--sans); font-size:.9375rem; font-weight:600; letter-spacing:0; text-transform:none; color:#fff; }
.nav li a::before{ content:""; width:10px; height:10px; flex:none; background:var(--pastille, #B23A52); box-shadow:0 0 0 1px rgba(255,255,255,.45); }
.nav li a::after{ left:calc(10px + .5rem); right:1.35rem; bottom:.55rem; border-bottom:2px solid #fff; }
.nav li a:hover{ color:#fff; }
.nav a[href="/"]{ --pastille:#fff; }
.nav a[href="/vin/"]{ --pastille:#B23A52; }
.nav a[href="/champagne/"]{ --pastille:#E6A2B1; }
.nav a[href="/spiritueux/"]{ --pastille:#C4623F; }
.nav a[href="/cocktails/"]{ --pastille:#E04A78; }
.nav a[href="/oenotourisme/"]{ --pastille:#4F7A58; }
.nav a[href="/guides/"]{ --pastille:#F6D9E1; }
.nav a[href$="#occasions"]{ --pastille:#EBB7A3; }
.nav a[href="/a-propos/"]{ --pastille:#C9A6B5; }
.nav li a[aria-current], .nav li a.on{ color:#fff; }
.nav li a[aria-current]::after, .nav li a.on::after{ transform:scaleX(1); }
.nav .search{ color:#fff; font-family:var(--sans); font-size:.9375rem; font-weight:500; letter-spacing:0; text-transform:none; }
.nav .search:hover{ color:#fff; text-decoration:underline; text-underline-offset:4px; }
.nav .progress{ background:#E6A2B1; height:3px; }
.nav .nav-mono{ font-family:var(--serif); font-weight:900; font-size:1.15rem; letter-spacing:-.02em; color:#fff; margin-right:1.4rem; }
.nav .nav-mono em{ font-style:italic; font-weight:700; color:#fff; }

/* ================= FIL D'ARIANE ================= */
.crumbs{ border-bottom:0; font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); background:#fff; }
.crumbs .wrap{ padding:1.1rem 0 0; }
.crumbs i{ font-size:0; margin:0 .5rem; color:var(--ink-soft); }
.crumbs i::before{ content:"/"; font-size:.8125rem; font-style:normal; }
.crumbs a:hover{ color:var(--bordeaux); text-decoration:underline; text-underline-offset:3px; }
.crumbs [aria-current]{ color:var(--ink); font-weight:500; }

/* ================= EN-TÊTE D'ARTICLE ================= */
.art-head{ text-align:left; padding:2.4rem 0 2rem; }
.art-head .inner{ width:var(--w); }
.art-head .kicker{ display:inline-flex; align-items:center; gap:.6rem; margin-bottom:1.2rem; font-size:.9375rem; }
.art-head .kicker::before{ content:""; width:12px; height:12px; flex:none; background:var(--marque); }
.art-head h1{ font-family:var(--serif); font-weight:800; font-size:clamp(2.3rem, 5.2vw, 4.9rem); line-height:.98; letter-spacing:-.03em; max-width:19ch; text-wrap:balance; }
.art-head .standfirst{ margin:1.5rem 0 0; font-family:var(--serif); font-style:normal; font-weight:400; font-size:clamp(1.15rem, 1.6vw, 1.375rem); line-height:1.5; color:var(--ink); max-width:44ch; }
.byline{ margin-top:1.6rem; padding-top:1rem; border-top:1px solid var(--hairline); justify-content:flex-start; font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); max-width:44rem; }
.byline b{ font-weight:600; color:var(--ink); }
.byline i{ font-size:0; margin:0 .6rem; display:inline-flex; align-items:center; align-self:center; }
.byline i::before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:currentColor; vertical-align:middle; }
.byline a{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.byline .maj{ color:var(--bordeaux); font-weight:600; }

.art-hero .imgbox{ background:var(--paper-deep); }
.art-hero .imgbox::after, .figure .imgbox::after{ display:none; }
.art-hero figcaption, .figure figcaption{ font-size:.75rem; letter-spacing:0; text-transform:none; text-align:left; color:var(--ink-soft); line-height:1.45; max-width:70ch; }

/* ================= CORPS D'ARTICLE ================= */
.layout{ gap:4rem; padding:3rem 0 5rem; }
.content{ font-family:var(--serif); font-size:1.1875rem; line-height:1.66; color:var(--ink); }
.content strong{ font-weight:700; }
.content h2{ font-family:var(--serif); font-style:normal; font-weight:800; font-size:clamp(1.65rem, 2.6vw, 2.2rem); line-height:1.06; letter-spacing:-.022em; }
.content h3{ font-family:var(--serif); }
.content a.inline{ border-bottom:1px solid var(--gold-soft); }
.content a.inline:hover{ color:var(--bordeaux); border-color:var(--bordeaux); }
.content p.muted{ color:var(--ink-soft); }

.toc{ border:0; border-top:2px solid var(--ink); padding:.9rem 0 0; background:transparent; }
.toc h2{ font-family:var(--serif); font-style:italic; font-weight:700; font-size:1.25rem; letter-spacing:0; text-transform:none; margin-bottom:.4rem; }
.toc a{ font-family:var(--sans); font-size:.875rem; font-weight:500; color:var(--ink); padding:.55rem 0; }
.toc a::before{ font-family:var(--affiche); font-style:normal; font-size:.95rem; color:var(--bordeaux); min-width:1.6em; }
.toc a:hover, .toc a.on{ color:var(--bordeaux); }

.essentiel{ background:var(--paper-soft); border:0; border-top:3px solid var(--bordeaux); padding:1.6rem 1.9rem 1.8rem; }
.essentiel::before{ display:none; }
.essentiel .kicker{ display:block; width:auto; font-family:var(--serif); font-style:italic; font-weight:700; font-size:1.375rem; color:var(--ink); padding-bottom:.6rem; border-bottom:1px solid var(--hairline-strong); }
.essentiel p{ font-family:var(--sans); font-size:1rem; line-height:1.6; }

.stats{ gap:0; border-top:3px solid var(--marque); }
.stat{ border:0; border-left:1px solid var(--hairline); background:transparent; text-align:left; padding:1.1rem 1.2rem 1rem; }
.stat:first-child{ border-left:0; padding-left:0; }
.stat::after{ display:none; }
.stat .num{ font-family:var(--affiche); font-style:normal; font-weight:400; font-size:2.6rem; line-height:.95; color:var(--bordeaux); }
.stat .num small{ font-family:var(--affiche); font-style:normal; font-size:1.3rem; color:var(--bordeaux); }
.stat .lab{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; line-height:1.4; color:var(--ink-soft); }

.table-scroll{ border:0; border-top:2px solid var(--ink); background:#fff; }
table{ font-family:var(--sans); font-size:.9375rem; }
caption{ font-family:var(--serif); font-style:italic; font-weight:700; font-size:1rem; letter-spacing:0; text-transform:none; color:var(--ink); padding:.8rem 0; border-bottom:1px solid var(--hairline-strong); }
thead th{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; font-weight:600; color:var(--ink); background:transparent; border-bottom:1px solid var(--hairline-strong); }
tbody td{ color:var(--ink); }
tbody tr:nth-child(even){ background:var(--paper-soft); }
tbody td:last-child{ color:var(--bordeaux); font-weight:600; }

ul.tips li, ol.tips li{ color:var(--ink); }
ul.tips li::before, ol.tips li::before{ content:""; width:7px; height:7px; background:var(--bordeaux); top:1.55rem; left:.15rem; }
ul.tips strong, ol.tips strong{ font-weight:700; }

.pull{ border-left:3px solid var(--marque); font-family:var(--serif); font-style:italic; font-weight:700; color:var(--bordeaux); font-size:1.4rem; line-height:1.35; }

/* bouteilles et cuvées */
ul.bottles > li::before, ol.wines > li::before{ color:var(--bordeaux); }
ul.bottles > li::before{ content:""; width:8px; height:8px; background:var(--bordeaux); margin-top:.55rem; }
ul.bottles h3, ol.wines h3{ font-family:var(--serif); font-weight:800; letter-spacing:-.012em; }
.prix{ font-family:var(--affiche); font-size:1.05rem; letter-spacing:0; font-weight:400; text-transform:none; color:var(--bordeaux); border:0; border-bottom:2px solid var(--bordeaux); padding:.05rem .1rem; }
.badge{ font-family:var(--sans); font-size:.75rem; letter-spacing:0; text-transform:none; font-weight:600; background:var(--bordeaux); color:#fff; padding:.25rem .55rem; }
.indice{ font-family:var(--sans); font-size:.75rem; letter-spacing:0; text-transform:none; font-weight:600; color:var(--ink); border:1px solid var(--ink); padding:.22rem .5rem; }
ul.bottles .app, ol.wines .app{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
p.src{ font-family:var(--sans); font-size:.8125rem; }
p.src b{ color:var(--bordeaux); font-weight:600; }
.grille dt{ font-family:var(--serif); font-weight:700; }

.cru{ border:0; border-top:3px solid var(--hairline-strong); background:var(--paper-soft); }
.cru::before{ display:none; }
.cru.top{ border-top-color:var(--bordeaux); }
.cru h3{ font-family:var(--serif); font-weight:800; }
.cru .sig, .sig{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--bordeaux); font-weight:600; }

/* FAQ, sources, auteur */
.faq details{ border-bottom:1px solid var(--hairline-strong); }
.faq details:first-of-type{ border-top:2px solid var(--ink); }
.faq summary{ font-family:var(--serif); font-weight:700; font-size:1.125rem; }
.faq summary::after{ font-family:var(--sans); font-weight:400; color:var(--bordeaux); }
.faq .a{ color:var(--ink); }
ul.sources li{ font-family:var(--sans); font-size:.9375rem; }
ul.sources li::before{ content:""; width:6px; height:6px; background:var(--bordeaux); top:1rem; }
ul.sources a::after{ color:var(--bordeaux); }
.author{ border:0; border-top:3px solid var(--bordeaux); background:var(--paper-soft); }
.author .avatar{ border-radius:0; border:0; background:#fff; color:var(--bordeaux); overflow:hidden; }
.author .avatar img{ width:100%; height:100%; object-fit:cover; }
.author .who{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--bordeaux); font-weight:600; }
.author .name{ font-family:var(--serif); font-weight:800; font-size:1.3rem; }
.author p{ color:var(--ink); }

/* boutons */
.btn{ font-family:var(--sans); font-size:.9375rem; font-weight:600; letter-spacing:0; text-transform:none; padding:.85rem 1.6rem; border:1.5px solid var(--ink); color:var(--ink); background:#fff; }
.btn::after{ content:" →"; }
.btn:hover{ background:var(--bordeaux); border-color:var(--bordeaux); color:#fff; }
.btn--solid{ background:var(--bordeaux); border-color:var(--bordeaux); color:#fff; }
.btn--solid:hover{ background:var(--prune); border-color:var(--prune); }

/* figures et méthode */
.figure .imgbox{ background:var(--paper-deep); }
.methodo, .callout{ background:var(--paper-soft); border:0; border-top:3px solid var(--bordeaux); }
.callout::before, .methodo::before{ display:none; }
.chip{ font-family:var(--sans); font-size:.8125rem; font-weight:600; letter-spacing:0; text-transform:none; }

/* ================= PIED DE PAGE ================= */
footer{ background:var(--prune); color:var(--rose-clair); }
.foot-bottom .wrap{ font-size:.8125rem; letter-spacing:0; text-transform:none; }
.foot-bottom a{ color:var(--rose-clair); }
.foot-bottom a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
.foot-bottom .abus{ color:rgba(235,214,222,.72); font-size:.8125rem; letter-spacing:0; }
footer .kicker{ color:#fff; }

/* ================= RECHERCHE ================= */
.search-overlay{ background:#fff; background-image:none; }
.search-overlay::before{ content:""; position:absolute; left:0; right:0; top:0; height:8px; background:var(--bordeaux); }
.search-overlay .kicker{ font-family:var(--serif); font-style:italic; font-weight:700; font-size:1.5rem; color:var(--ink); }
.search-overlay input[type="search"]{ font-family:var(--serif); font-style:normal; font-weight:800; letter-spacing:-.02em; border-bottom:3px solid var(--ink); }
.search-overlay input[type="search"]::placeholder{ color:rgba(43,18,34,.32); }
.search-overlay .hint, .search-overlay .sug span{ font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.search-overlay .sug a{ font-size:.875rem; letter-spacing:0; text-transform:none; font-weight:600; border:1.5px solid var(--ink); }
.search-overlay .close{ font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--ink); }

/* ================= RESPONSIVE ================= */
@media (max-width: 760px){
  .masthead:not(:has(> .wrap)){ grid-template-columns:1fr; padding-top:1.3rem; padding-bottom:1rem; }
  .masthead .tagline{ text-align:left; font-size:.95rem; }
  .masthead > .wrap{ grid-template-columns:1fr; grid-template-areas:"brand"; }
  .masthead .masthead-side{ display:none; }
  .masthead .brand, .masthead > .wrap > .brand h1, .masthead .vine{ font-size:clamp(1.7rem, 8.3vw, 3rem); }
  .nav li a{ padding-right:1.1rem; font-size:.9rem; }
  .art-head{ padding-top:1.6rem; }
  .art-head h1{ font-size:clamp(2rem, 9vw, 2.6rem); }
  .content{ font-size:1.0625rem; }
  .stat{ border-left:0; border-top:1px solid var(--hairline); padding-left:0; }
  .stat:first-child{ border-top:0; }
}

/* ==========================================================================
   GABARITS SPÉCIFIQUES : accueil, rubriques, à propos, contact, auteur, recherche, pages légales
   ========================================================================== */

/* : titres de section : à gauche, filet épais au-dessus, plus d'ornement centré : */
.section-head, .sec-head{ text-align:left; border-top:3px solid var(--ink); padding-top:.9rem; margin-bottom:2rem; }
.section-head .kicker, .sec-head .kicker{ display:block; margin-bottom:.35rem; }
.section-head h2, .sec-head h2{ font-family:var(--serif); font-style:normal; font-weight:800; font-size:clamp(1.9rem, 3.4vw, 3rem); line-height:1; letter-spacing:-.028em; }
.section-head .orn, .sec-head .orn, .hub-head .orn, .hero .orn{ display:none; }

/* : en-têtes de page (rubriques, à propos, contact, mentions) : */
.hub-head, .hero:not(:has(.feature)){ text-align:left; }
.hub-head{ padding:2.4rem 0 2rem; }
.hub-head .inner > .kicker, .hero:not(:has(.feature)) .inner > .kicker{ display:inline-flex; align-items:center; gap:.6rem; }
.hub-head .inner > .kicker::before, .hero:not(:has(.feature)) .inner > .kicker::before{ content:""; width:12px; height:12px; background:var(--marque); }
.hub-head h1, .hero:not(:has(.feature)) h1{ font-family:var(--serif); font-style:normal; font-weight:800; font-size:clamp(2.4rem, 5.4vw, 5rem); line-height:.98; letter-spacing:-.03em; text-transform:none; }
.hub-head .sub, .hub-head .subtitle, .hero .subtitle, .hero .sub{ font-family:var(--sans); font-size:.9375rem; font-weight:500; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.hub-head .intro, .hub-head p, .hero:not(:has(.feature)) p{ margin-left:0; margin-right:0; text-align:left; }
.hub-head .intro, .hero:not(:has(.feature)) .lead, .hero:not(:has(.feature)) .standfirst{ font-family:var(--serif); font-style:normal; font-size:clamp(1.1rem, 1.5vw, 1.3rem); line-height:1.5; color:var(--ink); max-width:46ch; }
.hub-zone{ border-top:3px solid var(--marque); }

/* : cartes d'articles (accueil, rubriques) : l'étiquette sort de la photo : */
.card .chip{ position:static; transform:none; background:none; box-shadow:none; padding:0; margin-top:.9rem; display:block; color:var(--bordeaux); white-space:normal; }
.card h3{ font-family:var(--serif); font-weight:700; letter-spacing:-.012em; line-height:1.14; margin-top:.35rem; }
.card--lead h3{ font-weight:800; letter-spacing:-.022em; }
.card .imgbox{ background:var(--paper-deep); }
.card .imgbox::after{ display:none; }
.card .excerpt{ color:var(--ink-soft); font-size:.9375rem; }
.card .meta, .meta{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.card .meta i, .meta i{ font-size:0; margin:0 .5rem; }
.card .meta i::before, .meta i::before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:currentColor; vertical-align:middle; }
.hub-grid .card, .guides-grid .card{ border-top:1px solid var(--hairline); padding-top:1rem; }

/* : accueil : tête : */
.masthead .brand h1{ font-family:var(--serif); font-weight:900; color:#fff; letter-spacing:-.035em; line-height:.9; text-transform:none; display:inline-flex; flex-wrap:wrap; align-items:flex-end; gap:0 .24em; }
.masthead .brand h1 .l1, .masthead .brand h1 .l2{ display:inline; font-size:inherit; letter-spacing:-.035em; }
.masthead .brand .vine{ position:static; width:.9em; height:auto; color:#fff; align-self:flex-end; margin-bottom:.1em; }
.masthead .brand .tagline{ color:rgba(255,255,255,.88); }
.masthead > .wrap{ padding:0; }
.nav .nav-mono em{ font-style:italic; }

/* : accueil : fil d'actualité : */
.ticker{ background:#fff; border-bottom:1px solid var(--hairline); }
.ticker li{ font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--ink); }
.ticker li::after{ content:""; width:4px; height:4px; border-radius:50%; background:var(--ink-soft); font-size:0; }
.ticker li b{ font-weight:600; color:var(--bordeaux); }

/* : accueil : à la une : */
.hero{ padding:2.4rem 0 3.6rem; }
.feature .imgbox::after{ display:none; }
.feature figcaption{ font-size:.75rem; letter-spacing:0; text-transform:none; text-align:left; color:var(--ink-soft); }
.feature .kicker{ display:inline-flex; align-items:center; gap:.6rem; margin:1.4rem 0 .6rem; }
.feature .kicker::before{ content:""; width:12px; height:12px; background:#EBB7A3; }
.feature h2, .feature h3{ font-family:var(--serif); font-weight:800; font-size:clamp(2.2rem, 4.4vw, 4.2rem); line-height:.98; letter-spacing:-.03em; }
.feature h2 a, .feature h3 a{ background-image:linear-gradient(var(--bordeaux), var(--bordeaux)); }
.feature .standfirst{ font-family:var(--serif); font-style:normal; font-size:1.1875rem; color:var(--ink); }
.rail{ border-left:1px solid var(--hairline); padding-left:2rem; }
.rail h3.rail-title{ font-family:var(--serif); font-style:italic; font-weight:700; font-size:1.75rem; letter-spacing:-.015em; text-transform:none; }
.rail h3.rail-title::after{ display:none; }
.rail li::before{ font-family:var(--affiche); font-style:normal; font-size:1.9rem; color:var(--bordeaux); }
.rail .cat{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; font-weight:600; }
.rail h4{ font-family:var(--serif); font-weight:700; font-size:1.25rem; line-height:1.18; letter-spacing:-.01em; }
.rail .more{ font-size:.9375rem; letter-spacing:0; text-transform:none; font-weight:600; }

/* : accueil : univers (plus d'arches) : */
.univers{ border-top:0; }
.arch{ text-align:left; }
.arch .frame{ border-radius:0; aspect-ratio:4/5; box-shadow:none; border-top:6px solid var(--pastille, var(--bordeaux)); }
.arch .frame::after{ display:none; }
.arch:hover .frame{ transform:none; box-shadow:none; }
.arch h3{ font-family:var(--serif); font-weight:800; font-size:1.375rem; letter-spacing:-.02em; margin-top:.8rem; }
.arch p{ font-size:.875rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.arch[href="/vin/"]{ --pastille:#5A1220; }
.arch[href="/champagne/"]{ --pastille:#E6A2B1; }
.arch[href="/spiritueux/"]{ --pastille:#A4472A; }
.arch[href="/cocktails/"]{ --pastille:#B8204F; }
.arch[href="/oenotourisme/"]{ --pastille:#213D2B; }

/* : accueil : guides du moment : */
.guides{ background:var(--paper-soft); border:0; }

/* : accueil : citation : */
.quote{ padding:4rem 0; }
.quote .mark{ display:none; }
.quote blockquote p{ font-family:var(--serif); font-style:italic; font-weight:700; color:var(--bordeaux); letter-spacing:-.015em; }
.quote cite{ font-size:.875rem; letter-spacing:0; text-transform:none; }

/* : accueil : route des caves, sur blanc, repère vert vigne : */
.routes{ background:#fff; color:var(--ink); }
.routes::before{ display:none; }
.routes .section-head{ border-top:6px solid #213D2B; }
.routes .section-head h2{ color:var(--ink); }
.routes .section-head .kicker{ color:#213D2B; }
.route-card{ display:flex; flex-direction:column; }
.route-card .num{ position:static; order:-1; font-family:var(--serif); font-style:italic; font-weight:900; font-size:2.2rem; line-height:1; color:#213D2B; text-shadow:none; margin-bottom:.4rem; }
.route-card .imgbox{ aspect-ratio:4/3; }
.route-card .imgbox::after{ display:none; }
.route-card .body{ position:static; margin-top:.75rem; }
.route-card .region{ font-size:.8125rem; letter-spacing:0; text-transform:none; color:#213D2B; font-weight:600; }
.route-card h3{ color:var(--ink); font-family:var(--serif); font-weight:800; font-size:1.25rem; letter-spacing:-.015em; margin:.2rem 0 .5rem; }
.route-card .specs{ font-size:.8125rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.route-card .specs span::before{ content:""; display:inline-block; width:6px; height:6px; background:#213D2B; margin-right:.4rem; vertical-align:middle; }
.routes .btn{ border-color:var(--ink); color:var(--ink); }
.routes .btn:hover{ background:var(--bordeaux); border-color:var(--bordeaux); color:#fff; }

/* : accueil : occasions : */
.occ{ border:0; border-top:3px solid #EBB7A3; text-align:left; padding:1rem .2rem 1.2rem; }
.occ::after{ display:none; }
.occ .pict{ justify-content:flex-start; }
.occ h3{ font-family:var(--serif); font-weight:800; letter-spacing:-.015em; }
.occ p{ font-size:.8125rem; letter-spacing:0; text-transform:none; }
.occ:hover{ background:var(--paper-soft); color:var(--ink); transform:none; border-color:var(--bordeaux); }
.occ:hover .pict{ color:var(--bordeaux); }
.occ:hover p{ color:var(--ink-soft); }

/* : accueil et pages : manifeste et pied de page étendu : */
.manifesto{ background:#fff; color:var(--ink); }
footer .foot-main{ color:var(--rose-clair); }
footer .foot-main h4, footer .foot-main .kicker, footer h4{ font-family:var(--sans); font-size:.875rem; letter-spacing:0; text-transform:none; font-weight:600; color:#fff; }
footer .foot-main a{ color:var(--rose-clair); }
footer .foot-main a:hover{ color:#fff; text-decoration:underline; text-underline-offset:3px; }
footer .foot-brand{ color:var(--rose-clair); }
footer .soc a{ color:var(--rose-clair); border-color:rgba(235,214,222,.35); }

/* : à propos : */
.stat{ text-align:left; }
.mission, .member{ border:0; border-top:3px solid var(--bordeaux); background:var(--paper-soft); text-align:left; }
.member .lk{ font-size:.875rem; letter-spacing:0; text-transform:none; font-weight:600; border-color:var(--ink); }
.member .lk:hover{ color:#fff; }
.vision{ background:var(--paper-soft); color:var(--ink); border-top:3px solid var(--bordeaux); }
.vision::before{ display:none; }
.vision h2, .vision h3, .vision p, .vision li{ color:var(--ink); }
.vision .kicker{ color:var(--bordeaux); }
.cta{ background:#fff; color:var(--ink); text-align:left; border-top:3px solid var(--ink); }
.cta::before{ display:none; }
.cta h2{ font-family:var(--serif); font-weight:800; letter-spacing:-.025em; color:var(--ink); }
.cta p{ color:var(--ink-soft); }
.cta .btn{ border-color:var(--ink); color:var(--ink); }
.cta .btn--solid, .cta .btn:hover{ background:var(--bordeaux); border-color:var(--bordeaux); color:#fff; }
.cta input{ border:1.5px solid var(--ink); color:var(--ink); background:#fff; }
.cta form, .cta .qs{ justify-content:flex-start; margin-left:0; }

/* : contact : */
.mailcard{ border:0; border-top:3px solid var(--bordeaux); background:var(--paper-soft); text-align:left; }
.mailcard .seal{ display:none; }
.mailcard .btn-mail, .cform button{ background:var(--bordeaux); border-color:var(--bordeaux); color:#fff; font-family:var(--sans); letter-spacing:0; text-transform:none; font-size:.9375rem; font-weight:600; }
.mailcard .btn-mail:hover, .cform button:hover{ background:var(--prune); border-color:var(--prune); transform:none; }
.cform label{ font-family:var(--sans); font-size:.8125rem; letter-spacing:0; text-transform:none; font-weight:600; color:var(--ink); }
.cform input, .cform select, .cform textarea{ border:1.5px solid var(--hairline-strong); border-radius:0; background:#fff; font-family:var(--sans); color:var(--ink); }
.cform input:focus, .cform select:focus, .cform textarea:focus{ border-color:var(--bordeaux); outline:none; }
.reason{ border:0; border-top:3px solid var(--bordeaux); background:var(--paper-soft); }
.note{ background:var(--paper-soft); border:0; border-top:3px solid var(--bordeaux); }
.note::before{ display:none; }

/* : pages auteur : tête réduite : */
.masthead > .wrap:has(> .back){ display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.masthead > .wrap:has(> .back) .brand{ font-size:clamp(1.6rem, 3.4vw, 2.4rem); }
.masthead .brand em{ font-style:italic; font-weight:700; color:#fff; }
.masthead .back{ color:#fff; font-size:.9375rem; font-weight:600; letter-spacing:0; text-transform:none; }
.masthead .back:hover{ text-decoration:underline; text-underline-offset:3px; }
.profil h1{ font-family:var(--serif); font-weight:800; letter-spacing:-.03em; }
.profil .role{ font-size:.9375rem; letter-spacing:0; text-transform:none; color:var(--ink-soft); }
.profil .bio{ font-family:var(--serif); font-size:1.1875rem; line-height:1.6; }
.medallion{ border-radius:0; }
.liens-profil a{ font-size:.875rem; letter-spacing:0; text-transform:none; font-weight:600; border:1.5px solid var(--ink); }
.liens-profil a:hover{ color:#fff; }
.guides li, .guides .d{ font-family:var(--sans); }

/* : recherche : */
.search-hero h1{ font-family:var(--serif); font-weight:800; letter-spacing:-.03em; }
.search-hero input{ font-family:var(--serif); font-style:normal; font-weight:800; border-bottom:3px solid var(--ink); }
.results-zone .count, .count{ font-family:var(--sans); letter-spacing:0; text-transform:none; }
.results-zone mark, mark{ background:rgba(230,162,177,.45); color:inherit; }
.sug a{ font-size:.875rem; letter-spacing:0; text-transform:none; font-weight:600; border:1.5px solid var(--ink); }
.sug a:hover{ color:#fff; }
.noresult{ text-align:left; }

/* : pages légales : */
.callout{ background:var(--paper-soft); border:0; border-top:3px solid var(--bordeaux); }
.content h3{ font-weight:800; letter-spacing:-.012em; }

@media (max-width: 760px){
  .rail{ border-left:0; padding-left:0; }
  .masthead .brand .vine{ display:none; }
  .masthead > .wrap > .brand .tagline{ margin-top:.3rem; }
  .feature h2, .feature h3{ font-size:clamp(2rem, 8.6vw, 2.6rem); }
  .masthead > .wrap:has(> .back) .brand{ font-size:1.6rem; }
}

/* : correctifs après relecture : */
.feature h3 a{ background-size:0% 2px; background-repeat:no-repeat; background-position:0 96%; transition:background-size .5s var(--ease); }
.feature h3 a:hover{ background-size:100% 2px; }
.hero:not(:has(.feature)) .inner, .hub-head .inner{ width:var(--w); max-width:none; margin-inline:auto; }
.hero:not(:has(.feature)) .inner > .kicker, .hub-head .inner > .kicker{ display:flex; width:max-content; max-width:100%; margin:0 0 .9rem; }
.hero:not(:has(.feature)) h1, .hub-head h1{ display:block; }
.hero:not(:has(.feature)) h1 svg, .hub-head h1 svg{ display:none; }
.hero:not(:has(.feature)) .subtitle, .hero:not(:has(.feature)) .maj{ font-family:var(--serif); font-style:normal; font-size:clamp(1.1rem, 1.5vw, 1.3rem); line-height:1.5; color:var(--ink); max-width:46ch; margin:1.2rem 0 0; letter-spacing:0; text-transform:none; }
.hero:not(:has(.feature)) .essentiel{ max-width:52rem; margin:2rem 0 0; text-align:left; }
.vision, .vision *{ color:var(--ink); }
.vision .kicker, .vision em, .vision strong{ color:var(--bordeaux); }
.vision li{ border-color:var(--hairline-strong); }
.vision li::before{ color:var(--bordeaux); background:var(--bordeaux); }

/* : plus de capitales espacées : toutes les étiquettes passent en bas de casse (liste relevée dans les 114 pages) : */
.arch p,
.art-hero figcaption,
.author .who,
.badge,
.badge-soon,
.brand .tagline,
.brand h1,
.btn,
.byline,
.c-carte figcaption,
.c-cartouche .c-kick,
.c-rejouer,
.c-vig,
.card .chip,
.card .meta,
.cepage .sig,
.cform label,
.classement .sig,
.cru .sig,
.crumbs,
.cta .btn,
.de-nom small,
.donut .center-lab,
.fam-head p,
.feature figcaption,
.figure figcaption,
.foot-bottom .wrap,
.guides .d,
.hero .maj,
.hub-head .sub,
.idcard dt,
.indice,
.kicker,
.liens-profil a,
.mailcard .btn-mail,
.mailcard .lab,
.masthead .brand,
.masthead .tagline,
.masthead a.back,
.masthead-side,
.member .lk,
.member .role,
.nav .search,
.nav li a,
.note,
.occ p,
.prix,
.pull cite,
.quote cite,
.rail .cat,
.rail .more,
.rail h3.rail-title,
.reg,
.result .cat,
.result .meta,
.ro-exemples span,
.route-card .region,
.route-card .specs,
.search-hero .hint,
.search-overlay .close,
.search-overlay .hint,
.search-overlay .sug a,
.search-overlay .sug span,
.st,
.stat .lab,
.sug a,
.table-scroll tr.groupe th,
.ticker li,
.tier .range,
.toc h2,
.topbar,
.vr-cont,
.zone .sig,
caption,
footer h4,
ol.wines .app,
thead th,
ul.bottles .app{ text-transform:none; letter-spacing:0; }
.mailcard .lab, .member .role, .idcard dt, .fam-head p, .tier .range, .st, .reg, .note, .result .cat, .rail .cat{ font-family:var(--sans); font-weight:600; font-size:.8125rem; }
.result .cat, .member .role{ color:var(--bordeaux); }

.fam-head{ flex-wrap:wrap; }
.fam-head p{ white-space:normal; color:var(--ink-soft); }
.fam-head h2{ font-family:var(--serif); font-style:normal; font-weight:800; letter-spacing:-.025em; }

/* ================= v2 (30/10/2026) ================= */
/* navigation : tient sur une ligne entre 761 et 1180 px (« Guides d'achat » était coupé sous « Rechercher ») */
@media (max-width: 1180px) and (min-width: 761px){
  .nav li a{ padding-right:1rem; font-size:.875rem; gap:.4rem; }
  .nav li a::after{ left:calc(10px + .4rem); right:1rem; }
}
@media (max-width: 1080px) and (min-width: 761px){
  .nav .search span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .nav li a{ padding-right:.85rem; }
  .nav li a::after{ right:.85rem; }
}
/* quand la liste défile malgré tout, un fondu signale la suite */
.nav ul{ scrollbar-width:none; }
.nav ul::-webkit-scrollbar{ display:none; }
@media (max-width: 960px){
  .nav ul{ -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 36px), transparent); mask-image:linear-gradient(to right, #000 calc(100% - 36px), transparent); }
}

/* accueil : le manifeste respire avant le pied de page */
.manifesto{ padding:4.5rem 0 5.5rem; border-top:1px solid var(--hairline); }
.manifesto .kicker{ display:inline-flex; margin-bottom:1rem; }
.manifesto p{ max-width:62ch; }
.manifesto p + p{ margin-top:1.1rem; }
@media (max-width: 760px){ .manifesto{ padding:3rem 0 3.75rem; } }

/* accueil : monogramme du pied de page */
footer .foot-brand .mono{ width:84px; height:84px; margin-bottom:1.4rem; display:block; }
footer .foot-brand .sig{ font-family:var(--serif); font-style:italic; font-weight:400; font-size:1.0625rem; color:var(--rose-clair); }

/* fil d'actualité : pas d'espace entre le libellé et les deux-points */
.ticker li{ gap:0; }
.ticker li::after{ margin-left:1.4rem; }