/* Custom CSS Overrides */

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}

body {
    font-family: 'Inter', sans-serif;
}

/* Swiper Customizations */
.swiper-button-next,
.swiper-button-prev {
    color: #006494 !important;
    /* Primary color */
    background: rgba(255, 255, 255, 0.8);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 1.2rem !important;
    font-weight: bold;
}

.swiper-pagination-bullet-active {
    background-color: #006494 !important;
}

/* Mobile Sidebar Transition */
#mobile-sidebar {
    transition: transform 0.3s ease-in-out;
}

.mobile-sidebar-open {
    transform: translateX(0) !important;
}

/* Utilities */
.shadow-soft {
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Section padding defaults */
.section-padding {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.radial-overlay {
    background: radial-gradient(circle, rgba(27, 42, 78, 0.85) 0%, rgba(27, 42, 78, 0.4) 100%);
}

@media (max-width: 768px) {
    .section-padding {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}