/* ===========================================
    BOUTONS CTA
    =========================================== */
.btn-devis {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 36px;
    background: var(--accent);
    color: var(--black);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    border: 2px solid var(--accent);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.btn-devis::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gray-900);
    transition: left 0.3s ease;
    z-index: 0;
}
.btn-devis:hover::before { left: 0; }
.btn-devis span, .btn-devis svg { position: relative; z-index: 1; }
.btn-devis:hover { color: var(--white); border-color: var(--gray-900); }
.btn-devis svg { width: 20px; height: 20px; min-width: 20px; transition: transform 0.3s ease; }
.btn-devis:hover svg { transform: translateX(5px); }

.btn-devis--dark {
    background: var(--gray-900);
    color: var(--white);
    border-color: var(--gray-900);
}
.btn-devis--dark::before { background: var(--accent); }
.btn-devis--dark:hover { color: var(--black); border-color: var(--accent); }

/* Bouton mini pour les cartes */
.btn-devis-mini {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: var(--accent);
    color: var(--black);
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    border: none;
    transition: all 0.3s ease;
    margin-top: 16px;
}
.btn-devis-mini:hover {
    background: var(--gray-900);
    color: var(--white);
    transform: translateX(5px);
}
.btn-devis-mini svg { width: 16px; height: 16px; min-width: 16px; }

/* Bouton mini variante sombre (pour dark sections) */
.btn-devis-mini--light {
    background: rgba(255,255,255,0.1);
    color: var(--white);
    border: 1px solid rgba(255,255,255,0.2);
}
.btn-devis-mini--light:hover {
    background: var(--accent);
    color: var(--black);
    border-color: var(--accent);
}