/**
 * Icon Color Fixes
 * Ensures icons display correctly in white where needed
 */

/* SVG Icons - Force white fill for specific contexts */
.site-header svg,
.site-header svg path,
.site-header svg circle,
.site-header svg rect {
    fill: currentColor !important;
}

/* Navigation icons */
.main-navigation svg,
.main-navigation svg path {
    fill: currentColor !important;
}

/* Service icons on colored backgrounds */
.services-section .service-icon svg,
.services-section .service-icon svg path,
.services-section .service-icon svg * {
    fill: white !important;
    stroke: white !important;
}

/* Treatment icons */
.treatment-icon svg,
.treatment-icon svg path,
.treatment-icon svg * {
    fill: currentColor !important;
}

/* Icons in buttons */
.btn svg,
.btn svg path,
.button svg,
.button svg path,
a.btn svg,
a.btn svg path {
    fill: currentColor !important;
    stroke: none !important;
}

/* Icons in hero sections */
.hero-section svg,
.hero-section svg path,
.hero-bg svg,
.hero-bg svg path {
    fill: white !important;
}

/* Footer icons */
.site-footer svg,
.site-footer svg path {
    fill: currentColor !important;
}

/* Social media icons */
.social-links svg,
.social-links svg path,
.social-icon svg,
.social-icon svg path {
    fill: currentColor !important;
    transition: fill 0.3s ease;
}

.social-links a:hover svg,
.social-links a:hover svg path {
    fill: var(--color-primary) !important;
}

/* WhatsApp chat icon */
.ht-ctc svg,
.ht-ctc svg path {
    fill: white !important;
}

/* Chatbot icon */
.chatbot-button svg,
.chatbot-button svg path,
.chatbot-button-icon svg,
.chatbot-button-icon svg path {
    fill: white !important;
}

/* Quote icons */
.quote-icon svg,
.quote-icon svg path,
.testimonial-icon svg,
.testimonial-icon svg path {
    fill: currentColor !important;
    opacity: 0.3;
}

/* Mobile menu icons */
.mobile-menu-toggle svg,
.mobile-menu-toggle svg path,
.menu-toggle svg,
.menu-toggle svg path {
    fill: currentColor !important;
}

/* Ensure icons in dark backgrounds are white */
.dark-bg svg,
.dark-bg svg path,
.bg-dark svg,
.bg-dark svg path,
.bg-primary svg,
.bg-primary svg path,
[style*="background-color: #B7496E"] svg,
[style*="background-color: #B7496E"] svg path {
    fill: white !important;
}

/* Specific fixes for problematic SVGs */
img[src$=".svg"] {
    filter: brightness(0) invert(1);
}

/* Only apply filter to SVGs on dark backgrounds */
.services-section img[src$=".svg"],
.dark-section img[src$=".svg"],
.hero-section img[src$=".svg"] {
    filter: brightness(0) invert(1);
}

/* Reset filter for SVGs on light backgrounds */
.light-section img[src$=".svg"],
.white-bg img[src$=".svg"],
.bg-white img[src$=".svg"] {
    filter: none;
}

/* Treatment grid SVG icons */
.treatments-grid img[src$=".svg"] {
    filter: none;
    transition: filter 0.3s ease;
}

.treatments-grid .treatment-card:hover img[src$=".svg"] {
    filter: brightness(0) saturate(100%) invert(32%) sepia(84%) saturate(833%) hue-rotate(311deg) brightness(91%) contrast(87%);
}

/* Insurance logos - don't apply filter */
.insurance-logos img,
.colaboradores img,
.partners-section img {
    filter: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mobile-menu svg,
    .mobile-menu svg path {
        fill: var(--color-primary) !important;
    }
    
    .mobile-menu .active svg,
    .mobile-menu .active svg path {
        fill: var(--color-secondary) !important;
    }
}