/* 
 * Footer Styles
 * Contiene estilos para el pie de página y los iconos sociales
 */

/* Estilos para los iconos sociales */
.ak-footer-social-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ak-footer-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    margin: 0 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ak-footer-social-btn i {
    font-size: 1.2rem;
    transition: all 0.3s ease;
    color: white !important; /* Forzar color blanco */
}

/* Colores específicos al pasar el cursor por encima */
.ak-footer-social-btn:hover {
    transform: translateY(-3px);
}

.ak-footer-social-btn:hover i.fab.fa-facebook-f {
    color: #4267B2 !important;
}

.ak-footer-social-btn:hover i.fab.fa-twitter {
    color: #1DA1F2 !important;
}

.ak-footer-social-btn:hover i.fab.fa-instagram {
    color: #E1306C !important;
}

.ak-footer-social-btn:hover i.fab.fa-whatsapp {
    color: #25D366 !important;
}

.ak-footer-social-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

/* Asegurar que los iconos sociales sean visibles en todas las resoluciones */
.ak-footer-social-container {
    display: flex;
    flex-direction: row; /* Siempre en fila para mejor visibilidad */
    align-items: center;
    justify-content: flex-start; /* Alinear al inicio (derecha en RTL) */
    margin-bottom: 15px;
}

/* Asegurar alineación correcta en modo RTL para árabe */
[dir="rtl"] .ak-footer-social-container {
    justify-content: flex-start; /* Esto hará que se alineen a la derecha en RTL */
}

/* Ajustes específicos para móviles */
@media (max-width: 767.98px) {
    .ak-footer-social-btn {
        width: 35px;
        height: 35px;
    }
    
    .ak-footer-social-btn i {
        font-size: 1rem;
    }
}

/* RTL Support for Arabic */
[dir="rtl"] .ak-footer-social-container {
    flex-direction: row;
}