@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap');

:root {
    --am-navy: #03547e;
    --am-ink: #0591ca;
    --am-sky-1: #f0f6fc;
    --am-sky-2: #d6e7f6;
    --am-blue-dark: #033f5e;
    --am-blue-sky: #1686b5
}

.site-header {
    background: linear-gradient(100deg, var(--am-sky-1) 0%, var(--am-sky-2) 100%);
    color: var(--am-navy);
    font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.site-header .navbar { padding: .6rem 0; }

.am-brand img { display: block; height: 52px; width: auto; }

.am-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--am-navy);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
}
.am-action i { font-size: 1.6rem; line-height: 1; }
.am-action:hover { color: #0f2550; }
.am-action-label { margin-top: .2rem; }

.am-cart-icon { position: relative; display: inline-block; }
.am-badge {
    position: absolute;
    top: -.45rem;
    right: -.6rem;
    min-width: 1.05rem;
    height: 1.05rem;
    padding: 0 .25rem;
    border-radius: 999px;
    background: var(--am-navy);
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    line-height: 1.05rem;
    text-align: center;
}

.am-toggler {
    border: 0;
    padding: .1rem .35rem;
    color: var(--am-navy);
}
.am-toggler i { font-size: 2rem; line-height: 1; }
.am-toggler:focus { box-shadow: 0 0 0 .2rem rgba(29, 59, 111, .25); }

.am-search { position: relative; width: 100%; }
.am-search .form-control {
    border: 0;
    border-radius: 999px;
    padding: .7rem 3rem .7rem 1.4rem;
    font-size: .9rem;
    color: var(--am-ink);
    background: #fff;
    box-shadow: 0 1px 4px rgba(29, 59, 111, .12);
}
.am-search .form-control::placeholder { color: #6b7a93; }
.am-search .form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(29, 59, 111, .25);
}
.am-search button {
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: none;
    padding: .4rem .7rem;
    color: var(--am-navy);
}

.am-nav .nav-link {
    color: var(--am-ink);
    font-size: 1rem;
    font-weight: 600;
    padding: .35rem 0;
    border-bottom: 2px solid transparent;
}
.am-nav .nav-link:hover { color: var(--am-navy); }
.am-nav .nav-link.active {
    color: var(--am-navy);
    font-weight: 800;
    border-bottom-color: var(--am-navy);
}
.am-dropdown {
    border: 0;
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(29, 59, 111, .15);
    font-size: .88rem;
}
.am-dropdown .dropdown-item:active { background: var(--am-navy); }

@media (max-width: 991.98px) {
    .am-menu { margin-top: .75rem; }
    .am-menu-inner {
        background: rgba(255, 255, 255, .55);
        border-radius: 1rem;
        padding: 1rem;
    }
    .am-nav { margin-top: .5rem; }
    .am-nav .nav-link {
        padding: .7rem 0;
        border-bottom: 1px solid rgba(29, 59, 111, .12);
    }
    .am-nav .nav-link.active { border-bottom-color: var(--am-navy); }
    .am-dropdown { box-shadow: none; background: transparent; padding-left: .75rem; }
}

@media (min-width: 992px) {
    .am-brand img { height: 72px; }
    .am-menu { justify-content: center; }
    .am-menu-inner { width: 100%; max-width: 80%; margin: 0 auto; }
    .am-nav {
        flex-direction: row;
        gap: 2rem;
        margin-top: .6rem;
        padding-left: .25rem;
    }
}