/* Sélecteur de mode d'affichage des prix (Particulier TTC / Pro HT), affiché sous le titre de
   chaque tunnel (pc_components et electronics_shop), sur le fond clair de la page - pas dans le
   header sombre du site. Purement visuel côté JS (voir price-mode.js) : ne change jamais les
   montants réellement transmis au panier/Stripe. */
.price-mode-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid #0d6efd;
    border-radius: 999px;
    overflow: hidden;
}

.price-mode-btn {
    border: none;
    background: transparent;
    color: #0d6efd;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.4rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    white-space: nowrap;
}

.price-mode-btn:hover {
    background-color: rgba(13, 110, 253, 0.1);
}

.price-mode-btn.active {
    background-color: #0d6efd;
    color: #fff;
}

/* Libellé HT / TTC affiché à côté de chaque prix unitaire : même style (couleur verte, gras,
   taille) que le prix chiffré et la devise, puisqu'il en fait visuellement partie. */
.price-mode-label {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin-left: 0.2rem;
}