/* ===== AGBC DESKTOP MENU ===== */

@media (min-width: 921px) {

    /* Keep navigation on one line and aligned right */
    .main-header-menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    /* Reduce spacing between menu items */
    .main-header-menu > .menu-item {
        margin-left: 2px;
        margin-right: 2px;
    }

    .main-header-menu > .menu-item > a {
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
    }

    /* Donate button — small and modest */
    .main-header-menu > .menu-item:last-child > a {
        background: #0b2d4d;
        color: #fff !important;
        padding: 5px 10px;
        border-radius: 4px;
        font-weight: 600;
    }

    .main-header-menu > .menu-item:last-child > a:hover {
        background: #164a70;
        color: #fff !important;
    }

    /* Search icon */
    .ast-header-search {
        margin-left: 5px;
    }
}


/* ===== MOBILE / TABLET ===== */

@media (max-width: 920px) {

    /* Do NOT modify Astra's mobile menu structure */
    .main-header-menu {
        display: block;
    }

    .main-header-menu > .menu-item {
        margin: 0;
    }

    .main-header-menu > .menu-item > a {
        padding: 12px 20px;
    }

    /* Donate remains visible as a normal menu item on mobile */
    .main-header-menu > .menu-item:last-child > a {
        background: transparent;
        color: inherit !important;
        padding: 12px 20px;
        border-radius: 0;
        font-weight: inherit;
    }

    .main-header-menu > .menu-item:last-child > a:hover {
        background: transparent;
        color: inherit !important;
    }
}
/* ===== DONATE HIGHLIGHT REFINEMENT ===== */

/* Desktop: make Donate highlight shorter */
@media (min-width: 921px) {
    .main-header-menu > .menu-item:last-child > a {
        padding-top: 3px;
        padding-bottom: 3px;
        line-height: 1.4;
    }
}

/* Mobile/tablet: remove the long faint Donate highlight */
@media (max-width: 920px) {
    .main-header-menu > .menu-item:last-child > a,
    .main-header-menu > .menu-item:last-child > a:hover,
    .main-header-menu > .menu-item:last-child > a:focus {
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
    }
}