/* ===== SVG Icon Utilities ===== */

/* Inline SVG icon inside .contact section info-icon box */
.contact .info-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: #fff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    margin-bottom: 0;
}
.contact .info-icon svg {
    width: 22px;
    height: 22px;
}

/* Service card — invert icon to white on hover */
.service-card:hover .service-icon {
    color: white;
}

/* Challenge card accent colour */
.challenge-card:hover .challenge-icon {
    color: var(--primary-dark);
}

/* How-to section icon */
.ht-icon {
    color: #0ea5e9;
}

/* For-Whom icon */
.fw-icon svg {
    stroke: #38bdf8;
}
.fw-item:hover .fw-icon svg {
    stroke: #0ea5e9;
}

/* Footer logo icon */
.footer-brand .logo-icon svg {
    stroke: white;
}