/*!
 * FIX ICONOS BLANCOS - InkaBox Express
 * VERSIÓN 3.0 - SOLUCIÓN NUCLEAR
 * Este archivo usa la máxima especificidad CSS posible
 */

/* ========================================
   SOLUCIÓN NUCLEAR - MÁXIMA ESPECIFICIDAD
   ======================================== */

/* Usar especificidad extrema para sobrescribir themes.css */
html body div section div.contact-item i.fas,
html body div section div.contact-item i.far,
html body div section div.contact-item i.fab,
html body div section div.contact-item i,
html body div.pricing div.calculator-form button.btn-primary i.fas,
html body div.tracking-section div.tracking-form button.btn-primary i.fas,
html body div button.btn-primary i.fas,
html body div button.btn-primary i.far,
html body div button.btn-primary i.fab,
html body div button.btn-primary i {
    color: white !important;
    -webkit-text-fill-color: white !important;
    fill: white !important;
}

/* ========================================
   ICONOS DE CONTACTO (RECUADROS NARANJAS)
   ======================================== */
html body .contact-item i,
html body .contact-items .contact-item i,
html body section.contact .contact-item i,
html body .contact .contact-items .contact-item i,
html body .contact-item i.fa-phone,
html body .contact-item i.fa-envelope,
html body .contact-item i.fa-map-marker-alt,
html body .contact-item i.fa-clock {
    color: white !important;
    background: #f39200 !important;
}

/* ========================================
   BOTONES PRIMARIOS - TODOS LOS ICONOS
   ======================================== */
html body .btn-primary i,
html body .btn-primary .fas,
html body .btn-primary .fa,
html body button.btn-primary i,
html body .btn.btn-primary i,
html body a.btn-primary i,
html body .btn-primary i[class^="fa-"],
html body .btn-primary i[class*=" fa-"],
html body .btn-primary .fas[class^="fa-"],
html body .btn-primary .fas[class*=" fa-"] {
    color: white !important;
}

/* ========================================
   BOTÓN CALCULAR - ICONO CALCULADORA
   ======================================== */
html body .calculator-form .btn i,
html body .calculator-form button i,
html body .pricing .calculator-form .btn i,
html body .pricing-calculator-card .btn i,
html body button[onclick*="calculateShipping"] i,
html body .btn-primary i.fa-calculator {
    color: white !important;
}

/* ========================================
   BOTÓN CONSULTAR ESTADO - ICONO LUPA
   ======================================== */
html body .tracking-form .btn i,
html body .tracking-form button i,
html body .tracking-section .btn i,
html body button[type="submit"] i.fa-search,
html body .tracking-form .btn-primary i,
html body .btn-primary i.fa-search {
    color: white !important;
}

/* ========================================
   REGLAS ESPECÍFICAS POR ICONO
   ======================================== */

/* Iconos específicos - forzar blanco en cualquier contexto */
html body i.fa-calculator,
html body i.fa-search,
html body i.fa-phone,
html body i.fa-envelope,
html body i.fa-map-marker-alt,
html body i.fa-clock {
    color: white !important;
}

/* Cuando están dentro de botones primarios */
html body .btn-primary i.fa-calculator,
html body .btn-primary i.fa-search,
html body .btn-primary i.fa-phone,
html body .btn-primary i.fa-envelope,
html body .btn-primary i.fa-map-marker-alt,
html body .btn-primary i.fa-clock {
    color: white !important;
}

/* Cuando están dentro de contact-items */
html body .contact i.fa-phone,
html body .contact i.fa-envelope,
html body .contact i.fa-map-marker-alt,
html body .contact i.fa-clock,
html body .contact-item i.fa-phone,
html body .contact-item i.fa-envelope,
html body .contact-item i.fa-map-marker-alt,
html body .contact-item i.fa-clock {
    color: white !important;
    background: #f39200 !important;
}

/* ========================================
   REGLAS NUCLEARES - ÚLTIMA INSTANCIA
   ======================================== */

/* Aplicar SOLO a iconos (elementos <i>) dentro de botones primarios y contact-items */
html body .btn-primary i,
html body .contact-item i {
    color: white !important;
}

/* NO afectar el texto - mantener colores originales */
html body .contact-item h4,
html body .contact-item p,
html body .contact-item div:not(i) {
    color: inherit !important;
}

/* Sobrescribir cualquier color heredado con máxima especificidad */
html body .btn-primary i:not(.exclude-white-fix),
html body .contact-item i:not(.exclude-white-fix) {
    color: white !important;
}

/* Regla de emergencia con especificidad máxima */
html body div.contact-item i,
html body button.btn-primary i,
html body div.tracking-form button.btn-primary i,
html body div.calculator-form button.btn-primary i {
    color: white !important;
}

/* ========================================
   SOLUCIÓN DE EMERGENCIA JAVASCRIPT
   ======================================== */

/* Estilos que serán aplicados por JavaScript */
.force-white-icon {
    color: white !important;
    -webkit-text-fill-color: white !important;
    fill: white !important;
}

/* Reglas específicas para cada tipo de icono */
.contact-item i.force-white-icon {
    color: white !important;
    background: #f39200 !important;
}

.btn-primary i.force-white-icon {
    color: white !important;
}

/* ========================================
   PRESERVAR COLORES DE TEXTO ORIGINALES
   ======================================== */

/* Asegurar que el texto en contact-items mantenga su color original */
html body .contact-item h4 {
    color: #2d3748 !important;
}

html body .contact-item p {
    color: #718096 !important;
}

/* Asegurar que el texto en botones mantenga su color blanco */
html body .btn-primary {
    color: white !important;
}

html body .btn-primary:not(i) {
    color: white !important;
}