/* Rail d'accès rapide, collé au bord droit de l'écran (06/11/2026, remplace la barre flottante du bas de page).
   Ouvert d'office si la marge du site le laisse tenir sans toucher le contenu (1 364 px et plus) ; en dessous, seule la languette reste visible.
   Le choix du lecteur est gardé (localStorage tcrl_state), posé par le script de tc-menu-v2-quickbar.php. Téléphone : barre du bas du thème. */
.tcrl { display: none; }
@media (min-width: 768px) {
  .tcrl { position: fixed; z-index: 45; right: 0; top: max(254px, calc(50% - 60px)); transform: translateY(-50%); display: block; transition: transform .28s ease; }
  .tcrl-in { display: flex; flex-direction: column; padding: 6px 0 6px 6px; background: rgb(20 17 14 / .94); border: 1px solid rgb(233 200 119 / .28); border-right: 0; border-radius: 18px 0 0 18px; box-shadow: -8px 12px 30px -14px rgb(0 0 0 / .55); }
  .tcrl-a { position: relative; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px 0 0 12px; color: #F2EDE4 !important; text-decoration: none; transition: background .2s, color .2s; }
  .tcrl-a svg { width: 21px; height: 21px; }
  .tcrl-a span { position: absolute; right: calc(100% + 12px); top: 50%; transform: translate(8px, -50%); padding: 7px 12px; border-radius: 10px; background: #14110E; color: #F2EDE4; font: 600 13px/1 Inter, system-ui, sans-serif; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; box-shadow: 0 8px 20px -8px rgb(0 0 0 / .6); }
  .tcrl-a:hover, .tcrl-a:focus-visible { background: rgb(233 200 119 / .16); color: #F3DB95 !important; }
  .tcrl-a:hover span, .tcrl-a:focus-visible span { opacity: 1; transform: translate(0, -50%); }
  .tcrl-go { margin-top: 4px; background: linear-gradient(135deg, #F3DB95, #C9973A); color: #14110E !important; }
  .tcrl-go:hover, .tcrl-go:focus-visible { background: linear-gradient(135deg, #F3DB95, #C9973A); color: #14110E !important; filter: brightness(1.07); }
  .tcrl-tog { position: absolute; left: -22px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 22px; height: 54px; padding: 0; border: 1px solid rgb(233 200 119 / .28); border-right: 0; border-radius: 10px 0 0 10px; background: rgb(20 17 14 / .94); color: #E9C877; cursor: pointer; }
  .tcrl-tog:hover { color: #fff; }
  .tcrl-tog svg { width: 14px; height: 14px; transition: transform .28s; }
  /* Fermé : le rail sort de l'écran, la languette reste */
  .tcrl.is-closed { transform: translate(100%, -50%); }
  .tcrl.is-closed .tcrl-tog svg { transform: rotate(180deg); }
}
@media (min-width: 768px) and (max-width: 1363px) {
  .tcrl:not(.is-open) { transform: translate(100%, -50%); }
  .tcrl:not(.is-open) .tcrl-tog svg { transform: rotate(180deg); }
}
/* Résultat de l'arbitre : carte collée à droite et onglets propres, le rail démarre fermé */
@media (min-width: 768px) {
  body:has(.tcar-sec) .tcrl:not(.is-open) { transform: translate(100%, -50%); }
  body:has(.tcar-sec) .tcrl:not(.is-open) .tcrl-tog svg { transform: rotate(180deg); }
}
/* Tosco : la bulle s'ouvre à gauche du rail. Sur les articles le bouton de saut est masqué dès 1 024 px, Tosco descend donc juste au-dessus de la flèche
   de retour en haut (ailleurs il reste à 170 px, au-dessus du bouton de saut). */
@media (min-width: 768px) { body .tcto-widget-bubble { right: 62px; } }
@media (min-width: 1024px) { body.single-post .tcto-widget { right: 13px; bottom: 84px; } }
/* Pages où il gênerait : carte plein écran, recherche ouverte, impression */
body.tccx-page .tcrl { display: none !important; }
html.tcq-open .tcrl { visibility: hidden !important; }
@media print { .tcrl { display: none !important; } }