/* Icon Grid - Base Styles (works for ANY .icon-grid-* class) */
[class*="icon-grid-"] .w-grid-item-h {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
}

[class*="icon-grid-"] .svg_code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* SVG sizing and display */
[class*="icon-grid-"] .svg_code svg {
    width: 64px;
    height: 64px;
    display: block;
}

/* Remove border from rect element */
[class*="icon-grid-"] .svg_code svg rect {
    display: none;
}

/* Icon color control - uses CSS variable */
[class*="icon-grid-"] .svg_code svg {
    fill: currentColor;
    stroke: currentColor;
    color: var(--icon-color, #ffffff); /* Default white if not set */
}

/* Responsive sizes */
@media (max-width: 1024px) {
    [class*="icon-grid-"] .svg_code svg {
        width: 56px;
        height: 56px;
    }
}

@media (max-width: 600px) {
    [class*="icon-grid-"] .svg_code svg {
        width: 48px;
        height: 48px;
    }
}