/* Flex gap utility for Bootstrap 4 compatibility */
.flex-wrap {
    flex-wrap: wrap !important;
}

.gap-2 {
    gap: 0.5rem;
}

/* Fallback for older browsers */
@supports not (gap: 0.5rem) {
    .gap-2>* {
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .gap-2>*:last-child {
        margin-right: 0;
    }
}

/* Enhanced shadows for more depth */
.shadow,
.card.shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

[data-theme="dark"] .shadow,
[data-theme="dark"] .card.shadow {
    box-shadow: 0 .25rem 2rem 0 rgba(0, 0, 0, .5) !important;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

[data-theme="dark"] .shadow-sm {
    box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .3) !important;
}