/* 
 * Thème rouge vif unifié pour le bouton téléphone
 * STYLE IDENTIQUE SUR TOUTES LES PAGES - COHÉRENCE PARFAITE
 */

/* Variables CSS pour la cohérence */
:root {
    --phone-button-red: #D32F2F;
    --phone-button-red-dark: #B71C1C;
    --phone-button-red-light: #F44336;
    --phone-button-shadow: rgba(211, 47, 47, 0.3);
    --phone-button-shadow-hover: rgba(211, 47, 47, 0.4);
}

/* STYLE UNIFIÉ - Suppression de toute différence entre les pages */
.phone-link,
.nav-icons .phone-link,
.kd-social .phone-link,
.phone-button .phone-link {
    background: var(--phone-button-red) !important;
    border: 2px solid transparent !important;
    box-shadow: 0 2px 8px var(--phone-button-shadow) !important;
    color: white !important;
    /* Suppression de backdrop-filter et autres styles alternatifs */
    backdrop-filter: none !important;
}

/* HOVER UNIFIÉ - Identique sur toutes les pages */
.phone-link:hover,
.nav-icons .phone-link:hover,
.kd-social .phone-link:hover,
.phone-button .phone-link:hover {
    background: var(--phone-button-red-dark) !important;
    box-shadow: 0 4px 12px var(--phone-button-shadow-hover) !important;
    transform: translateY(-2px) !important;
    border-color: transparent !important;
}

/* FOCUS UNIFIÉ - Identique sur toutes les pages */
.phone-link:focus,
.nav-icons .phone-link:focus,
.kd-social .phone-link:focus,
.phone-button .phone-link:focus {
    border-color: #F6BA1A !important;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.2) !important;
    outline: none !important;
}

/* ACTIVE STATE UNIFIÉ */
.phone-link:active,
.nav-icons .phone-link:active,
.kd-social .phone-link:active,
.phone-button .phone-link:active {
    background: var(--phone-button-red-dark) !important;
    transform: translateY(0) !important;
}

/* Suppression de tous les styles spécifiques à kd-social */
.kd-social .phone-link {
    /* Forcer le même style que nav-icons */
    background: var(--phone-button-red) !important;
    border: 2px solid transparent !important;
    box-shadow: 0 2px 8px var(--phone-button-shadow) !important;
    /* Suppression des effets de transparence */
    backdrop-filter: none !important;
    text-shadow: none !important;
}

/* Animation uniforme avec la nouvelle couleur */
@keyframes phone-glow-unified {
    0% { box-shadow: 0 2px 8px var(--phone-button-shadow); }
    50% { box-shadow: 0 4px 16px rgba(211, 47, 47, 0.5); }
    100% { box-shadow: 0 2px 8px var(--phone-button-shadow); }
}

.phone-link {
    animation: phone-glow-unified 3s ease-in-out infinite;
}

/* Assurer la cohérence du texte */
.phone-number,
.nav-icons .phone-number,
.kd-social .phone-number {
    color: white !important;
    text-shadow: none !important;
    font-family: 'Courier New', monospace !important;
    font-weight: 600 !important;
}

/* Responsive unifié */
@media (max-width: 768px) {
    .phone-link,
    .nav-icons .phone-link,
    .kd-social .phone-link {
        background: var(--phone-button-red) !important;
        border: 2px solid transparent !important;
    }
    
    .phone-link:hover,
    .nav-icons .phone-link:hover,
    .kd-social .phone-link:hover {
        background: var(--phone-button-red-dark) !important;
    }
}

/* Force la cohérence sur tous les sélecteurs possibles */
[class*="phone-link"] {
    background: var(--phone-button-red) !important;
}

[class*="phone-link"]:hover {
    background: var(--phone-button-red-dark) !important;
}