/**
 * STYLES UNIFORMES POUR LES BOUTONS "EN SAVOIR PLUS"
 * Design cohérent sur toute la plateforme
 */

/* Boutons "En savoir plus" uniformisés */
.btn-services,
.service-btn,
.btn-pricing,
.service-card-btn,
.btn-en-savoir-plus {
    /* Taille réduite et uniforme */
    padding: 0.5rem 1.25rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    
    /* Design cohérent - CHARTE OFFICIELLE INNOVX */
    background: linear-gradient(135deg, #f7db61, #fae089) !important;
    color: #0e0e0d !important;
    border: none !important;
    border-radius: 0.375rem !important;
    
    /* Alignement et espacement */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.375rem !important;
    
    /* Largeur maximale pour uniformité */
    max-width: 140px !important;
    width: auto !important;
    
    /* Transitions */
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    
    /* Positionnement dans les cartes */
    margin: 0 auto !important;
    margin-top: auto !important;
}

/* États de survol uniformisés */
.btn-services:hover,
.service-btn:hover,
.btn-pricing:hover,
.service-card-btn:hover,
.btn-en-savoir-plus:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(247, 219, 97, 0.4) !important;
    background: linear-gradient(135deg, #fae089, #f7db61) !important;
}

/* Icônes dans les boutons */
.btn-services i,
.service-btn i,
.btn-pricing i,
.service-card-btn i,
.btn-en-savoir-plus i {
    font-size: 0.75rem !important;
    transition: transform 0.3s ease !important;
}

.btn-services:hover i,
.service-btn:hover i,
.btn-pricing:hover i,
.service-card-btn:hover i,
.btn-en-savoir-plus:hover i {
    transform: translateX(2px) !important;
}

/* Cartes de services - alignement uniforme */
.service-card,
.services-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 350px !important;
}

/* Conteneur des boutons dans les cartes */
.service-card > a:last-child,
.services-card > a:last-child,
.service-card .btn-services,
.services-card .service-btn {
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 1rem !important;
}

/* Responsive - ajustements pour mobile */
@media (max-width: 768px) {
    .btn-services,
    .service-btn,
    .btn-pricing,
    .service-card-btn,
    .btn-en-savoir-plus {
        padding: 0.4rem 1rem !important;
        font-size: 0.8rem !important;
        max-width: 120px !important;
    }
}

/* Styles spécifiques pour les grilles de services */
.services-grid .service-card-btn,
.experts-grid .service-card-btn {
    margin-top: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Uniformisation des cartes dans les sections */
.domaine-section .service-card,
.services-section .service-card {
    min-height: 320px !important;
}

.domaine-section .service-card .btn-services,
.services-section .service-card .btn-services {
    margin-top: auto !important;
    margin-bottom: 1rem !important;
}