/* ===== COMPREHENSIVE SVG ICON FIXES FOR NEWS PAGE ===== */

/* Enhanced SVG Icon Styles for News Page */
.category-icon-modern {
    width: 12px !important;
    height: 12px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.meta-icon-modern {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    color: #cbd5e1 !important;
}

.hero-nav-link-modern svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.breadcrumb-separator-modern svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.empty-icon-modern svg {
    width: 32px !important;
    height: 32px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* Fix for all SVG icons to ensure proper display */
svg path, svg polyline, svg line, svg circle, svg rect {
    vector-effect: non-scaling-stroke !important;
}

/* Ensure all SVG icons are visible */
svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    pointer-events: none !important;
}

/* News page specific icon fixes */
.news-features-modern svg,
.news-main-section-modern svg,
.news-card-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Hero section icon fixes */
.hero-section-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Breadcrumb icon specific fixes */
.breadcrumb-nav-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    flex-shrink: 0 !important;
}

/* Feature icons specific fixes */
.feature-icon-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    width: 24px !important;
    height: 24px !important;
}

/* News header icon fixes */
.news-header-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Internal links icon fixes */
.internal-links-section-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Related articles icon fixes */
.related-articles-section-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Load more button icon fixes */
.load-more-btn-modern svg {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Breadcrumb icon enhanced fixes */
.breadcrumb-icon-modern {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    flex-shrink: 0 !important;
}

/* News icon enhanced fixes */
.news-icon-modern {
    width: 32px !important;
    height: 32px !important;
    color: #000000 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

/* Feature icon container fixes */
.news-features-modern .feature-icon-modern svg {
    width: 24px !important;
    height: 24px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    color: #ffffff !important;
}

/* General SVG fixes for better rendering */
svg {
    shape-rendering: auto !important;
    text-rendering: optimizeLegibility !important;
}

/* Webkit specific fixes */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    svg {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }
}

/* Firefox specific fixes */
@-moz-document url-prefix() {
    svg {
        display: inline-block !important;
        vertical-align: middle !important;
    }
}

/* Edge specific fixes */
@supports (-ms-ime-align: auto) {
    svg {
        display: inline-block !important;
        vertical-align: middle !important;
    }
} 