/* ========================================
   FACEM LIVE - ICONIȚE ALBE FIX
   Forțează TOATE emoji/iconițe să fie albe
   ======================================== */

/* EMOJI ca TEXT - Înlocuiește cu versiuni albe */
body {
    color: #fff;
}

/* Forțează toate emoji să aibă culoarea de bază albă */
* {
    -webkit-text-fill-color: inherit !important;
}

/* Servicii, Benefits, etc - Forțează textul alb */
.services-grid .card,
.benefits-grid .card,
.workflow-steps .card {
    color: #ffffff !important;
}

/* Iconițe specifice - Înlocuiește emoji colorat cu versiune monocromă */
.service-icon,
.benefit-icon,
h3::before,
.card-title::before {
    color: #ffffff !important;
    filter: grayscale(100%) brightness(2) !important;
    -webkit-filter: grayscale(100%) brightness(2) !important;
}

/* Pentru emoji Unicode direct în HTML */
.emoji {
    color: #ffffff !important;
    filter: grayscale(100%) brightness(1.5) !important;
}

/* Contact Icons (telefon, email, location) */
.contact-info .card,
.contact-card {
    color: #ffffff !important;
}

.contact-info .card > div:first-child,
.contact-icon {
    filter: grayscale(100%) brightness(2) invert(1) !important;
    -webkit-filter: grayscale(100%) brightness(2) invert(1) !important;
}

/* Forțează toate cardurile să aibă text alb pentru emoji */
.card {
    color: #ffffff;
}

.card h3,
.card-title {
    color: #ffffff !important;
}

/* Specifc pentru emoji în titluri */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* Browser-specific emoji rendering */
@supports (-webkit-appearance: none) {
    /* Safari/Chrome */
    .emoji, [role="img"] {
        filter: grayscale(100%) brightness(2) !important;
    }
}

@-moz-document url-prefix() {
    /* Firefox */
    .emoji, [role="img"] {
        color: #ffffff !important;
        text-shadow: none !important;
    }
}

/* Forțează toate SVG icons să fie albe */
svg, svg * {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Font Awesome și alte icon fonts */
.fa, .fas, .far, .fab, .fal, .fad,
[class*="icon-"], [class*="fa-"] {
    color: #ffffff !important;
}

/* Iconițe ca background images - inversează culorile */
[style*="background-image"] {
    filter: brightness(0) invert(1) !important;
}

/* Material Icons */
.material-icons, .material-icons-outlined {
    color: #ffffff !important;
}

/* Emoji în liste */
ul li::marker,
ol li::marker {
    color: #ffffff !important;
}

/* Forțează opacity pentru vizibilitate */
.service-icon,
.benefit-icon,
.contact-icon,
.emoji {
    opacity: 0.95 !important;
}