/* ==========================================================
   BOUTONS
   3 variantes construites à partir de patrons déjà utilisés
   et validés dans course_detail.php (Ajouter, Voir plus) :
   - primary : action principale (fond plein)
   - secondary : action secondaire (contour)
   - ghost : lien discret avec icône (Ajouter, Voir plus...)
   2 tailles : sm (par défaut dans les listes/tableaux), md.
========================================================== */

.mpr-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:none;
    border-radius:8px;
    font-family:inherit;
    font-weight:var(--mpr-weight-semibold);
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.mpr-btn svg{
    flex-shrink:0;
}

/* ---- Tailles ---- */

.mpr-btn-md{
    padding:9px 16px;
    font-size:var(--mpr-font-base);
}

.mpr-btn-md svg{ width:16px; height:16px; }

.mpr-btn-sm{
    padding:6px 9px;
    font-size:var(--mpr-font-sm);
}

.mpr-btn-sm svg{ width:14px; height:14px; }

/* ---- Primaire : action principale ---- */

.mpr-btn-primary{
    background:var(--mpr-primary);
    color:#fff;
}

.mpr-btn-primary:hover{
    background:var(--mpr-primary-light);
}

/* ---- Secondaire : action alternative ---- */

.mpr-btn-secondary{
    background:var(--mpr-surface);
    color:var(--mpr-text);
    border:1px solid var(--mpr-border);
}

.mpr-btn-secondary:hover{
    border-color:var(--mpr-primary);
    color:var(--mpr-primary);
}

/* Action irréversible (ex : suppression du compte, profile.php). */
.mpr-btn-danger{
    background:var(--mpr-danger);
    color:#fff;
}

.mpr-btn-danger:hover{
    background:#B91C1C;
}

/* ---- Ghost : lien discret avec icône ----
   Base de .mpr-ravitos-add et .mpr-section-more, désormais
   partagée plutôt que redéfinie dans chaque composant. */

.mpr-btn-ghost{
    background:transparent;
    color:var(--mpr-primary);
    padding:6px 9px;
    font-size:11px;
}

.mpr-btn-ghost:hover{
    background:#F1F6F2;
    font-weight:var(--mpr-weight-bold);
    transform:scale(1.08);
}

.mpr-btn-ghost svg{
    width:14px;
    height:14px;
}

/* ---- Tooltip "à venir" : enveloppe un bouton/lien désactivé
   pour indiquer qu'une fonctionnalité n'est pas encore disponible
   (ex : Export GPX, Commander). ---- */

.mpr-tooltip-wrap{
    position:relative;
    display:inline-flex;
}

.mpr-tooltip-text{
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    transform:translateX(-50%) translateY(-4px);

    background:var(--mpr-text);
    color:#fff;
    font-size:var(--mpr-font-sm);
    font-weight:var(--mpr-weight-semibold);
    white-space:nowrap;
    padding:6px 12px;
    border-radius:8px;
    box-shadow:var(--mpr-shadow);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .15s ease, transform .15s ease;
    z-index:20;
}

.mpr-tooltip-text::after{
    content:"";
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
    border:5px solid transparent;
    border-bottom-color:var(--mpr-text);
}

.mpr-tooltip-wrap:hover .mpr-tooltip-text{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}