/* SVG Icon Fix - Proper sizing and visibility */

/* Ensure SVG icons are visible */
svg {
    display: inline-block;
    vertical-align: middle;
}

/* Ensure stroke and fill colors are inherited */
svg[stroke="currentColor"] path,
svg[stroke="currentColor"] line,
svg[stroke="currentColor"] polyline,
svg[stroke="currentColor"] polygon,
svg[stroke="currentColor"] circle,
svg[stroke="currentColor"] rect {
    stroke: currentColor;
}

svg[fill="currentColor"] path,
svg[fill="currentColor"] circle,
svg[fill="currentColor"] rect,
svg[fill="currentColor"] polygon {
    fill: currentColor;
}

/* Ensure proper sizing for icon classes */
.w-4 svg { width: 1rem; height: 1rem; }
.w-5 svg { width: 1.25rem; height: 1.25rem; }
.w-6 svg { width: 1.5rem; height: 1.5rem; }
.w-8 svg { width: 2rem; height: 2rem; }
.h-4 svg { width: 1rem; height: 1rem; }
.h-5 svg { width: 1.25rem; height: 1.25rem; }
.h-6 svg { width: 1.5rem; height: 1.5rem; }
.h-8 svg { width: 2rem; height: 2rem; }

/* Fix for buttons with icons */
button svg,
a svg,
.btn svg {
    flex-shrink: 0;
}