/* Fiche produit : retours Clémence du 12/10/2026. Logique : inc/fiche-produit/fiche-produit.php */

/* Infobulle « Quelle classe choisir ? » (maquette Figma 1398:14380 : Roboto 600 13 px #515151, icône 14 px) */
.cmp-variation-row { flex-wrap: wrap; }
.trafic-aide {
    position: relative;
    flex: 0 0 100%;
    margin-top: 8px;
}
.trafic-aide__btn,
.trafic-aide__btn:hover,
.trafic-aide__btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    /* !important : le style global des boutons du kit Elementor (.elementor-kit-6 button:focus) passait devant */
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #515151 !important;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    text-transform: none;
    cursor: pointer;
}
.trafic-aide__btn span { text-decoration: underline; text-underline-offset: 2px; }
.trafic-aide__btn svg { width: 14px; height: 14px; flex: none; }
.trafic-aide__btn:focus-visible { outline: 2px solid #F7CA39; outline-offset: 2px; }
.trafic-aide__bulle {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 20;
    width: min(340px, 90vw);
    padding: 12px 14px;
    border-radius: 12px;
    background: #2B4678;
    color: #F8F8F8;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 18px;
    box-shadow: 0 8px 24px rgba(43, 70, 120, .25);
}
.trafic-aide__bulle::before {
    content: "";
    position: absolute;
    left: 18px;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: #2B4678;
}
.trafic-aide__bulle p { margin: 0; }
.trafic-aide__bulle p + p { margin-top: 6px; }
.trafic-aide__bulle strong { color: #F7CA39; }
.trafic-aide__bulle[hidden] { display: none; }

/* Bouton « Télécharger la fiche produit » : texte souligné + rond noir (maquette Figma 1462:10666) */
.elementor-widget-cmp_download_button .cmp-dl-btn__label {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.elementor-widget-cmp_download_button .cmp-dl-btn:hover { transform: none; }
.elementor-widget-cmp_download_button .cmp-dl-btn:hover .cmp-dl-btn__icon { transform: scale(1.08); }
.elementor-widget-cmp_download_button .cmp-dl-btn__icon { transition: transform .15s ease; }