/* Custom CSS fixes for Font Awesome and SVGs */

/* =========================================
   1. Font Awesome Global Fixes (Visibility)
   ========================================= */
.icon i.fas,
.icon i.fa,
.icon i {
    font-size: inherit;
    line-height: 1;
    vertical-align: middle;
    display: inline-block !important;
    font-weight: 900 !important;
    /* Essential for FA Solid */
    visibility: visible !important;
    opacity: 1 !important;
    /* Removed global color: #000 to prevent invisible icons on dark bg */
}

/* Global Font Awesome overrides */
.fas,
.fa-solid {
    font-weight: 900 !important;
}

/* =========================================
   2. SVG Icons (For Buttons) - BLACK
   ========================================= */
.icon svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
}

.butn .icon svg,
.crv-butn .icon svg {
    fill: none;
}

/* Force SVGs in buttons to be BLACK */
.butn .icon svg path,
.crv-butn .icon svg path {
    stroke: #000 !important;
}

/* =========================================
   3. Service Icons (Dark Background) - WHITE/THEME
   ========================================= */
.services-dm .icon i {
    font-size: 24px;
    color: #fff !important;
    /* Visible on dark background */
}

/* =========================================
   4. Menu Icons (Navbar) - WHITE
   ========================================= */
.menu-icon .icon i,
.close-menu i {
    font-size: 24px;
    line-height: 1;
    color: #fff !important;
    /* Visible on dark navbar */
}

/* =========================================
   5. Button Font Awesome Icons (Fallback) - BLACK
   ========================================= */
/* If any buttons still use FA icons, make them black */
.butn .icon i,
.crv-butn .icon i {
    font-size: 14px;
    line-height: 1;
    color: #000 !important;
}