/*
 * DR. BOBOEV MATERNITY CENTER — NAVBAR BUTTONS V10
 * Pill-style navigation like the supplied reference:
 * purple default, pink active, green hover.
 */

:root {
    --nav-btn-purple-1: #5147a8;
    --nav-btn-purple-2: #6659bd;
    --nav-btn-pink-1: #bf3e6e;
    --nav-btn-pink-2: #d24f7f;
    --nav-btn-green-1: #11b98b;
    --nav-btn-green-2: #16a97f;
}

/* Desktop navigation */
.liv-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.liv-nav a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 15px !important;

    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 11px !important;

    color: #fff !important;
    background:
        linear-gradient(
            135deg,
            var(--nav-btn-purple-1),
            var(--nav-btn-purple-2)
        ) !important;

    box-shadow:
        0 6px 14px rgba(76, 64, 150, .22),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    font-size: 14.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -.012em;
    text-decoration: none !important;
    white-space: nowrap;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

/* Remove old underline/highlight elements if any */
.liv-nav a::before,
.liv-nav a::after {
    display: none !important;
}

/* Active page */
.liv-nav a.active,
.liv-nav a[aria-current="page"] {
    color: #fff !important;
    border-color: rgba(255,255,255,.20) !important;
    background:
        linear-gradient(
            135deg,
            var(--nav-btn-pink-1),
            var(--nav-btn-pink-2)
        ) !important;

    box-shadow:
        0 7px 17px rgba(191, 62, 110, .28),
        inset 0 1px 0 rgba(255,255,255,.15) !important;
}

/* Mouse hover */
.liv-nav a:hover,
.liv-nav a.active:hover,
.liv-nav a[aria-current="page"]:hover {
    color: #fff !important;
    border-color: rgba(255,255,255,.24) !important;
    background:
        linear-gradient(
            135deg,
            var(--nav-btn-green-1),
            var(--nav-btn-green-2)
        ) !important;

    transform: translateY(-2px);
    box-shadow:
        0 10px 22px rgba(17, 185, 139, .27),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Keyboard accessibility */
.liv-nav a:focus-visible {
    outline: 3px solid rgba(18, 185, 139, .28) !important;
    outline-offset: 3px;
}

/* Slight press effect */
.liv-nav a:active {
    transform: translateY(0);
    box-shadow:
        0 4px 10px rgba(37, 30, 72, .20),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Give navbar enough room */
.liv-navbar {
    gap: 16px !important;
}

/* Medium desktop: keep all items on one line */
@media (max-width: 1550px) {
    .liv-nav {
        gap: 6px !important;
    }

    .liv-nav a {
        min-height: 39px;
        padding: 9px 11px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
    }

    .liv-navbar {
        gap: 12px !important;
    }
}

/* Smaller desktop / tablet */
@media (max-width: 1280px) {
    .liv-nav {
        gap: 5px !important;
    }

    .liv-nav a {
        min-height: 37px;
        padding: 8px 9px !important;
        font-size: 12.2px !important;
    }
}

/* Mobile drawer/menu: same concept but full width and calmer */
@media (max-width: 900px) {
    .liv-mobile-menu a,
    .mobile-menu a,
    .site-mobile-menu a {
        border-radius: 10px;
    }
}