/* =========================================
   ATRIRO - HEADER ACCOUNT BUTTON STYLES
========================================= */


/* Replace account text with icon for logged-in users */
.logged-in .wd-header-my-account .wd-tools-text {
    font-size: 0;
}

.logged-in .wd-header-my-account .wd-tools-text::after {
    content: "";

    display: block;

    width: 34px;
    height: 34px;

    background: url("../images/Icon-Header-Account.svg") center center no-repeat;
    background-size: contain;
}


/* Style login/register button for guests */
body:not(.logged-in) .wd-header-my-account .wd-tools-text {
    font-size: 0 !important;
}

body:not(.logged-in) .wd-header-my-account .wd-tools-text::after {
    content: "ورود | ثبت نام";

    font-size: 12px;
    font-weight: 500;
    color: #424750;
}


/* Login button container styling */
body:not(.logged-in) .wd-header-my-account > a {
    margin-left: 8px;

    height: 36px;

    border: 1.5px solid #E5E7EB;
    border-radius: 8px;
    padding:0 36px 0 12px;
    background:
        url("../images/Icon-Enter-Login-16px-op.svg") no-repeat right 12px center,
        #FFFFFF;

    background-size: 16px;
}


/* Disable dropdown hover trigger */
.wd-header-my-account.wd-event-hover:hover > .wd-dropdown {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
}


/* Enable dropdown click behavior */
.wd-header-my-account.wd-event-hover.wd-opened > .wd-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}


/* Account dropdown box styling */
.wd-dropdown-my-account {
    border: 2px solid #E5E7EB !important;
    border-radius: 8px !important;

    box-shadow: 0 12px 40px rgba(0,0,0,.12) !important;

    overflow: hidden;

    margin-top: 6px !important;

    padding: 0 !important;

    width: 200px !important;
}


/* Account menu item styling */
.wd-dropdown-my-account .wd-sub-menu > li > a {
    transition: background-color .25s ease,
                color .25s ease;

    font-size: 12px;
    font-weight: 600;
}


/* Account menu hover effect */
.wd-dropdown-my-account .wd-sub-menu > li > a:hover {
    background: rgba(212, 176, 106, .18);
}


/* Align account menu icons and text */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Add arrow icon to dashboard item */
.woocommerce-MyAccount-navigation-link--dashboard a::after {
    content: "";

    width: 8px;
    height: 8px;

    margin-right: auto;

    background: url('../images/Icon-Arrow-Left.svg') center/contain no-repeat;

    flex-shrink: 0;
}


/* Dashboard item font size */
.woocommerce-MyAccount-navigation-link--dashboard a {
    font-size: 13px !important;
}


/* Account menu item spacing */
.wd-dropdown-my-account .woocommerce-MyAccount-navigation-link a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


/* Add order icon */
.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "";

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    background: url('../images/Icon-Order-Account-Menu.svg') center center / contain no-repeat;
}


/* Add address icon */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "";

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    background: url('../images/Icon-Address-Account-Menu.svg') center center / contain no-repeat;
}


/* Add account information icon */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "";

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    background: url('../images/Icon-Information-Account-Menu.svg') center center / contain no-repeat;
}

/* Add logout icon */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "";

    width: 16px;
    height: 16px;

    flex-shrink: 0;

    background: url('../images/Icon-Exit-Account-Menu.svg') center center / contain no-repeat;
}