/* Better text rendering */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hero overlay */
.hero-overlay {
    background: radial-gradient(ellipse at center, rgb(18 75 48 / 59%), rgb(18 75 48));
}

/* Hide mobile scrollbar for horizontal carousels */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}



/* Base custom button */
.custom-swiper-btn {
    width: 40px;
    /* same as w-10 */
    height: 40px;
    /* h-10 */
    display: flex;
    /* flex */
    align-items: center;
    /* items-center */
    justify-content: center;
    /* justify-center */
    border-radius: 9999px;
    /* rounded-full */
    background-color: #82c02d;
    /* bg-white */
    color: #fff;
    /* text-slate-700 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* shadow-md */
    transition: all 0.3s ease;
    /* transition */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

/* Hover styles */
.custom-swiper-btn:hover {
    background-color: #7fbd2e;
    /* slate-800 */
}



/* Make Swiper’s default arrow icons visible inside */
.custom-swiper-btn::after {
    font-size: 16px;
    /* bigger than default (12px) */
    font-weight: bold;
}

@media(max-width: 768px) {
    .custom-swiper-btn {
        width: 32px;
        /* w-8 */
        height: 32px;
        /* h-8 */
        position: fixed;
    }

    .custom-swiper-btn.swiper-button-prev {
        left: -10px;
    }

    .custom-swiper-btn.swiper-button-next {
        right: -10px;
    }
}