/* ULTRA ICON FIX - Maximum Specificity Solution */

/* Remove ALL backgrounds from SVG icons */
svg.btn-icon,
.btn-icon[viewBox],
.btn > svg,
.btn svg,
.modern-btn svg,
.social-btn svg,
.platform-link svg,
.header .btn svg,
.header .btn .btn-icon,
.header-nav svg,
.header-nav .btn-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    max-width: 24px !important;
    max-height: 24px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Hero section specific fixes */
.hero-banner svg.btn-icon,
.hero-banner .modern-btn svg,
.hero-banner .btn-icon-wrapper svg {
    background: transparent !important;
    border: none !important;
}

/* About section specific fixes */
.about-features-section svg,
.social-buttons svg {
    background: transparent !important;
    border: none !important;
}

/* Final CTA section fixes */
.final-cta svg,
.platform-links svg {
    background: transparent !important;
    border: none !important;
}

/* Override homepage-editor.css rules */
body .btn-icon:not(.gallery-editor .gallery-item .btn-icon) {
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}

/* Force correct sizes for different button types */
.header .btn svg {
    width: 18px !important;
    height: 18px !important;
}

.modern-btn svg {
    width: 20px !important;
    height: 20px !important;
}

.social-btn svg {
    width: 24px !important;
    height: 24px !important;
}

.platform-link svg {
    width: 24px !important;
    height: 24px !important;
}

/* Ensure fill colors work properly */
svg path {
    stroke: none !important;
}

/* Remove any filters that might affect color */
svg:not(.gallery-item svg) {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Fix wrapper elements */
.btn-icon-wrapper {
    background: transparent !important;
    border: none !important;
}

/* Nuclear option - force transparent on all SVGs except gallery controls */
*:not(.gallery-editor) svg.btn-icon,
*:not(.gallery-editor) .btn-icon {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

/* ULTRA NUCLEAR - Force all button icons to be transparent */
.btn .btn-icon,
.btn svg,
.modern-btn .btn-icon,
.modern-btn svg,
.social-btn svg,
.platform-link svg,
.header .btn .btn-icon,
.header .btn svg {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}