/*
 * WPORT-STAGING-HEADER-ACCOUNT-DROPDOWN-20260904-001
 * Logged-in account dropdown presentation only. Native Flatsome/WooCommerce
 * markup, links, labels, hover behavior, and mobile account presentation stay
 * authoritative.
 */

@media (min-width: 850px) {
    /* Keep the native account item as the dropdown's positioning context. */
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown {
        position: relative !important;
    }

    /* Refine the logged-in trigger without changing its destination or icon. */
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > a.account-link.account-login {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 0 !important;
        color: #26221e !important;
        transition: color .2s ease, opacity .2s ease !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown:hover > a.account-link.account-login,
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown.current-dropdown > a.account-link.account-login,
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > a.account-link.account-login:focus-visible {
        color: #8c6838 !important;
    }

    /* Style the existing WooCommerce account-links.php list as a quiet card. */
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown {
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        width: 220px !important;
        min-width: 220px !important;
        margin: 0 !important;
        padding: 12px 0 14px !important;
        background: #fffdf8 !important;
        border: 1px solid rgba(179, 138, 72, .28) !important;
        border-top: 2px solid #b38a48 !important;
        border-radius: 0 0 4px 4px !important;
        box-shadow: 0 16px 32px rgba(38, 34, 30, .14) !important;
        text-align: left !important;
        transform: none !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li {
        display: block !important;
        margin: 0 !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li + li > a {
        border-top: 1px solid rgba(179, 138, 72, .12) !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.woocommerce-MyAccount-navigation-link > a {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 10px 20px !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        color: #4a443f !important;
        font-family: "DM Sans", Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: .11em !important;
        line-height: 1.3 !important;
        text-transform: uppercase !important;
        transition: color .2s ease, background-color .2s ease !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.woocommerce-MyAccount-navigation-link > a:hover,
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.woocommerce-MyAccount-navigation-link > a:focus-visible,
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.is-active > a,
    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.active > a {
        color: #8c6838 !important;
        background: rgba(179, 138, 72, .08) !important;
    }

    #masthead.header-main .header-nav-main.nav-right > li.account-item.has-dropdown > ul.nav-dropdown > li.woocommerce-MyAccount-navigation-link > a:focus-visible {
        outline: 2px solid rgba(179, 138, 72, .65) !important;
        outline-offset: -2px !important;
    }
}