/* =========================================================================
   MEETennis — refonte.css (copie de design, version retenue)
   Chargé en dernier. Boutons et fonds uniquement, plus les boutons de
   sélection du haut (Tout, Question, Cas du terrain, Articles, Exercices…).
   Bandeau photo, barre du bas et typographie restent ceux de la prod.
   ========================================================================= */
:root{--court-line:rgba(27,28,26,.14)}

/* Boutons : aplat, sans ombre colorée */
.btn{box-shadow:none;border-radius:10px;transition:background-color .15s ease-out,transform .1s ease-out}
.btn:active{transform:scale(.98)}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow-soft)}

/* Boutons de sélection du haut : la sélection est une ligne */
.segmented{box-shadow:none;background:transparent;border:0;border-bottom:1px solid var(--court-line);border-radius:0;padding:0;gap:0}
.seg{border-radius:0;color:var(--ink-soft);background:none;position:relative}
.seg.active{background:none;color:var(--ink);box-shadow:none}
.seg.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand)}
.rn-nav{box-shadow:none;background:transparent;border:0;border-bottom:1px solid var(--court-line);border-radius:0}
.rn-i{border-radius:0;background:none;position:relative}
.rn-i:hover{background:none}
.rn-i.on{background:none;color:var(--ink);box-shadow:none}
.rn-i.on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:var(--brand)}
.rn-i.on svg{color:var(--brand)}