/**
 * boutons-charger.css
 * 🎨 Styles partagés pour les boutons Ouvrir / Nouvelle
 * Utilisé par : transposeur, créateur tablature, progressions, grille personnalisée
 */

/* ============================================
   CONTENEUR
   ============================================ */

.capo-open-row {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

/* ============================================
   BOUTON OUVRIR (bordure pleine)
   ============================================ */

.capo-btn-open {
    background: transparent;
    border: 1px solid #d4cc88;
    border-radius: 7px;
    color: #808000;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s, border-color 0.15s;
}

.capo-btn-open:hover { background: #f5f0d0; border-color: #808000; }

/* ============================================
   BOUTON NOUVELLE (bordure pointillée)
   ============================================ */

.capo-btn-new {
    background: transparent;
    border: 1px dashed #d4cc88;
    border-radius: 7px;
    color: #808000;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.15s, border-color 0.15s;
}

.capo-btn-new:hover { background: #f5f0d0; border-color: #808000; }

/* ============================================
   PRÉFÉRENCE MOUVEMENT RÉDUIT
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    .capo-btn-open,
    .capo-btn-new {
        transition: none;
    }
}