/* =============================================================================
   Hamyar Login – Elementor User Menu
   ========================================================================== */

/* ---------- کانتینر کلی ---------- */
.hl-user-menu{
    position:relative;
    display:inline-block;
    font-family:inherit;
}

/* ---------- دکمهٔ تاگل ---------- */
.hl-user-toggle{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border:1px solid #ced2d9;
    border-radius:6px;
    background:#fff;
    cursor:pointer;
    font-size:14px;
    line-height:1.4;
    color:#1d1d1f;
    transition:background .15s,border-color .15s;
}

.hl-user-toggle:hover{
    background:#f3f4f6;
    border-color:#b5b9c3;
}

.hl-user-toggle img{
    width:28px;
    height:28px;
    border-radius:50%;
    flex-shrink:0;
}

.hl-user-toggle i{
    font-size:14px;
    transition:transform .25s;
    margin-inline-start:auto;   /* RTL & LTR */
}

.hl-user-menu.open .hl-user-toggle i{
    transform:rotate(180deg);
}

/* ---------- منوی کشویی ---------- */
.hl-user-dropdown{
    position:absolute;
    top:100%;
    right:0;          /* برای RTL هم مناسب است */
    margin-top:6px;
    min-width:180px;
    background:#fff;
    border:1px solid #e1e3e7;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    list-style:none;
    padding:8px 0;
    display:none;     /* پنهان پیش‌فرض */
    z-index:9999;
}

.hl-user-menu.open .hl-user-dropdown{ display:block; }

/* ---------- آیتم‌ها ---------- */
.hl-user-dropdown li{ padding:0; }

.hl-user-dropdown li a{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    font-size:14px;
    color:#333;
    text-decoration:none;
    white-space:nowrap;
    transition:background .15s,color .15s;
}

.hl-user-dropdown li a:hover{
    background:#f6f7f9;
    color:#111;
}

/* ---------- آیتم خروج ---------- */
.hl-user-dropdown li.hl-logout a{
    color:#d64040;
}

.hl-user-dropdown li.hl-logout a:hover{
    background:#fdecec;
}

/* ---------- حالت موبایل ---------- */
@media (max-width:480px){
    .hl-user-toggle{
        padding:6px 10px;
    }
    .hl-user-dropdown{
        right:auto;
        left:0;
    }
}
/*  Hamyar Login – Modal  */
#hl-login-modal{display:none;position:fixed;inset:0;z-index:10000;font-family:inherit}
#hl-login-modal.open{display:flex;align-items:center;justify-content:center}

.hl-modal-backdrop{
    position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);
}

.hl-modal-box{
    position:relative;max-width:420px;width:92%;background:#fff;
    border-radius:10px;padding:28px 24px;box-shadow:0 8px 22px rgba(0,0,0,.25);
    animation:hlScale .25s ease;
}
@keyframes hlScale{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}

.hl-close{
    position:absolute;top:10px;right:14px;font-size:26px;line-height:1;
    color:#666;cursor:pointer;border:none;background:none;
}
.hl-close:hover{color:#000}