/* SVG Support CSS */

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

.svg-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* Ensure SVG images scale properly */
img[src$=".svg"] {
    max-width: 100%;
    height: auto;
}

/* SVG hover effects */
.svg-hover:hover svg {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}

/* SVG animations */
@keyframes svg-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.svg-spin {
    animation: svg-spin 1s linear infinite;
}