/* Shadow Fix CSS - Ensure all shadows are visible */

/* Override any overflow settings that might clip shadows */
.grid, .grid > *, .flex, .flex > * {
    overflow: visible !important;
}

/* Specific shadow visibility rules */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }

/* Ensure all containers allow shadows to extend */
* {
    box-sizing: border-box;
}

div, section, main, article, aside, nav, header, footer {
    overflow-y: visible !important;
}

/* Only hide horizontal overflow where necessary */
body, html {
    overflow-x: hidden;
    overflow-y: auto;
}

/* Grid and flex containers should allow shadow overflow */
.grid {
    overflow: visible !important;
    gap: 2rem;
    padding: 1rem 0;
}

.max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl, .max-w-3xl, .max-w-2xl, .max-w-xl {
    overflow: visible !important;
    margin: 0 auto;
    padding: 0 1rem;
}