﻿/* Navigation bar */
/* NAV BAR BACKGROUND */
    .ae-nav {
        background: linear-gradient(90deg, #10264a, #18427d);
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.28);
    }

        /* UL: make it taller and spread items like OneCoast */
        .ae-nav .ae-nav-list {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 0; /* space between links */
            min-height: 52px; /* makes them occupy more of the bar */
            padding-block: 0; /* remove extra vertical padding */
        }

        .ae-nav .nav-item {
            flex: 1 1 0; /* Each item takes equal width */
            text-align: center; /* Center the link text */
        }

        /* RESET: no buttons, no pills */
        .ae-nav .nav-link,
        .ae-nav .nav-link:visited,
        .ae-nav .nav-link:focus,
        .ae-nav .nav-link:hover,
        .ae-nav .nav-link.active {
            background: transparent !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            border: 0 !important;
        }

        /* BASE LINK STYLE: pure white text, centered vertically */
        .ae-nav .nav-link {
            display: block; /* Fill the nav-item */
            color: #ffffff !important;
            font-weight: 500;
            font-size: 1.05rem; /* Slightly larger for visibility */
            padding: 0.75rem 0; /* Vertical padding for height */
            position: relative;
            opacity: 1; /* Pure white */
            transition: opacity .2s ease;
            text-align: center;
        }

            .ae-nav .nav-link::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -4px;
                transform: translateX(-50%) scaleX(0);
                width: 60%;
                height: 3px;
                background: #F7F5F5;
                border-radius: 999px;
                transition: transform 0.25s cubic-bezier(.4,0,.2,1);
                opacity: 1;
                pointer-events: none;
            }

            .ae-nav .nav-link:hover::after,
            .ae-nav .nav-link.active::after {
                transform: translateX(-50%) scaleX(1);
            }

            /* ACTIVE LINK: a bit bolder + underline ONLY */
            .ae-nav .nav-link.active {
                opacity: 1;
                font-weight: 600;
            }

                /* underline */
                .ae-nav .nav-link.active::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: -4px; /* very close to text so it doesn't look "lower" */
                    margin-inline: auto;
                    width: 60%; /* shorter than full text width */
                    height: 3px;
                    background: #3a86ff;
                    border-radius: 999px;
                }

    @media (max-width: 767.98px) {
        #header .top-search-section

    {
        padding-top: .5rem;
        padding-bottom: .9rem;
    }

        .mobile-main-menu.offcanvas-start {
            width: 100vw;
            max-width: 100vw;
        }


    #header .header-search {
        margin-top: .35rem;
    }
        /* 🔹 OFFCANVAS – MOBILE MENU (bigger + original blue top bar) */
        .mobile-main-menu {
            max-width: 380px;
            background: #f3f4f6;
        }
            /* Blue header restored */
            .mobile-main-menu .offcanvas-header {
                padding: 1.1rem 1.25rem;
                background: linear-gradient(90deg, #10264a, #18427d);
                color: #ffffff;
                box-shadow: 0 4px 14px rgba(15, 23, 42, .25);
            }

            .mobile-main-menu .offcanvas-title {
                font-size: 1.15rem;
                font-weight: 600;
            }

            .mobile-main-menu .btn-close {
                filter: invert(1);
                opacity: .9;
            }
            /* body padding */
            .mobile-main-menu .offcanvas-body {
                padding: 1.6rem 1.2rem;
            }
            /* main card */
            .mobile-main-menu .mobile-main-nav {
                background: #ffffff;
                border-radius: 20px;
                box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
                overflow: hidden;
                padding: .55rem .25rem;
            }
                /* menu row */
                .mobile-main-menu .mobile-main-nav .list-group-item {
                    border: 0;
                    border-bottom: 1px solid #eef1f4;
                    padding: 1.35rem 1.35rem; /* Bigger than last time */
                    min-height: 70px; /* Increased height */
                    font-size: 1.22rem; /* Bigger text */
                    font-weight: 500;
                    color: #111827;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    transition: background .18s ease, transform .18s ease;
                }
                    /* last item border fix */
                    .mobile-main-menu .mobile-main-nav .list-group-item:last-child {
                        border-bottom: 0;
                    }
                    /* arrow */
                    .mobile-main-menu .mobile-main-nav .list-group-item::after {
                        content: "›";
                        font-size: 1.5rem; /* Bigger arrow */
                        color: #9ca3af;
                        margin-left: 1rem;
                    }
                    /* hover */
                    .mobile-main-menu .mobile-main-nav .list-group-item:hover {
                        background: #f9fafb;
                        transform: translateX(6px);
                    }
    }
