/**
 * Custom Header Contact Information Fix
 * Soluciona el problema de dirección y teléfono en dos líneas
 * Sistema APE - Portal Web
 */

/* Contenedor principal de la lista de contacto */
.header-contact-compact {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: nowrap !important;
}

/* Items individuales de contacto */
.header-contact-item {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Enlaces de contacto */
.header-contact-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.header-contact-link:hover {
    opacity: 0.8 !important;
}

/* Iconos más compactos */
.header-contact-link i {
    font-size: 16px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

/* Texto de contacto */
.contact-text {
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 280px !important;
}

/* Responsive: Pantallas grandes (1400px+) */
@media (min-width: 1400px) {
    .header-contact-link {
        font-size: 14px !important;
        gap: 8px !important;
    }
    
    .header-contact-link i {
        font-size: 18px !important;
    }
    
    .contact-text {
        font-size: 14px !important;
        max-width: 350px !important;
    }
    
    .header-contact-compact {
        gap: 20px !important;
    }
}

/* Responsive: Pantallas medianas (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .contact-text {
        max-width: 240px !important;
        font-size: 12.5px !important;
    }
    
    .header-contact-link {
        gap: 5px !important;
    }
    
    .header-contact-compact {
        gap: 12px !important;
    }
}

/* Asegurar que no haya saltos de línea */
.rbt-header-left .rbt-information-list li {
    white-space: nowrap !important;
}

.rbt-header-left .rbt-information-list li a {
    white-space: nowrap !important;
}

/* Optimizar el espacio del contenedor padre */
.rbt-header-sec-col.rbt-header-left {
    flex-shrink: 1 !important;
    min-width: 0 !important;
}

/* Tooltip para mostrar información completa al pasar el mouse */
.contact-text[title] {
    cursor: help !important;
}

/* Ajuste adicional para evitar overflow */
.rbt-header-content {
    overflow: visible !important;
}

.header-info {
    overflow: visible !important;
}

/* Separador visual entre items (opcional) */
.header-contact-item:not(:last-child)::after {
    content: "|";
    margin-left: 15px;
    opacity: 0.3;
    font-size: 12px;
}

@media (min-width: 1400px) {
    .header-contact-item:not(:last-child)::after {
        margin-left: 20px;
    }
}

/* Asegurar que los iconos feather se vean bien */
.header-contact-link .feather-globe,
.header-contact-link .feather-phone {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2.5 !important;
}

@media (min-width: 1400px) {
    .header-contact-link .feather-globe,
    .header-contact-link .feather-phone {
        width: 18px !important;
        height: 18px !important;
    }
}

/* Fix para evitar que el texto se corte */
.rbt-header-top-1 .rbt-header-left {
    overflow: visible !important;
}

/* Mejorar la legibilidad en fondos oscuros */
.bg-color-darker .header-contact-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.bg-color-darker .header-contact-link:hover {
    color: rgba(255, 255, 255, 1) !important;
}

/* Asegurar que el contenedor no colapse */
.rbt-information-list.header-contact-compact {
    min-height: 24px !important;
    align-items: center !important;
}