/*
 * Onglet vertical d'accès à PBAB Express (ADR 0042), collé au bord droit de toutes les pages publiques,
 * sauf /express. Le texte se lit de bas en haut : l'onglet est tourné d'un demi-tour, ce qui échange la
 * gauche et la droite. Les angles arrondis et l'élargissement au survol sont donc écrits à droite pour
 * apparaître à gauche, du côté de la page.
 */
.express-tab {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 30;
    display: flex;
    gap: var(--space-2);
    align-items: center;
    padding: var(--space-4) var(--space-2);
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    background: var(--red-500);
    box-shadow: var(--shadow-md);
    font: var(--type-label);
    letter-spacing: 0.04em;
    color: var(--text-inverse);
    text-decoration: none;
    writing-mode: vertical-rl;
    transform: translateY(-50%) rotate(180deg);
    transition: padding var(--duration-base) var(--ease-out), background var(--duration-base);
}

.express-tab:hover,
.express-tab:focus-visible {
    padding-right: var(--space-3);
    background: var(--red-600);
    color: var(--text-inverse);
}

.express-tab svg {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}