/** Teal Main Menu presentation. Account-menu markup owns hierarchy. */

/* ==========================================================================
   Main Menu
   ========================================================================== */

/* --------------------------------------------------------------------------
   Main Menu: Button
   -------------------------------------------------------------------------- */

.public_header_account > .account_menu {
    position: relative;
    align-self: center;
    justify-self: end;
    width: 2.45rem;
    height: 2.45rem;
    margin: 0;
    z-index: 0;
    border-radius: 0.35rem;
}

.account_menu_button {
    /*
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    */
    height: 100%;
    margin: 0;
    padding: 0;
    color: var(--primary-font-color);
    background: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
}

.account_menu_button:hover,
.account_menu_button[aria-expanded="true"] {
    background: transparent;
    background-image: none;
    border: 0;
}

/* --------------------------------------------------------------------------
   Main Menu: Panel
   -------------------------------------------------------------------------- */

.account_dropdown {
    position: absolute;
    z-index: 1001;
    top: calc(100% + 0.35rem);
    right: 0;
    box-sizing: border-box;
    width: min(20rem, calc(100vw - 2rem));
    margin: 0;
    padding: 0.5rem;
    background: var(--primary-color);
    border: 1px solid var(--primary-border-color);
    border-radius: 0.5rem;
    box-shadow: var(--box-shadow);
}

.account_dropdown[hidden] {
    display: none;
}

/* Canonical dropdown-row presentation migrated from new_base_aesthetics.css. */
.account_dropdown > :is(a, .account_logout_button, .account_menu_section > summary) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 2.25rem !important;
    margin: 0 !important;
    padding: 0.4rem 0.75rem !important;
    color: var(--popup-link-color) !important;
    background: transparent !important;
    border: 0 !important;

        border-bottom: 0;

    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer;
}

.account_dropdown > :is(a, .account_logout_button, .account_menu_section > summary):is(:hover, :focus-visible) {
    color: var(--primary-font-color);
    background: var(--primary-accent-color);
}


/* --------------------------------------------------------------------------
   Main Menu: Links
   -------------------------------------------------------------------------- */

.account_dropdown .main_menu_link {
    color: var(--primary-link-color);
    text-decoration: none;
}

.account_dropdown .main_menu_link_color {
    color: var(--popup-link-color) !important;
}

.account_dropdown .main_menu_link_color:is(:hover, :focus-visible) {
    color: var(--popup-hover-text-color) !important;
}

/* --------------------------------------------------------------------------
   Main Menu: Nested Sections
   -------------------------------------------------------------------------- */

.account_dropdown > .account_menu_toggle {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    gap: 0.35rem;
}

.account_menu_mobile_label {
    display: none;
}

.account_dropdown > .main_menu_link:not(.account_menu_toggle) {
    padding-left: calc(0.75rem + 1rem + 0.35rem - 1ch) !important;
}

.account_dropdown .account_menu_section > .persona_switcher_change_list:not([hidden]) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.2rem 0 0.45rem;
}

.account_dropdown .account_menu_section > .persona_switcher_change_list[hidden] {
    display: none;
}

.account_dropdown .main_menu_persona_panel:not([hidden]) {
    padding-left: 1.75rem;
}

.account_dropdown .main_menu_l2_item {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 1.75rem;
}

.account_dropdown .main_menu_l2_link {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.35rem 0.5rem;
}

.account_dropdown .main_menu_l2_link:is(:hover, :focus-visible) {
    color: var(--primary-font-color);
    background: var(--primary-accent-color);
}

/* ==========================================================================
   Main Navigation
   ========================================================================== */

/* Canonical responsive navigation rule migrated from new_base_aesthetics.css. */
.site_header > .primary_navigation > .main_nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    transform: none !important;
    z-index: 20 !important;
}

.main_nav .navigation_link:not(.is_disabled):is(:hover, :focus-visible) .navigation_text {
    color: var(--primary-font-color) !important;
}