/* ============================================
   FSE - Custom SVG Icons
   Thematic energy icons
   ============================================ */

.icon-svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

/* Sector card icons - larger */
.sector-icon-svg {
    width: 96px;
    height: 96px;
    margin-bottom: 1rem;
}

/* Mission card icons */
.mission-icon-svg {
    width: 56px;
    height: 56px;
}

/* Hero stat icons */
.stat-icon-svg {
    width: 56px;
    height: 56px;
    margin-bottom: 0.5rem;
}

/* Governance icons */
.governance-icon svg {
    width: 40px;
    height: 40px;
}

/* Contact card icons */
.contact-card-icon svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Responsive icons */
@media (max-width: 768px) {
    .sector-icon-svg {
        width: 80px;
        height: 80px;
    }
    .mission-icon-svg {
        width: 48px;
        height: 48px;
    }
    .stat-icon-svg {
        width: 44px;
        height: 44px;
    }
}
@media (max-width: 480px) {
    .sector-icon-svg {
        width: 64px;
        height: 64px;
    }
    .mission-icon-svg {
        width: 40px;
        height: 40px;
    }
    .stat-icon-svg {
        width: 36px;
        height: 36px;
    }
}

/* News placeholder images with SVG backgrounds */
.news-img-electricity {
    background: linear-gradient(135deg, #1B4B8F, #0098D8) !important;
}
.news-img-gas {
    background: linear-gradient(135deg, #0F2D5A, #1B4B8F) !important;
}
.news-img-renewables {
    background: linear-gradient(135deg, #3A9B4F, #6DBF4B) !important;
}
.news-img svg {
    width: 80px;
    height: 80px;
    opacity: 0.3;
}