/* Abu Namous v2.3.2 — keep hero slider navigation fully visible */

/*
 * v2.3.0 raised the controls above the watermark but accidentally changed
 * their positioning context to relative. Restore the intended absolute
 * positioning so the controls stay inside the hero instead of falling below
 * the slider track and being clipped by overflow:hidden.
 */
body.home .anm-home-main .anm-hero-slider .anm-slider-controls{
    position:absolute !important;
    inset-inline:0 !important;
    inset-block-end:20px !important;
    width:min(var(--max), calc(100% - 48px)) !important;
    margin-inline:auto !important;
    min-height:48px;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px;
    z-index:12 !important;
    pointer-events:none;
}

body.home .anm-home-main .anm-hero-slider .anm-slider-progress,
body.home .anm-home-main .anm-hero-slider .anm-slider-arrows{
    position:relative;
    z-index:13;
    display:flex;
    align-items:center;
    gap:10px;
    pointer-events:auto;
}

body.home .anm-home-main .anm-hero-slider .anm-slider-dot{
    position:relative;
    min-width:42px;
    min-height:36px;
    padding:7px 4px 8px;
    overflow:visible;
}

body.home .anm-home-main .anm-hero-slider .anm-slider-dot span{
    display:block;
    line-height:1;
}

body.home .anm-home-main .anm-hero-slider .anm-slider-arrows button{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:0;
    line-height:1;
}

/* Reserve visual breathing room above the controls on desktop. */
@media (min-width:921px){
    body.home .anm-home-main .anm-hero-slider .anm-hero-grid{
        padding-block-end:82px !important;
    }
}

@media (max-width:920px){
    body.home .anm-home-main .anm-hero-slider .anm-slider-controls{
        position:relative !important;
        inset:auto !important;
        width:min(var(--max), calc(100% - 36px)) !important;
        margin:0 auto !important;
        padding:0 0 22px !important;
        min-height:0;
    }
}

@media (max-width:640px){
    body.home .anm-home-main .anm-hero-slider .anm-slider-controls{
        width:calc(100% - 28px) !important;
        gap:12px;
        padding-bottom:18px !important;
    }

    body.home .anm-home-main .anm-hero-slider .anm-slider-progress{
        gap:6px;
        min-width:0;
        overflow-x:auto;
        scrollbar-width:none;
    }

    body.home .anm-home-main .anm-hero-slider .anm-slider-progress::-webkit-scrollbar{
        display:none;
    }

    body.home .anm-home-main .anm-hero-slider .anm-slider-dot{
        min-width:34px;
    }

    body.home .anm-home-main .anm-hero-slider .anm-slider-arrows button{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
}