/* TEAM CAROUSEL */
#teamCarousel {
    position: relative;
}

    /* controls: no background, no overflow outside container */
    #teamCarousel .carousel-control-prev,
    #teamCarousel .carousel-control-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        padding: 0;
        border: 0;
        background: transparent !important; /* <- kill theme bg */
        box-shadow: none !important;
        opacity: .95;
        z-index: 20;
    }

    /* keep them INSIDE so we don't cause horizontal overflow */
    #teamCarousel .carousel-control-prev {
        left: 14px;
    }

    #teamCarousel .carousel-control-next {
        right: 14px;
    }

    /* hide Bootstrap's PNG span icons if they’re still in the DOM */
    #teamCarousel .carousel-control-prev-icon,
    #teamCarousel .carousel-control-next-icon {
        display: none !important;
        background: none !important;
        width: 0;
        height: 0;
        padding: 0;
    }

    /* Font Awesome chevrons style */
    #teamCarousel .carousel-control-prev .fa,
    #teamCarousel .carousel-control-next .fa {
        font-size: 2rem; /* tweak to taste */
        line-height: 1;
        color: #7a5a63; /* or your accent */
        text-shadow: 0 0 6px rgba(0,0,0,.55);
        pointer-events: none; /* click goes to the button */
    }

    /* captions shouldn’t eat clicks */
    #teamCarousel .team-caption {
        pointer-events: none;
    }

        #teamCarousel .team-caption a,
        #teamCarousel .team-caption button {
            pointer-events: auto;
        }

/* global: stop phantom horizontal scrollbar */
html, body {
    overflow-x: hidden;
}


/* --- FOOTER overflow fixes --- */
#main-footer, #footer {
    position: relative;
    overflow-y: hidden; /* clip anything sneaking out */
    width: 100%; /* guard against 100vw rules in the theme */
}

    /* make sure the grid doesn't poke past the container */
    #footer .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* social list: no extra width from default list spacing; flex + wrap */
    #footer .social-links {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* icons behave, no unexpected width */
    #footer .icon-social {
        display: inline-block;
        line-height: 1;
    }

    /* inline footer links: kill block padding that can extend width */
    #footer .nav-link.d-inline {
        display: inline;
        padding-left: 0;
        padding-right: 0;
    }

    /* if your theme adds full-width decorative bars via pseudo-elements */
    #main-footer::before,
    #main-footer::after,
    #footer::before,
    #footer::after {
        max-width: 100%;
        left: 0;
        right: 0; /* keep them inside */
    }


/* ===== Buttons that match Strider ===== */

/* Smaller pill variant for header/lang/inline actions */
.button-mini {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.2;
    padding: 6px 10px;
    margin: 0; /* Strider's .button adds margins; kill them here */
    border-radius: 3px;
}

/* Ghost style that uses Strider accent (#7a5a63) */
.button-ghost {
    background: transparent;
    color: #FFF;
    border: 1px solid #7a5a63;
    transition: all .2s ease;
}

    .button-ghost:hover {
        background: #FFF;
        color: #2B2B2B;
    }

/* Inline pairing: add a little gap between neighbors */
.button-inline .button,
.button-inline .button-mini {
    margin: 0;
}

    .button-inline .button + .button,
    .button-inline .button + .button-mini,
    .button-inline .button-mini + .button,
    .button-inline .button-mini + .button-mini {
        margin-left: 10px;
    }

/* Hero/CTA alignment: left-align Strider buttons when needed */
.button-left {
    margin-left: 0 !important;
    margin-right: auto;
}

/* Make Bootstrap dropdown "look Strider" when used as a faux button */
.btn-strider {
    background: #7a5a63;
    color: #FFF;
    border: none;
    border-radius: 2px;
    font-family: Raleway, sans-serif;
    font-weight: 500;
    padding: 6px 14px;
}

    .btn-strider:hover {
        background: #FFF;
        color: #2B2B2B;
    }

/* Language switch container */
.lang-switch {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .lang-switch .disabled {
        pointer-events: none;
        opacity: .55;
    }

/* RTL tweak: swap the inline gap side */
[dir="rtl"] .button-inline .button + .button,
[dir="rtl"] .button-inline .button + .button-mini,
[dir="rtl"] .button-inline .button-mini + .button,
[dir="rtl"] .button-inline .button-mini + .button-mini {
    margin-left: 0;
    margin-right: 10px;
}