/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.um-message-conv::-webkit-scrollbar,
.um-message-body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.um-message-conv::-webkit-scrollbar-track,
.um-message-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.um-message-conv::-webkit-scrollbar-thumb,
.um-message-body::-webkit-scrollbar-thumb {
    background: rgba(200, 200, 200, 0.35);
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.08);
    background-clip: padding-box;
    transition: all 0.3s ease;
}

.um-message-conv::-webkit-scrollbar-thumb:hover,
.um-message-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(212, 175, 55, 0.15);
}

.um-message-conv,
.um-message-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(200, 200, 200, 0.35) rgba(255, 255, 255, 0.06);
}

.um-profile-body.messages {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    direction: rtl !important;
    padding: 0 !important;
    background: #0d0d0d !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.08) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden !important;
    min-height: 400px !important;
}

.um-profile-body.messages,
.um-profile-body.messages * {
    font-family: 'Vazirmatn' !important;
}

.um-message-conv {
    float: right !important;
    width: 200px !important;
    min-height: 100% !important;
    height: auto !important;
    direction: rtl !important;
    margin: 0 !important;
    border-left: 1px solid rgba(0,0,0,0.05) !important;
    background: rgba(20, 20, 20, 0.9) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: scaleX(-1) !important;
    flex-shrink: 0 !important;
}

.um-message-conv-item {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    padding: 8px 12px !important;
    padding-right: 60px !important;
    padding-left: 8px !important;
    justify-content: flex-start !important;
    position: relative !important;
    color: rgba(255, 255, 255, 0.6) !important;
    transition: all 0.3s ease !important;
}
.um-message-conv-item:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
}
.um-message-conv-item:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #D4AF37 !important;
}

.um-message-conv-item.active {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-right: 3px solid #D4AF37 !important;
}

.um-message-conv-pic {
    position: absolute !important;
    left: auto !important;
    right: 8px !important;
    top: 8px !important;
}

.um-message-conv-pic img {
    border: 2px solid rgba(212, 175, 55, 0.1) !important;
    transition: all 0.3s ease !important;
    border-radius: 999px !important;
}

.um-message-conv-item:hover .um-message-conv-pic img,
.um-message-conv-item.active .um-message-conv-pic img {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.15) !important;
}

.um-message-conv-name {
    margin-right: 0 !important;
    margin-left: 20px !important;
    text-align: right !important;
    width: calc(100% - 30px) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: 500 !important;
}

.um-message-conv-item:hover .um-message-conv-name,
.um-message-conv-item.active .um-message-conv-name {
    color: #D4AF37 !important;
}

.um-message-conv-new {
    left: auto !important;
    right: 4px !important;
    color: #CC0000 !important;
}

.um-message-conv-new i {
    font-size: 10px !important;
}

.um-message-conv-view {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 200px !important;
    min-height: 100% !important;
    background: #0d0d0d !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.um-message-header {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    direction: rtl !important;
    background: rgba(20, 20, 20, 0.95) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.06) !important;
    padding: 14px 18px !important;
    flex-shrink: 0 !important;
}

.um-message-header-left {
    display: flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
}

.um-message-header-left img.um-avatar {
    margin: 0 4px 0 8px !important;
    border: 2px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
}

.um-message-header-left a {
    color: #D4AF37 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

.um-message-header-left a:hover {
    color: #ffffff !important;
}

.um-message-header-right {
    position: relative !important;
    right: auto !important;
    left: 10px !important;
    top: 12px !important;
    display: flex !important;
    flex-direction: row !important;
}

.um-message-header-right a {
    color: rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}

.um-message-header-right a:hover {
    color: #D4AF37 !important;
}

.um-message-body {
    direction: rtl !important;
    text-align: right !important;
    background: #0d0d0d !important;
    padding: 16px 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 1 !important;
    max-height: 600px !important;
    min-height: 200px !important;
}

.um-message-ajax {
    margin-right: 10px !important;
}

.um-message-item {
    display: flex !important;
    padding: 0 8px !important;
    position: relative !important;
}

.um-message-item.left_m {
    flex-direction: row-reverse !important;
    text-align: left !important;
}
.um-message-item.left_m .um-message-item-content {
    text-align: left !important;
    background: rgba(30, 30, 30, 0.95) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    border-radius: 4px 16px 16px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.um-message-item.right_m {
    flex-direction: row !important;
    text-align: right !important;
}
.um-message-item.right_m .um-message-item-content {
    text-align: right !important;
    background: linear-gradient(135deg, rgba(204, 0, 0, 0.15), rgba(139, 0, 0, 0.1)) !important;
    color: #ffffff !important;
    border-radius: 16px 4px 16px 16px !important;
    border: 1px solid rgba(204, 0, 0, 0.12) !important;
    box-shadow: 0 2px 12px rgba(204, 0, 0, 0.08) !important;
}

.um-message-item.right_m .um-message-item-content a {
    color: #D4AF37 !important;
}
.um-message-item.right_m .um-message-item-content a:hover {
    color: #ffffff !important;
}

.um-message-item-metadata {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    color: rgba(255, 255, 255, 0.2) !important;
    font-size: 11px !important;
}

.um-message-item-metadata .um-message-item-time {
    color: rgba(255, 255, 255, 0.2) !important;
}

.um-message-item-actions {
    min-width: 2em !important;
    padding: 7px 0 !important;
    text-align: center !important;
}

.um-message-item-remove {
    color: rgba(255, 255, 255, 0.15) !important;
}
.um-message-item-remove:hover {
    color: #CC0000 !important;
}

.um-message-footer {
    display: flex !important;
    flex-direction: column !important;
    direction: rtl !important;
    background: rgba(20, 20, 20, 0.95) !important;
    border-top: 1px solid rgba(212, 175, 55, 0.06) !important;
    padding: 12px 18px !important;
    flex-shrink: 0 !important;
}

.um-message-textarea textarea.um_message_text {
    text-align: right !important;
    direction: rtl !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}
.um-message-textarea textarea{
    border: 2px solid rgb(0 133 186 / 86%) !important;
}
.um-message-textarea textarea.um_message_text::placeholder {
    color: rgba(255, 255, 255, 0.2) !important;
}

.um-message-textarea textarea.um_message_text:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    outline: none !important;
}

.um-message-buttons {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}

.um-message-send i {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

.um-message-send {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.um-message-send:hover:not(.disabled) {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3) !important;
}

.um-message-send.disabled {
    opacity: 0.3 !important;
}

.um-message-send i {
    color: #1a1a1a !important;
}

.um-message-emoji {
    order: 0 !important;
}
.um-message-send {
    order: 2 !important;
}
.um-message-limit {
    order: 1 !important;
    margin-right: 0 !important;
    margin-left: 10px !important;
    text-align: left !important;
    color: rgba(255, 255, 255, 0.15) !important;
}

.um-message-emoji .um-message-emolist {
    left: auto !important;
    right: 0 !important;
    bottom: 32px !important;
    background: #1a1a1a !important;
    border: 1px solid rgba(212, 175, 55, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
}

.um-message-emoji .um-message-emo {
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

.um-message-emoji .um-message-emo:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

.um-gdpr-donwload-link {
    display: none !important;
}

.um-message-conv::-webkit-scrollbar-thumb,
.um-message-body::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.25) !important;
    border-color: rgba(212, 175, 55, 0.05) !important;
}

.um-message-conv::-webkit-scrollbar-thumb:hover,
.um-message-body::-webkit-scrollbar-thumb:hover {
    background: rgba(212, 175, 55, 0.4) !important;
}

.um-message-conv,
.um-message-body {
    scrollbar-color: rgba(212, 175, 55, 0.25) rgba(255, 255, 255, 0.03) !important;
}

.uimob500 .um-message-conv,
.uimob340 .um-message-conv {
    width: 35% !important;
    float: right !important;
}

.uimob500 .um-message-conv-view,
.uimob340 .um-message-conv-view {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 35% !important;
}

.uimob500 .um-profile-body.messages,
.uimob340 .um-profile-body.messages {
    padding-left: 10px !important;
    padding-right: 10px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
}

.uimob500 .um-message-conv,
.uimob340 .um-message-conv {
    flex: 0 0 35% !important;
    min-height: 100% !important;
    height: auto !important;
    overflow-y: auto !important;
    border-left: 1px solid rgba(0,0,0,0.05) !important;
    border-right: none !important;
    transform: scaleX(-1) !important;
    direction: rtl !important;
}

.uimob500 .um-message-conv .simplebar-content,
.uimob500 .um-message-conv .um-message-conv-item,
.uimob500 .um-message-conv .um-message-conv-load-more,
.uimob500 .um-message-conv .simplebar-content-wrapper,
.uimob340 .um-message-conv .simplebar-content,
.uimob340 .um-message-conv .um-message-conv-item,
.uimob340 .um-message-conv .um-message-conv-load-more,
.uimob340 .um-message-conv .simplebar-content-wrapper {
    transform: scaleX(-1) !important;
}

.uimob500 .um-message-conv-view,
.uimob340 .um-message-conv-view {
    flex: 1 !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

.uimob500 .um-message-body,
.uimob340 .um-message-body {
    max-height: 500px !important;
    min-height: 200px !important;
    overflow-y: auto !important;
    direction: rtl !important;
}

.uimob500 .um-message-body .simplebar-content-wrapper,
.uimob340 .um-message-body .simplebar-content-wrapper {
    direction: rtl !important;
    overflow-y: auto !important;
}

@media screen and (max-width: 750px) {
    .um-message-conv {
        width: 170px !important;
    }
    .um-message-conv-view {
        margin-right: 170px !important;
    }
}

@media screen and (max-width: 500px) {
    .um-message-conv {
        width: 100% !important;
        float: none !important;
    }
    .um-message-conv-view {
        margin-right: 0 !important;
        margin-left: 0 !important;
        display: block !important;
    }
    .um-profile-body.messages {
        min-height: 300px !important;
    }
    .um-message-body {
        max-height: 400px !important;
        min-height: 120px !important;
    }
    .um-message-conv-item {
        padding: 6px 10px !important;
        padding-right: 50px !important;
    }
    .um-message-conv-name {
        font-size: 12px !important;
    }
    .um-message-item-content {
        font-size: 13px !important;
        padding: 8px 12px !important;
    }
    .um-message-header-left a {
        font-size: 13px !important;
    }
    .um-message-header-right a {
        font-size: 16px !important;
    }
    .um-message-send {
        padding: 6px 14px !important;
        font-size: 12px !important;
    }
}

@media screen and (max-width: 340px) {
    .um-profile-body.messages {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.um-message-conv {
    direction: rtl !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: scaleX(-1) !important;
}

.um-message-conv .simplebar-content,
.um-message-conv .um-message-conv-item,
.um-message-conv .um-message-conv-load-more,
.um-message-conv .simplebar-content-wrapper {
    transform: scaleX(-1) !important;
}

.um-message-conv::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.um-message-conv::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.um-message-conv::-webkit-scrollbar-thumb {
    background: rgba(200, 200, 200, 0.35);
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.08);
    background-clip: padding-box;
    transition: all 0.3s ease;
}

.um-message-conv::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(212, 175, 55, 0.15);
}

.um-message-conv {
    scrollbar-width: thin;
    scrollbar-color: rgba(200, 200, 200, 0.35) rgba(255, 255, 255, 0.06);
}

.um-gdpr-donwload-link {display: none !important;}

.um-message-limit {display: none !important;}
.um-profile-body.messages {margin-top: 6px !important;margin-bottom: -31px !important;}

/* ===== حذف خطوط جداکننده و فاصله‌های اضافی ===== */
.um-profile-header {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.um-profile-meta {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.um-profile-photo {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== رپر شورت‌کدها (زیر عکس پروفایل) ===== */
.profile-badges-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 4px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* ===== استایل شورت‌کد نقش کاربری ===== */
.profile-badge-title {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.12), rgba(204, 0, 0, 0.08)) !important;
    color: #D4AF37 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 14px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    letter-spacing: 0.3px !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

/* ===== استایل شورت‌کد نشان میلانی ===== */
.user-adv-likers-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.12), rgba(204, 0, 0, 0.08)) !important;
    padding: 2px 14px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
    letter-spacing: 0.3px !important;
}
.user-adv-likers-badge .adv-likers-badge-icon {
    font-size: 14px !important;
    line-height: 1 !important;
}
.user-adv-likers-badge .adv-likers-badge-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
}

/* ============================================
   کاور سفارشی طرح میلانی‌ها
   ============================================ */

.profile-cover {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a0505 0%, #5a0a0a 25%, #CC0000 55%, #8B0000 75%, #1a0505 100%);
    background-size: 400% 400%;
    animation: gradientMove 12s ease-in-out infinite alternate;
}

/* درخشش طلایی */
.profile-cover .cover-glow {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.12), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: glowPulse 5s ease-in-out infinite alternate;
}

/* حلقه‌های تزئینی */
.profile-cover .deco-ring {
    position: absolute;
    border: 1px solid rgba(204, 0, 0, 0.08);
    border-radius: 50%;
    pointer-events: none;
    animation: ringFloat 8s ease-in-out infinite;
}

.profile-cover .deco-ring:nth-child(2) {
    width: 200px;
    height: 200px;
    top: -60px;
    right: -40px;
    animation-delay: 0s;
    border-color: rgba(204, 0, 0, 0.1);
}

.profile-cover .deco-ring:nth-child(3) {
    width: 150px;
    height: 150px;
    bottom: -40px;
    left: -30px;
    animation-delay: 2s;
    border-color: rgba(204, 0, 0, 0.08);
}

.profile-cover .deco-ring:nth-child(4) {
    width: 100px;
    height: 100px;
    top: 30%;
    left: 20%;
    animation-delay: 4s;
    border-color: rgba(204, 0, 0, 0.06);
}

/* لوگوی MILAN */
.profile-cover .milan-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    font-weight: 900;
    color: rgba(204, 0, 0, 0.06);
    letter-spacing: 8px;
    font-family: 'Vazirmatn', sans-serif;
    text-shadow: 0 0 40px rgba(204, 0, 0, 0.05);
    pointer-events: none;
    user-select: none;
    animation: logoPulse 6s ease-in-out infinite;
}

/* ============================================
   انیمیشن‌ها
   ============================================ */

@keyframes gradientMove {
    0% { background-position: 0% 0%; }
    33% { background-position: 50% 100%; }
    66% { background-position: 100% 50%; }
    100% { background-position: 0% 0%; }
}

@keyframes glowPulse {
    0% { transform: translateX(-50%) scale(0.8); opacity: 0.3; }
    100% { transform: translateX(-50%) scale(1.3); opacity: 0.6; }
}

@keyframes ringFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; }
    50% { transform: translateY(-15px) rotate(30deg); opacity: 0.6; }
}

@keyframes logoPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.06; }
    50% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.1; }
}

/* ============================================
   وسط‌چین کردن عکس پروفایل
   ============================================ */

.um-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-bottom: 6px !important;
    margin-top: -60px !important; /* همپوشانی با کاور */
    position: relative !important;
    z-index: 2 !important;
}

.um-header .um-profile-photo {
    float: none !important;
    margin: 0 auto !important;
    width: auto !important;
}

.um-header .um-profile-meta {
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
}

.um-header .um-name {
    float: none !important;
    margin-right: 0 !important;
    display: block !important;
    text-align: center !important;
}

.um-header .um-meta {
    text-align: center !important;
}

.um-header .um-meta-text {
    text-align: center !important;
}

/* ============================================
   فاصله‌ی شورت‌کدها
   ============================================ */

.um-profile-badges {
    margin-top: 2px !important;
    padding-top: 0 !important;
    clear: both !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* ============================================
   ریسپانسیو
   ============================================ */

@media (max-width: 768px) {
    .profile-cover {
        height: 150px !important;
    }
    .profile-cover .milan-logo {
        font-size: 40px !important;
        letter-spacing: 6px !important;
    }
    .profile-cover .cover-glow {
        width: 350px !important;
        height: 350px !important;
    }
    .profile-cover .deco-ring:nth-child(2) {
        width: 150px !important;
        height: 150px !important;
        top: -40px !important;
        right: -30px !important;
    }
    .profile-cover .deco-ring:nth-child(3) {
        width: 120px !important;
        height: 120px !important;
        bottom: -30px !important;
        left: -20px !important;
    }
    .profile-cover .deco-ring:nth-child(4) {
        width: 80px !important;
        height: 80px !important;
    }
}

@media (max-width: 480px) {
    .profile-cover {
        height: 120px !important;
    }
    .profile-cover .milan-logo {
        font-size: 28px !important;
        letter-spacing: 4px !important;
    }
    .profile-cover .cover-glow {
        width: 300px !important;
        height: 300px !important;
    }
    .profile-cover .deco-ring:nth-child(2) {
        width: 120px !important;
        height: 120px !important;
        top: -30px !important;
        right: -20px !important;
    }
    .profile-cover .deco-ring:nth-child(3) {
        width: 100px !important;
        height: 100px !important;
        bottom: -20px !important;
        left: -15px !important;
    }
    .profile-cover .deco-ring:nth-child(4) {
        width: 70px !important;
        height: 70px !important;
    }
}

/* گرد کردن گوشه‌های بالای کاور */
.profile-cover {
    border-radius: 28px 28px 0 0 !important;
}
/* ===== رفع فاصله‌ی اضافی در دسکتاپ (سایز 1200px به بالا) ===== */
@media (min-width: 1200px) {
    /* کاهش padding-bottom هدر */
    .um-header {
        padding-bottom: 0 !important;
        margin-top: -50px !important; /* نزدیک‌تر کردن عکس به کاور */
    }

    /* کاهش margin-top شورت‌کدها */
    .um-profile-badges {
        margin-top: -6px !important; /* مقدار منفی برای چسباندن به عکس */
        padding-bottom: 2px !important;
    }

    /* (اختیاری) اگر نوار تب‌ها فاصله دارد */
    .um-profile-navbar {
        margin-top: 0 !important;
        padding-top: 4px !important;
    }
}

@media (min-width: 1200px) {
    /* ===== ۱. کنترل ارتفاع کادر عکس ===== */
    .um-header.no-cover .um-profile-photo {
        height: 107px !important;          /* ← استفاده از height به جای max-height */
        max-height: 107px !important;
        margin: 0 auto !important;
        overflow: visible !important;
        float: none !important;
        text-align: center !important;
        /* حذف position:relative و top */
    }

    /* ===== ۲. جابجایی عکس با transform (فقط یک روش) ===== */
    .um-header.no-cover .um-profile-photo a.um-profile-photo-img {
        transform: translateY(41px) !important; /* مقدار فعلی شما */
        display: inline-block !important;
    }

    /* ===== ۳. (اختیاری) تنظیم شورت‌کدها ===== */
    .um-profile-badges {
        margin-top: -4px !important;
        padding-top: 0 !important;
    }
}
/* ===== استایل نام کاربری (فقط فونت Vazirmatn) ===== */
.um-profile.um .um-name a {
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    background: linear-gradient(135deg, #ffffff, #D4AF37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
    color: #ffffff !important;
	
}

@media (min-width: 1200px) {
    .um-profile.um .um-name a {
        margin-top: 9px !important; /* فاصله بیشتر */
        
    }
}

/* ============================================
   رنگ‌بندی دارک (مشابه طرح نهایی میلانی‌ها)
   ============================================ */

/* ۱. کانتینر اصلی پروفایل */
.um-profile.um {
    background: #1a1a1a !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    position: relative !important;
    padding: 0 0 30px 0 !important;
    border: none !important;
}

/* ۲. حاشیه‌ی طلایی متحرک (کارت اصلی) */
.um-profile.um::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 30px !important;
    background: linear-gradient(45deg, #D4AF37, #CC0000, #D4AF37, #CC0000) !important;
    background-size: 400% 400% !important;
    z-index: -1 !important;
    animation: goldBorder 6s ease-in-out infinite !important;
}

/* ۳. انیمیشن حاشیه‌ی طلایی */
@keyframes goldBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. پس‌زمینه‌ی بخش‌های داخلی */
.um-profile .um-header {
    background: transparent !important;
}

.um-profile .um-profile-body {
    background: transparent !important;
}

.um-profile .um-profile-nav {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* ۵. رنگ متن‌ها */
.um-profile .um-name a {
    color: #ffffff !important;
}

.um-profile .um-meta {
    color: rgba(255, 255, 255, 0.7) !important;
}

.um-profile .um-meta-text {
    color: rgba(255, 255, 255, 0.6) !important;
}

.um-profile .um-field-value {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ۶. استایل تب‌ها */
.um-profile .um-profile-nav-item a {
    color: rgba(255, 255, 255, 0.3) !important;
}

.um-profile .um-profile-nav-item.active a {
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border-radius: 12px !important;
}

/* ۷. کارت‌های اطلاعات (شیشه‌ای) */
.um-profile .um-field {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    margin-bottom: 14px !important;
}

.um-profile .um-field:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(212, 175, 55, 0.1) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;
}

.um-profile .um-field-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

.um-profile .um-field .um-field-value {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* ۸. آیکون‌های کارت‌ها */
.um-profile .um-field .um-field-label-icon i {
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.08) !important;
    padding: 10px !important;
    border-radius: 14px !important;
    font-size: 22px !important;
}



.um-header {
    border-bottom: none !important;
}

.um-profile-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; /* فاصله‌ی افقی و عمودی بین المان‌ها */
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;
    padding-top: 0 !important;
}

/* ============================================
   استایل و وسط‌چین کردن دکمه ارسال پیام
   ============================================ */

/* ۱. کانتینر اصلی را وسط‌چین کن */
.um-messaging-bar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 0 !important;
}

/* ۲. حذف float از لایه اول */
.um-messaging-btn {
    float: none !important;
    text-align: center !important;
    display: inline-block !important;
}

/* ۳. لایه‌ی دوم را به حالت block درآور (برای کنترل بهتر) */
.um-members-messaging-btn {
    display: block !important;
    text-align: center !important;
}

/* ۴. استایل طلایی روی خود لینک (دکمه اصلی) */
.um-messaging-bar .um-message-btn.um-button {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    padding: 9px 24px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-decoration: none !important;
    width: auto !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
}

/* ۵. هاور دکمه */
.um-messaging-bar .um-message-btn.um-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
    background: linear-gradient(135deg, #e0c04a, #c9a33e) !important;
}

/* ۶. ریست کردن استایل‌های اضافی که ممکن است تداخل کنند */
.um-messaging-bar .um-message-btn.um-button span {
    color: #1a1a1a !important;
    text-decoration: none !important;
}

/* ۷. مخفی کردن آیکون/متن اضافی (اختیاری) */
.um-messaging-bar .um-message-btn.um-button i {
    display: none !important;
}

/* ۸. اگر دکمه در بخش اکشن‌های هدر بود */
.um-profile-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
/* ============================================
   تراز کردن چرخ‌دنده و دکمه ارسال پیام در یک خط
   ============================================ */

/* ۱. کانتینر اصلی را با flex و وسط‌چین عمودی تنظیم کن */
.um-messaging-bar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;  /* ← تراز عمودی در مرکز */
    gap: 6px !important;
    padding: 13px 0 !important;
    flex-wrap: wrap !important;
}

/* ۲. هر دو دکمه را به‌صورت flex با تراز عمودی تنظیم کن */
.um-messaging-bar .um-profile-edit,
.um-messaging-bar .um-members-messaging-btn {
    display: inline-flex !important;
    align-items: center !important;  /* ← تراز داخلی */
    justify-content: center !important;
    vertical-align: middle !important;
}

/* ۳. یکسان‌سازی ارتفاع هر دو دکمه */
.um-messaging-bar .um-profile-edit-a,
.um-messaging-bar .um-message-btn {
    height: 40px !important;         /* ← ارتفاع یکسان */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* ۴. تنظیم padding داخلی برای دکمه ارسال پیام */
.um-messaging-bar .um-message-btn {
    padding: 0 24px !important;      /* ← حذف padding بالا/پایین و استفاده از height */
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* ۵. تنظیم چرخ‌دنده (همان استایل قبلی) */
.um-messaging-bar .um-profile-edit-a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border: 2px solid #D4AF37 !important;
    color: #D4AF37 !important;
    font-size: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۶. هاور چرخ‌دنده */
.um-messaging-bar .um-profile-edit-a:hover {
    transform: rotate(60deg) scale(1.05) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.15) !important;
    background: rgba(212, 175, 55, 0.15) !important;
}

/* ۷. استایل دکمه ارسال پیام */
.um-messaging-bar .um-members-messaging-btn .um-message-btn {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    padding: 0 24px !important;
    white-space: nowrap !important;
}

/* ۸. هاور دکمه ارسال پیام */
.um-messaging-bar .um-members-messaging-btn .um-message-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
}

/* ۹. تنظیم منوی dropdown چرخ‌دنده */
.um-messaging-bar .um-dropdown {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    min-width: 200px !important;
}

/* ============================================
   بیوگرافی کاربر (طرح میلانی‌ها)
   ============================================ */

.profile-bio-container {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    padding: 18px 35px !important;
    margin: 8px 30px 20px 30px !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 2 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* هاور بیوگرافی (اختیاری) */
.profile-bio-container:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(212, 175, 55, 0.1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;
}


/* ============================================
   نقل قول بسته در انتهای متن (روی المان داخلی)
   ============================================ */

/* اگر بیوگرافی داخل کلاس .um-meta-text باشد */
.profile-bio-container .um-meta-text::after {
    content: '"' !important;
    font-size: 40px !important;
    color: rgb(212 175 55 / 52%) !important;
    font-family: serif !important;
    display: inline-block !important;
    vertical-align: bottom !important;
    line-height: 0.5 !important;
    margin-right: 4px !important;
    position: relative !important;
    top: 6px !important;
}

/* استایل متن داخلی */
.profile-bio-container p {
    margin: 0 !important;
    padding: 0 !important;
}

/* کلمه/عبارت برجسته (مثل "مهندس آی‌تی") */
.profile-bio-container .bio-highlight {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}

/* اگر بیوگرافی خالی بود، نمایش نده */
.profile-bio-container:empty {
    display: none !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 480px) {
    .profile-bio-container {
        margin: 8px 16px 16px 16px !important;
        padding: 14px 16px !important;
        font-size: 13px !important;
    }
    .profile-bio-container::before {
        font-size: 30px !important;
        top: -4px !important;
        right: 10px !important;
    }
}

/* ============================================
   کارت‌های اطلاعاتی (موقعیت و عضویت)
   ============================================ */

.profile-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 12px 30px 20px 30px;
}

.info-glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-right: 3px solid #D4AF37 !important;
    transition: all 0.35s ease;
}

.info-glass:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(212, 175, 55, 0.1);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.info-glass .info-icon {
    width: 46px;
    height: 46px;
    background: rgba(212, 175, 55, 0.08);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #D4AF37;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.info-glass:hover .info-icon {
    background: rgba(212, 175, 55, 0.15);
    transform: scale(1.05);
}

.info-glass .info-text .info-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.25);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.info-glass .info-text .info-value {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 768px) {
    .profile-info-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 10px 20px 16px 20px;
    }
}

@media (max-width: 480px) {
    .profile-info-grid {
        grid-template-columns: 1fr 1fr !important; /* ← حفظ دو ستون در موبایل */
        gap: 8px !important;
        margin: 8px 16px 12px 16px !important;
    }
    .info-glass {
        padding: 12px 16px !important;
    }
    .info-glass .info-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 18px !important;
    }
}

/* مخفی کردن تب مطالب از پروفایل کاربران */
.um-profile-nav-item.um-profile-nav-posts {
    display: none !important;
}

/* ============================================
   استایل تب‌های پروفایل (مشابه طرح نهایی)
   ============================================ */

/* ۱. کانتینر اصلی تب‌ها */
.um-profile-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    margin: 0 30px !important;
    flex-wrap: nowrap !important;
}

/* ۲. هر آیتم تب */
.um-profile-nav-item {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    min-height: 44px !important;
}

/* ۳. لینک‌های داخل تب (نسخه دسکتاپ) */
.um-profile-nav-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.3) !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
}

/* ۴. لینک‌های داخل تب (نسخه موبایل - کوچک) */
.um-profile-nav-item a.uimob800-show {
    display: none !important;
}

/* ۵. هاور لینک‌ها */
.um-profile-nav-item a:hover:not(.active a) {
    color: rgba(255, 255, 255, 0.7) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

/* ۶. تب فعال */
.um-profile-nav-item.active {
    background: rgba(212, 175, 55, 0.08) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.02) !important;
}

.um-profile-nav-item.active a {
    color: #D4AF37 !important;
    background: transparent !important;
}

/* ۷. خط زیر تب فعال (مثل طرح نهایی) */
.um-profile-nav-item.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 20% !important;
    right: 20% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
    border-radius: 50px !important;
}

/* ۸. تنظیم position برای خط زیر فعال */
.um-profile-nav-item {
    position: relative !important;
}

/* ۹. آیکون‌های تب */
.um-profile-nav-item a i {
    font-size: 16px !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

.um-profile-nav-item.active a i {
    opacity: 1 !important;
}

/* ۱۰. مخفی کردن تب مطالب (که با CSS مخفی کردید) */
.um-profile-nav-posts {
    display: none !important;
}

/* ============================================
   ریسپانسیو برای موبایل (حفظ حالت افقی)
   ============================================ */

@media (max-width: 480px) {
    .um-profile-nav {
        flex-direction: row !important; /* ← حفظ حالت افقی در موبایل */
        flex-wrap: nowrap !important;
        gap: 4px !important;
        padding: 4px !important;
        margin: 0 16px !important;
        border-radius: 12px !important;
        overflow-x: auto !important; /* اگر فضا کم بود، اسکرول افقی */
    }

    .um-profile-nav-item {
        flex: 1 1 auto !important; /* ← انعطاف‌پذیر اما نه خیلی بزرگ */
        min-width: 80px !important; /* حداقل عرض برای جلوگیری از ازدحام */
        min-height: 38px !important;
    }

    .um-profile-nav-item a {
        font-size: 12px !important;
        padding: 6px 10px !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    .um-profile-nav-item a i {
        font-size: 14px !important;
    }

    .um-profile-nav-item.active::after {
        left: 15% !important;
        right: 15% !important;
    }

    /* نمایش لینک موبایل */
    .um-profile-nav-item a.uimob800-show {
        display: flex !important;
    }

    .um-profile-nav-item a.uimob800-hide {
        display: none !important;
    }
}

/* ============================================
   نوار تکمیل پروفایل (مشابه طرح نهایی)
   ============================================ */

.profile-completion {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 14px 20px !important;
    margin: 12px 30px 20px 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.completion-header {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
}

.completion-header .percent {
    color: #D4AF37 !important;
    font-weight: 700 !important;
}

.completion-bar {
    width: 100% !important;
    height: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    position: relative !important;
}

.completion-bar .fill {
    height: 100% !important;
    background: linear-gradient(90deg, #D4AF37, #CC0000, #D4AF37) !important;
    background-size: 200% 100% !important;
    border-radius: 50px !important;
    animation: shimmer 3s ease-in-out infinite !important;
}

@keyframes shimmer {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 480px) {
    .profile-completion {
        margin: 10px 16px 16px 16px !important;
        padding: 12px 16px !important;
    }
    .completion-header {
        font-size: 12px !important;
    }
}

/* ============================================
   استایل بیوگرافی سفارشی (مشابه طرح نهایی)
   ============================================ */

/* کانتینر بیوگرافی */
.profile-bio-container {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    padding: 18px 24px !important;
    margin: 8px 30px 12px 30px !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 2 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

/* استایل متن بیوگرافی (کلاس UM) */
.profile-bio-container .um-meta-text {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

/* نقل قول تزئینی */
.profile-bio-container::before {
    content: '"' !important;
    position: absolute !important;
    top: -6px !important;
    right: 6px !important;
    font-size: 40px !important;
    color: rgb(212 175 55 / 52%) !important;
    font-family: serif !important;
    pointer-events: none !important;
}

/* پیام خالی بیوگرافی */
.bio-empty-message {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

/* چرخ‌دنده ویرایش */
.bio-edit-link {
    display: inline-block;
    margin-right: 8px;
    font-size: 20px;
    text-decoration: none;
    color: #D4AF37;
    transition: transform 0.3s ease;
    vertical-align: middle;
}

.bio-edit-link:hover {
    transform: rotate(60deg) scale(1.1);
}

/* ============================================
   استایل فیلد ویرایش بیوگرافی (در حالت ادیت)
   ============================================ */

.profile-bio-container .um-field-textarea textarea {
    width: 100% !important;
    padding: 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    transition: border-color 0.3s ease !important;
}

.profile-bio-container .um-field-textarea textarea:focus {
    border-color: #D4AF37 !important;
    outline: none !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
}

.profile-bio-container .um-field-label label {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 480px) {
    .profile-bio-container {
        margin: 8px 16px 12px 16px !important;
        padding: 14px 16px !important;
        font-size: 13px !important;
    }
    .profile-bio-container::before {
        font-size: 30px !important;
        top: -4px !important;
        right: 10px !important;
    }
}

/* ============================================
   استایل شیک چرخ‌دنده (با آیکون um-faicon-cog)
   ============================================ */

.bio-edit-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 8px !important;
    border-radius: 50% !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border: 2px solid #D4AF37 !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

.bio-edit-link:hover {
    transform: rotate(60deg) scale(1.05) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.15) !important;
    background: rgba(212, 175, 55, 0.15) !important;
}

/* تنظیم آیکون داخل لینک */
.bio-edit-link i {
    font-size: 31px !important;
    color: #D4AF37 !important;
    line-height: 1 !important;
}

/* تنظیم فاصله چرخ‌دنده با متن */
.bio-empty-message {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
}
/* ============================================
   حفظ سه ستون کارت‌های آلتیمیت ممبر در موبایل
   ============================================ */

/* برای موبایل (کمتر از 480px) */
@media (max-width: 768px) {
    .um-row .um-col-131,
    .um-row .um-col-132,
    .um-row .um-col-133 {
        float: left !important;
        width: 33.33% !important;
        margin: 0 !important;
        padding: 0 5px !important;
        box-sizing: border-box !important;
    }
    .um-row .um-col-131 .um-field,
    .um-row .um-col-132 .um-field,
    .um-row .um-col-133 .um-field {
        width: 100% !important;
        margin-bottom: 10px !important;
        padding: 8px 12px !important;
    }
    .um-row .um-clear {
        display: none !important;
    }
}

/* برای تبلت (بین 480px تا 768px) - اختیاری */
@media (min-width: 481px) and (max-width: 768px) {
    .um-row .um-col-131,
    .um-row .um-col-132,
    .um-row .um-col-133 {
        float: left !important;
        width: 33.33% !important;
        margin: 0 !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
    }
    .um-row .um-col-131 .um-field,
    .um-row .um-col-132 .um-field,
    .um-row .um-col-133 .um-field {
        width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .um-messaging-btn {
 
        margin-top: 0 !important;
    }
}

.page-id-1676 .page-header .entry-title {
    display: none !important;
}
.milan-last-activity {
    display: inline-block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    font-family: 'Vazirmatn', sans-serif;
    padding: 4px 12px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    margin: 4px 0;
}
.milan-last-activity i {
    color: #D4AF37;
    margin-left: 6px;
}
.user-comments-count {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    padding: 4px 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin: 4px 0 !important;
}
.user-comments-count i {
    color: #D4AF37 !important;
    font-size: 14px !important;
}
.acmilan-popularity{
    margin:18px 0;
}

.acmilan-popularity-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:12px;
}

.acmilan-percent{
    font-size:28px;
    font-weight:700;
    color:#f8f9fa !important;
    line-height:1;
    text-shadow:
        0 1px 3px rgba(0,0,0,.45),
        0 0 10px rgba(255,255,255,.15);
}

.acmilan-status{
    font-size:13px;
    font-weight:600;
    padding:5px 12px;
    border:1px solid;
    border-radius:50px;
    background:#fff;
}

.acmilan-progress{
    width:100%;
    height:14px;
    background:#ececec;
    border-radius:50px;
    overflow:hidden;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.08);
}

.acmilan-progress-fill{
    height:100%;
    border-radius:50px;
    transition:width .8s ease;
}

/* ============================================
   نمایش عنوان تب‌ها در موبایل (کنار آیکون)
   ============================================ */

/* در موبایل (عرض کمتر از 480px) */
@media (max-width: 480px) {
    /* نمایش عنوان‌ها */
    .um-profile-nav-item .uimob800-hide.uimob500-hide.uimob340-hide.title {
        display: inline !important;
        font-size: 12px !important;
        margin-right: 4px !important;
    }

    /* لینک‌ها را به حالت flex درآور تا آیکون و عنوان کنار هم قرار گیرند */
    .um-profile-nav-item a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
    }

    /* حذف display:none از لینک‌های موبایل (اگر وجود دارد) */
    .um-profile-nav-item a.uimob800-show {
        display: none !important;
    }

    .um-profile-nav-item a.uimob800-hide {
        display: flex !important;
    }
}

/* ============================================
   اصلاح جایگاه آیکون کنار عنوان در تب‌ها (دسکتاپ)
   ============================================ */

/* ۱. لینک‌های تب را به حالت flex درآور */
.um-profile-nav-item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    position: relative !important;
    padding: 10px 12px !important;
}

/* ۲. غیرفعال کردن float یا position مطلق آیکون‌ها */
.um-profile-nav-item a i {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    font-size: 16px !important;
}

/* ۳. عنوان را به حالت عادی برگردان */
.um-profile-nav-item a .title {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ۴. اطمینان از اینکه محتوای لینک در یک خط باشد */
.um-profile-nav-item a {
    white-space: nowrap !important;
}

/* ۵. (اختیاری) اگر می‌خواهید در موبایل هم این تغییر اعمال شود */
@media (max-width: 480px) {
    .um-profile-nav-item a {
        gap: 4px !important;
        padding: 8px 10px !important;
    }
    .um-profile-nav-item a i {
        font-size: 14px !important;
    }
    .um-profile-nav-item a .title {
        font-size: 12px !important;
    }
}
/* ============================================
   فاصله از بالا برای موبایل (0 تا 767px)
   ============================================ */

@media (max-width: 767px) {
    /* کانتینر اصلی پروفایل (اگر کلاس um-profile باشد) */
    .um-profile {
        margin-top: 10px !important; /* مقدار دلخواه */
    }
    
}

/* ============================================
   استایل دراپ‌دان چرخ‌دنده (طرح میلانی‌ها)
   ============================================ */

/* ۱. کانتینر اصلی دراپ‌دان */
.um-dropdown {
    background: #1a1a1a !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
    overflow: hidden !important;
}

/* ۲. محتوای داخلی دراپ‌دان */
.um-dropdown-b {
    background: transparent !important;
}

/* ۳. فلش دراپ‌دان */
.um-dropdown-arr i {
    color: #D4AF37 !important;
    font-size: 24px !important;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
}

/* ۴. لیست آیتم‌ها */
.um-dropdown ul {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* ۵. هر آیتم */
.um-dropdown li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ۶. لینک‌های داخل دراپ‌دان */
.um-dropdown li a {
    display: flex !important;
    align-items: center !important;
    gap: 0px !important;
    padding: 12px 20px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-bottom: none !important;
    background: transparent !important;
    position: relative !important;
}

/* ۷. هاور آیتم‌ها */
.um-dropdown li a:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

/* ۸. خط جداکننده بین آیتم‌های اول و دوم (فقط دو آیتم اول) */
.um-dropdown li:not(:last-child):not(:nth-last-child(2)) a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 15px !important;
    right: 15px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.1), transparent) !important;
}

/* ۹. آیتم آخر (بستن) */
.um-dropdown li:last-child a {
    border-top: 1px solid rgba(212, 175, 55, 0.08) !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
    justify-content: center !important;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 13px !important;
}

.um-dropdown li:last-child a:hover {
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.05) !important;
}

/* ۱۰. آیکون‌های داخل آیتم‌ها (اگر وجود داشته باشند) */
.um-dropdown li a i {
    color: #D4AF37 !important;
    font-size: 18px !important;
    width: 20px !important;
    text-align: center !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}

.um-dropdown li a:hover i {
    opacity: 1 !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 480px) {
    .um-dropdown {
        min-width: 180px !important;
        border-radius: 12px !important;
        padding: 6px 0 !important;
    }

    .um-dropdown li a {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }

    .um-dropdown li a i {
        font-size: 16px !important;
        width: 18px !important;
    }

    .um-dropdown-arr i {
        font-size: 20px !important;
    }
}

/* ============================================
   استایل صفحه حساب کاربری (پنل کاربری)
   ============================================ */

/* ۱. کانتینر اصلی صفحه حساب کاربری */
.um-account {
    background: #1a1a1a !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    position: relative !important;
    padding: 0 !important;
    border: none !important;
}

/* ۲. حاشیه‌ی طلایی متحرک (مانند کارت اصلی پروفایل) */
.um-account::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 30px !important;
    background: linear-gradient(45deg, #D4AF37, #CC0000, #D4AF37, #CC0000) !important;
    background-size: 400% 400% !important;
    z-index: -1 !important;
    animation: goldBorder 6s ease-in-out infinite !important;
}

/* ۳. حذف عنوان تکراری صفحه */
.page-header .entry-title {
    display: none !important;
}

/* ۴. قسمت متای کاربر (آواتار و نام) */
.um-account-meta {
    background: transparent !important;
    border: none !important;
    padding: 20px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.06) !important;
}

.um-account-meta-img img {
    border: 3px solid #D4AF37 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.1) !important;
}

.um-account-name a {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-decoration: none !important;
}

.um-account-profile-link a {
    color: rgba(212, 175, 55, 0.7) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.um-account-profile-link a:hover {
    color: #D4AF37 !important;
}

/* ۵. نوار کناری (سایدبار) */
.um-account-side {
    background: rgba(255, 255, 255, 0.02) !important;
    border-left: 1px solid rgba(212, 175, 55, 0.06) !important;
    padding: 10px 0 !important;
}

/* ۶. لیست منوهای حساب کاربری */
.um-account-side ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.um-account-side ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.um-account-side ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-right: 3px solid transparent !important;
}

.um-account-side ul li a:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #D4AF37 !important;
}

.um-account-side ul li a.current {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-right-color: #D4AF37 !important;
}

.um-account-side ul li a i {
    color: #D4AF37 !important;
    font-size: 18px !important;
    width: 24px !important;
    text-align: center !important;
    opacity: 0.7 !important;
}

.um-account-side ul li a.current i {
    opacity: 1 !important;
}

.um-account-side ul li a .um-account-arrow {
    margin-right: auto !important;
}

.um-account-side ul li a .um-account-arrow i {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.2) !important;
}

/* ۷. بخش اصلی محتوا */
.um-account-main {
    background: transparent !important;
    padding: 30px !important;
}

.um-account-heading {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.08) !important;
}

.um-account-heading i {
    color: #D4AF37 !important;
    margin-left: 10px !important;
}

/* ۸. فیلدهای فرم */
.um-field {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    margin-bottom: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.um-field-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

.um-field-area input,
.um-field-area textarea,
.um-field-area select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

.um-field-area input:focus,
.um-field-area textarea:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    outline: none !important;
}

.um-field-area input:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.um-field-area input::placeholder {
    color: rgba(255, 255, 255, 0.2) !important;
}

/* ۹. چک‌باکس‌ها */
.um-field-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}

.um-field-checkbox input {
    width: auto !important;
    margin: 0 !important;
}

.um-field-checkbox-state i {
    color: #D4AF37 !important;
    font-size: 22px !important;
}

.um-field-checkbox-option {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
}

/* ۱۰. دکمه‌ها */
.um-button {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50px !important;
    padding: 10px 30px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    width: auto !important;
    min-width: 200px !important;
}

.um-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
    background: linear-gradient(135deg, #e0c04a, #c9a33e) !important;
}

.um-button:disabled,
.um-button.um_account_inactive {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ۱۱. دکمه‌های موبایل (ناوبری تب‌ها) */
.um-account-nav {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.um-account-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 18px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-radius: 12px !important;
}

.um-account-nav a.current {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

.um-account-nav a .ico i {
    color: #D4AF37 !important;
    font-size: 16px !important;
}

.um-account-nav a .arr i {
    color: rgba(255, 255, 255, 0.2) !important;
    font-size: 14px !important;
}

/* ۱۲. بخش انتخاب اعلان‌ها */
.um-account-tab p {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    margin-bottom: 16px !important;
}

.um-account-tab .um-field-label strong {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 15px !important;
}

/* ۱۳. قسمت دکمه‌های فرم (چینش) */
.um-col-alt {
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

.um-col-alt .um-left {
    float: none !important;
}

.um-col-alt .um-button {
    display: inline-block !important;
}

/* ۱۴. پیام‌های وضعیت (در صورت وجود) */
.um-notice {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin-bottom: 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.um-notice.err {
    background: rgba(204, 0, 0, 0.1) !important;
    color: #FF6B6B !important;
    border-color: rgba(204, 0, 0, 0.15) !important;
}

.um-notice.success {
    background: rgba(76, 175, 80, 0.1) !important;
    color: #81C784 !important;
    border-color: rgba(76, 175, 80, 0.15) !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 768px) {
    .um-account-side {
        display: none !important;
    }

    .um-account-main {
        padding: 20px !important;
    }

    .um-account-nav {
        display: block !important;
    }

    .um-account-meta {
        padding: 16px !important;
    }

    .um-field {
        padding: 12px 16px !important;
    }

    .um-button {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px 20px !important;
    }

    .um-account-heading {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .um-account {
        border-radius: 20px !important;
    }
    .um-account::before {
        border-radius: 22px !important;
    }
    .um-account-main {
        padding: 16px !important;
    }
    .um-account-meta {
        padding: 12px !important;
    }
    .um-account-meta-img img {
        width: 80px !important;
        height: 80px !important;
    }
   
    .um-account-name > a {
        font-size: 18px !important;
    }
    
    .um-account-profile-link a {
        font-size: 12px !important;
    }

    .um-field {
        padding: 10px 14px !important;
    }
    .um-field-label label {
        font-size: 11px !important;
    }
    .um-field-area input {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
    .um-button {
        font-size: 13px !important;
        padding: 10px 16px !important;
    }
    .um-account-nav a {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }
}
/* ============================================
   استایل منوهای سایدبار صفحه حساب کاربری
   ============================================ */

/* ۱. کانتینر اصلی سایدبار */
.um-account-side {
    background: rgba(255, 255, 255, 0.02) !important;
    border-left: 1px solid rgba(212, 175, 55, 0.06) !important;
    padding: 10px 0 !important;
}

/* ۲. لیست منوها */
.um-account-side ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ۳. هر آیتم منو */
.um-account-side ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ۴. لینک‌های منو */
.um-account-side ul li a.um-account-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', 'IRANSans', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-right: 3px solid transparent !important;
    background: transparent !important;
    position: relative !important;
}

/* ۵. هاور لینک‌ها */
.um-account-side ul li a.um-account-link:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #D4AF37 !important;
}

/* ۶. لینک فعال (current) */
.um-account-side ul li a.um-account-link.current {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-right-color: #D4AF37 !important;
}

/* ۷. آیکون‌ها (در حالت دسکتاپ) */
.um-account-side ul li a .um-account-icon i {
    color: #D4AF37 !important;
    font-size: 18px !important;
    width: 24px !important;
    text-align: center !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}

.um-account-side ul li a.current .um-account-icon i {
    opacity: 1 !important;
}

/* ۸. عنوان منو */
.um-account-side ul li a .um-account-title {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ۹. فلش سمت چپ */
.um-account-side ul li a .um-account-arrow {
    margin-right: auto !important;
}

.um-account-side ul li a .um-account-arrow i {
    color: rgba(255, 255, 255, 0.15) !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.um-account-side ul li a:hover .um-account-arrow i {
    color: #D4AF37 !important;
}

/* ۱۰. آیکون‌های موبایل (uimob800-show) */
.um-account-side ul li a .um-account-icontip {
    display: none !important;
}

/* ============================================
   ریسپانسیو
   ============================================ */

@media (max-width: 768px) {
    .um-account-side {
        display: none !important;
    }
}
/* ============================================
   حذف بک‌گراند سفید منوهای سایدبار (نسخه قوی)
   ============================================ */

.um-account-side,
.um-account-side ul,
.um-account-side ul li,
.um-account-side ul li a,
.um-account-side ul li a span {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

.um-account-side ul li a.um-account-link {
    background: transparent !important;
    background-color: transparent !important;
}

/* ============================================
   استایل موبایل (آکاردئونی) - اصلاح فاصله‌ها
   ============================================ */

/* ۱. نمایش ناوبری موبایل (آکاردئونی) در موبایل */
.uimob500 .um-account-nav,
.uimob340 .um-account-nav {
    display: block !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    overflow: hidden !important;
}

/* ۲. لینک‌های منو با padding مناسب و چیدمان اصلاح‌شده */
.uimob500 .um-account-nav a,
.uimob340 .um-account-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* ← تغییر از space-between به flex-start */
    gap: 12px !important; /* فاصله‌ی بین آیتم‌ها */
    padding: 14px 24px !important; /* افزایش padding افقی */
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-radius: 12px !important;
    position: relative !important;
}

/* ۳. عنوان منو (با فاصله از آیکون) */
.uimob500 .um-account-nav a .um-account-title,
.uimob340 .um-account-nav a .um-account-title {
    flex: 1 !important; /* گرفتن فضای باقی‌مانده */
    text-align: right !important; /* چینش راست‌چین (برای RTL) */
}

/* ۴. آیکون منو */
.uimob500 .um-account-nav a .ico i,
.uimob340 .um-account-nav a .ico i {
    color: #D4AF37 !important;
    font-size: 18px !important;
    width: 24px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

/* ۵. فلش سمت چپ (با فاصله از لبه) */
.uimob500 .um-account-nav a .arr,
.uimob340 .um-account-nav a .arr {
    margin-right: auto !important; /* چسباندن به لبه‌ی چپ */
    flex-shrink: 0 !important;
}

.uimob500 .um-account-nav a .arr i,
.uimob340 .um-account-nav a .arr i {
    color: rgba(255, 255, 255, 0.2) !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

/* ۶. لینک فعال (current) */
.uimob500 .um-account-nav a.current,
.uimob340 .um-account-nav a.current {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

.uimob500 .um-account-nav a.current .arr i,
.uimob340 .um-account-nav a.current .arr i {
    color: #D4AF37 !important;
}

/* ۷. هاور لینک‌ها */
.uimob500 .um-account-nav a:hover,
.uimob340 .um-account-nav a:hover {
    background: rgba(212, 175, 55, 0.05) !important;
}

/* ============================================
   تنظیمات اضافی برای سایزهای کوچک‌تر
   ============================================ */

@media (max-width: 480px) {
    .uimob340 .um-account-nav a {
        padding: 12px 16px !important;
        font-size: 13px !important;
        gap: 10px !important;
    }
    
    .uimob340 .um-account-nav a .ico i {
        font-size: 16px !important;
        width: 20px !important;
    }
    
    .uimob340 .um-account-nav a .arr i {
        font-size: 14px !important;
    }
}

.um-account-nav span.ico {
    right: 2px !important;
}

.um-account.uimob340 .um-account-nav span.arr, .um-account.uimob500 .um-account-nav span.arr {
    left: 9px !important;
}

div.uimob500 .um-account-tab,
div.uimob340 .um-account-tab,
div.uimob500 .um-account-tab *,
div.uimob340 .um-account-tab * {
    border-bottom: none !important;
}

@media (max-width: 768px) {
    .um-field-label.um-field-label label {
        font-size: 10px !important;
		white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .um-account.um-account {
        margin-top: 10px !important;
    }
}

/* ============================================
   مخفی کردن منوی اعلان‌ها در صفحه حساب کاربری
   ============================================ */

/* مخفی کردن آیتم منوی اعلان‌ها در سایدبار */
.um-account-side ul li:has(a[data-tab="notifications"]),
.um-account-side ul li a[data-tab="notifications"] {
    display: none !important;
}

/* همچنین در موبایل (آکاردئونی) */
.uimob500 .um-account-nav a[data-tab="notifications"],
.uimob340 .um-account-nav a[data-tab="notifications"] {
    display: none !important;
}

/* ============================================
   مخفی کردن بخش کد تایید دیجیتس در صفحه فراموشی رمز عبور
   ============================================ */

/* مخفی کردن کل کانتینری که شامل فیلد کد تایید است */
form .dig_wc_countrycodecontainer,
form .digits_lost_password_form,
form .digits-lostpassword-container {
    display: none !important;
}

/* اگر باز هم نمایش داده شد، با سلکتور قوی‌تر */
.um-form .dig_wc_countrycodecontainer,
.um-form .digits_lost_password_form {
    display: none !important;
}
/* ============================================
   استایل صفحه بازنشانی رمز عبور (Password Reset)
   ============================================ */

/* ۱. کانتینر اصلی */
.um-password {
    background: #1a1a1a !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    position: relative !important;
    padding: 30px !important;
    border: none !important;
    max-width: 500px !important;
    margin: 30px auto !important;
}

/* ۲. حاشیه‌ی طلایی متحرک */
.um-password::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 30px !important;
    background: linear-gradient(45deg, #D4AF37, #CC0000, #D4AF37, #CC0000) !important;
    background-size: 400% 400% !important;
    z-index: -1 !important;
    animation: goldBorder 6s ease-in-out infinite !important;
}

/* ۳. انیمیشن حاشیه طلایی */
@keyframes goldBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ۴. متن راهنما */
.um-field-block {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 15px !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    text-align: center !important;
    padding: 10px 0 20px 0 !important;
    line-height: 1.8 !important;
}

.um-field-block div {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ۵. فیلد ورودی ایمیل */
#um_field_0_username_b {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

#um_field_0_username_b .um-field-area input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

#um_field_0_username_b .um-field-area input:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    outline: none !important;
}

#um_field_0_username_b .um-field-area input::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* ۶. دکمه بازنشانی */
.um-center .um-button {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50px !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    width: 100% !important;
    max-width: 300px !important;
    display: inline-block !important;
    text-align: center !important;
}

.um-center .um-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
    background: linear-gradient(135deg, #e0c04a, #c9a33e) !important;
}

/* ۷. بخش دکمه (وسط‌چین) */
.um-col-alt.um-col-alt-b {
    display: flex !important;
    justify-content: center !important;
    margin-top: 10px !important;
}

.um-col-alt .um-center {
    width: 100% !important;
    text-align: center !important;
}

/* ۸. مخفی کردن بخش دیجیتس (کد تایید) */
.dig_otp_um_reg,
.dig_resendotp,
.um-field.dig_otp_um_reg {
    display: none !important;
}

/* ۹. حذف فاصله‌های اضافی */
.um-password .um-form {
    padding: 0 !important;
}

.um-password .um-field {
    padding: 0 !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 480px) {
    .um-password {
        padding: 20px !important;
        border-radius: 20px !important;
        margin: 15px 10px !important;
    }
    
    .um-password::before {
        border-radius: 22px !important;
    }
    
    .um-field-block {
        font-size: 14px !important;
        padding: 5px 0 15px 0 !important;
    }
    
    #um_field_0_username_b {
        padding: 12px 16px !important;
    }
    
    #um_field_0_username_b .um-field-area input {
        font-size: 14px !important;
        padding: 10px 14px !important;
    }
    
    .um-center .um-button {
        font-size: 14px !important;
        padding: 10px 30px !important;
        max-width: 100% !important;
    }
}
/* ============================================
   اصلاح موقعیت متن راهنمای صفحه بازنشانی رمز عبور
   ============================================ */

.um-field-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 60px !important; /* ارتفاع مناسب برای وسط‌چین */
    padding: 10px 0 !important;
    text-align: center !important;
}

.um-field-block div {
    width: 100% !important;
    line-height: 1.8 !important;
}
@media (max-width: 767px) {
    .um-password {
        margin-top: -5px !important;
    }
}

/* ============================================
   آیکون قفل سفید (فقط صفحه بازنشانی رمز عبور) - نسخه دقیق
   ============================================ */

/* ۱. حذف همه شبه‌المان‌ها از تمام divهای داخلی و بیرونی */
.um-password .um-field-block::before,
.um-password .um-field-block::after,
.um-password .um-field-block div::before,
.um-password .um-field-block div::after {
    content: none !important;
    display: none !important;
}

/* ۲. حذف هرگونه آیکون HTML (i, span, etc) از داخل div */
.um-password .um-field-block div i,
.um-password .um-field-block div span[class*="fa"],
.um-password .um-field-block div span[class*="um-faicon"] {
    display: none !important;
}

/* ۳. افزودن آیکون فقط روی div حاوی متن (با استایل text-align:center) */
.um-password .um-field-block div[style*="text-align:center;"]::before {
    content: "\f023" !important;
    font-family: "FontAwesome" !important;
    font-weight: 400 !important;
    font-size: 27px !important;
    color: #ffffff !important;
    display: inline-block !important;
    opacity: 0.7 !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
}

/* ============================================
   هدر ثبت‌نام (طرح میلانی‌ها)
   ============================================ */

.register-header {
    text-align: center;
    margin-bottom: 30px;
}

.register-header .logo {
    font-size: 42px;
    font-weight: 900;
    color: #D4AF37;
    letter-spacing: 6px;
    font-family: 'Vazirmatn', sans-serif;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
    user-select: none;
    margin-bottom: 6px;
}

.register-header .subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, #ffffff, #D4AF37);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
    margin-top: 4px;
}

.register-header .description {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    margin-top: 4px;
}

/* ============================================
   ریسپانسیو هدر
   ============================================ */

@media (max-width: 768px) {
    .register-header .logo {
        font-size: 34px;
    }
    .register-header .subtitle {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .register-header .logo {
        font-size: 28px;
        letter-spacing: 4px;
    }
    .register-header .subtitle {
        font-size: 13px;
    }
    .register-header .description {
        font-size: 12px;
    }
}

/* ============================================
   فرم ثبت‌نام - طرح میلانی‌ها (با پدینگ اصلاح‌شده)
   ============================================ */

/* ===== ۱. کانتینر اصلی فرم (افزایش عرض) ===== */
.um-register {
    background: #1a1a1a !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    position: relative !important;
    padding: 20px 35px 30px 35px !important;
    border: none !important;
    max-width: 700px !important;
    margin: 30px auto !important;
}

/* ===== ۲. حاشیه طلایی متحرک ===== */
.um-register::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 30px !important;
    background: linear-gradient(45deg, #D4AF37, #CC0000, #D4AF37, #CC0000) !important;
    background-size: 400% 400% !important;
    z-index: -1 !important;
    animation: goldBorder 6s ease-in-out infinite !important;
}

@keyframes goldBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== ۳. فرم داخلی ===== */
.um-form {
    padding: 0 !important;
}

/* ===== ۴. هدر ثبت‌نام ===== */
.register-header {
    text-align: center !important;
    padding: 10px 0 10px 0 !important;
    margin-bottom: 10px !important;
}

.register-header .logo {
    font-size: 42px !important;
    font-weight: 900 !important;
    color: #D4AF37 !important;
    letter-spacing: 6px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15) !important;
    user-select: none !important;
    margin-bottom: 6px !important;
}

.register-header .subtitle {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #D4AF37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
    margin-top: 4px !important;
}

.register-header .description {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
    margin-top: 4px !important;
}

/* ===== ۵. فیلدها ===== */
.um-field {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 12px 18px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.3s ease !important;
}

.um-field:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.um-field:focus-within {
    border-color: rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.03) !important;
}

/* ===== ۶. برچسب فیلدها ===== */
.um-field-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.um-field-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

.um-field-label .um-tip i {
    color: #D4AF37 !important;
    font-size: 16px !important;
    opacity: 0.7 !important;
}

/* ===== ۷. ورودی‌ها ===== */
.um-field-area input,
.um-field-area textarea,
.um-field-area select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.um-field-area input::placeholder,
.um-field-area textarea::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
    font-size: 15px !important;
}

.um-field-area input:focus,
.um-field-area textarea:focus,
.um-field-area select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    outline: none !important;
}

.um-field-area input::placeholder,
.um-field-area textarea::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
}

.um-field-area textarea {
    min-height: 80px !important;
    resize: vertical !important;
}

/* ===== ۸. آیکون‌های داخل فیلدها ===== */

/* حذف آیکون‌های اضافی فقط در صفحه پروفایل (نه در فرم ثبت‌نام) */
.um-profile .um-field-icon {
    display: none !important;
}

/* در فرم ثبت‌نام، آیکون‌ها نمایش داده شوند */
.um-register .um-field-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #D4AF37 !important;
    font-size: 18px !important;
    width: 40px !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    opacity: 0.7 !important;
}

/* تنظیم padding برای فیلدهایی که آیکون دارند */
.um-register .um-field-area .um-iconed {
    padding-left: 44px !important;
}

/* ===== آیکون فیلد شماره موبایل مخفی بماند ===== */
.um-register .um-field-mobile_number .um-field-icon,
.um-register .um-field[data-key="mobile_number"] .um-field-icon {
    display: none !important;
}

/* اطمینان از نمایش آیکون‌ها در حالت فوکوس */
.um-register .um-field:focus-within .um-field-icon i {
    opacity: 1 !important;
}

/* ===== ۹. شماره موبایل (کد کشور) ===== */
.dig_wc_countrycodecontainer {
    display: inline-block !important;
    margin-left: 8px !important;
}

.dig_wc_countrycodecontainer input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 10px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 14px !important;
}

/* ===== ۱۰. بخش کد تایید (دیجیتس) - مخفی کردن ===== */
.dig_otp_um_reg,
.dig_resendotp,
.um-field.dig_otp_um_reg {
    display: none !important;
}

/* ===== ۱۱. دکمه ثبت‌نام ===== */
.um-col-alt {
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important;
    padding: 0 !important;
}

.um-col-alt .um-center {
    width: 100% !important;
    text-align: center !important;
}

.um-button {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    width: 100% !important;
    max-width: 300px !important;
}

.um-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
    background: linear-gradient(135deg, #e0c04a, #c9a33e) !important;
}

/* ===== ۱۲. پیام‌های وضعیت (اختیاری) ===== */
.um-notice {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin: 10px 0 !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.um-notice.err {
    background: rgba(204, 0, 0, 0.1) !important;
    color: #FF6B6B !important;
    border-color: rgba(204, 0, 0, 0.15) !important;
}

.um-notice.success {
    background: rgba(76, 175, 80, 0.1) !important;
    color: #81C784 !important;
    border-color: rgba(76, 175, 80, 0.15) !important;
}

/* ============================================
   بازگرداندن دو ستون‌های فرم بیلدر (نام و نام خانوادگی)
   ============================================ */

.um-row .um-col-121,
.um-row .um-col-122 {
    float: right !important;
    width: 50% !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
}

.um-row .um-col-121 .um-field,
.um-row .um-col-122 .um-field {
    margin-bottom: 0 !important;
}

.um-row .um-clear {
    display: block !important;
    clear: both !important;
}

/* ===== افزایش فاصله‌ی ردیف نام و نام خانوادگی با سطر بعدی ===== */
.um-row {
    margin-bottom: 18px !important;
}

/* ============================================
   ریسپانسیو
   ============================================ */

@media (max-width: 768px) {
    .um-register {
        padding: 16px 18px 20px 18px !important;
        border-radius: 20px !important;
        margin: 0px 15px !important;
        max-width: 100% !important;
    }
    .um-register::before {
        border-radius: 22px !important;
    }
    .register-header .logo {
        font-size: 34px !important;
    }
    .register-header .subtitle {
        font-size: 14px !important;
    }
    .um-field {
        padding: 10px 14px !important;
    }
    .um-field-area input {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
    .um-field-area input::placeholder,
    .um-field-area textarea::placeholder {
        font-size: 13px !important; /* کاهش placeholder در تبلت */
    }
    .um-button {
        font-size: 14px !important;
        padding: 12px 30px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .um-register {
        padding: 12px 14px 16px 14px !important;
        border-radius: 16px !important;
        margin: 0px 10px !important;
        max-width: 100% !important;
    }
    .um-register::before {
        border-radius: 18px !important;
    }
    .register-header {
        padding: 10px 0 8px 0 !important;
    }
    .register-header .logo {
        font-size: 28px !important;
        letter-spacing: 4px !important;
    }
    .register-header .subtitle {
        font-size: 13px !important;
    }
    .register-header .description {
        font-size: 12px !important;
    }
    .um-field {
        padding: 8px 12px !important;
        border-right-width: 2px !important;
    }
    .um-field-label label {
        font-size: 11px !important;
    }
    .um-field-area input {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }
    .um-field-area input::placeholder,
    .um-field-area textarea::placeholder {
        font-size: 12px !important; /* کاهش بیشتر placeholder در موبایل */
    }
    .um-button {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }
}

@media (max-width: 340px) {
    .um-register {
        padding: 10px 10px 12px 10px !important;
        border-radius: 12px !important;
        margin: 10px 6px !important;
        max-width: 100% !important;
    }
    .um-register::before {
        border-radius: 14px !important;
    }
    .register-header .logo {
        font-size: 22px !important;
        letter-spacing: 2px !important;
    }
    .um-field-area input::placeholder,
    .um-field-area textarea::placeholder {
        font-size: 11px !important;
    }
    .um-button {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }
}

/* ============================================
   اصلاح دیتاپیکر تاریخ تولد (نمایش خارج از فیلد)
   ============================================ */

/* ۱. اجازه دادن به دیتاپیکر برای خروج از فیلد */
.um-field-date {
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.um-field-date .um-field-area {
    overflow: visible !important;
    position: relative !important;
}

/* ۲. کانتینر اصلی دیتاپیکر */
.picker {
    position: absolute !important;
    top: calc(100% + 5px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    min-width: 280px !important;
    max-width: 320px !important;
    background: #1a1a1a !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 12px !important;
    display: none !important;
}

/* ۳. نمایش دیتاپیکر هنگام باز بودن */
.picker--opened {
    display: block !important;
}

/* ۴. نگه‌دارنده دیتاپیکر */
.picker__holder {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
}

/* ۵. قاب دیتاپیکر */
.picker__frame {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
}

/* ۶. باکس اصلی دیتاپیکر */
.picker__box {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
    padding: 4px !important;
}

/* ۷. هدر دیتاپیکر */
.picker__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: 'Vazirmatn', sans-serif !important;
    gap: 6px !important;
}

.picker__month {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.picker__select--year {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 13px !important;
    outline: none !important;
}

.picker__select--year:focus {
    border-color: #D4AF37 !important;
}

.picker__nav--prev,
.picker__nav--next {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: rgba(212, 175, 55, 0.08) !important;
}

.picker__nav--prev::before {
    content: "‹" !important;
    font-size: 20px !important;
    color: #D4AF37 !important;
}

.picker__nav--next::before {
    content: "›" !important;
    font-size: 20px !important;
    color: #D4AF37 !important;
}

/* ۸. جدول روزها */
.picker__table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 6px 0 !important;
}

.picker__weekday  {
    font-size: 8px !important;
    font-weight: 600 !important;
    color: rgba(255, 255, 255, 0.3) !important;
    text-align: center !important;
    padding: 6px 0 !important;
}

.picker__day {
    text-align: center !important;
    padding: 6px 4px !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

.picker__day:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    color: #D4AF37 !important;
}

.picker__day--selected,
.picker__day--highlighted {
    background: rgba(212, 175, 55, 0.12) !important;
    color: #D4AF37 !important;
    font-weight: 600 !important;
}

.picker__day--today {
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
}

.picker__day--disabled {
    opacity: 0.2 !important;
    cursor: not-allowed !important;
}

.picker__day--outfocus {
    opacity: 0.3 !important;
}

/* ۹. فوتر دیتاپیکر */
.picker__footer {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.picker__footer button {
    background: rgba(255, 255, 255, 0.04) !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.5) !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

.picker__footer button:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

.picker__footer button:disabled {
    opacity: 0.2 !important;
    cursor: not-allowed !important;
}

/* ===== تنظیمات ریسپانسیو دیتاپیکر ===== */
@media (max-width: 480px) {
    .picker {
        min-width: 240px !important;
        max-width: 280px !important;
        padding: 8px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    .picker__day {
        font-size: 12px !important;
        padding: 4px 2px !important;
    }
    .picker__month {
        font-size: 13px !important;
    }
    .picker__select--year {
        font-size: 12px !important;
        padding: 3px 6px !important;
    }
}

@media (max-width: 340px) {
    .picker {
        min-width: 200px !important;
        max-width: 240px !important;
        padding: 6px !important;
    }
    .picker__day {
        font-size: 11px !important;
        padding: 3px 2px !important;
    }
}
/* قوی‌ترین حالت ممکن */
select.picker__select--year,
select.picker__select--year option,
.picker select.picker__select--year,
.picker select.picker__select--year option {
    background-color: #1a1a1a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(212,175,55,0.7)' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    color: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 8px !important;
    padding: 6px 10px 6px 32px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#um_field_1672_nickname{margin-top: 12px !important;}

/* ============================================
   فرم ورود (لاگین) - طرح میلانی‌ها
   ============================================ */

/* ===== ۱. کانتینر اصلی فرم ===== */
.um-login {
    background: #1a1a1a !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.08) !important;
    position: relative !important;
    padding: 20px 35px 30px 35px !important;
    border: none !important;
    max-width: 520px !important;
    margin: 30px auto !important;
}

/* ===== ۲. حاشیه طلایی متحرک ===== */
.um-login::before {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    border-radius: 30px !important;
    background: linear-gradient(45deg, #D4AF37, #CC0000, #D4AF37, #CC0000) !important;
    background-size: 400% 400% !important;
    z-index: -1 !important;
    animation: goldBorder 6s ease-in-out infinite !important;
}

@keyframes goldBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ===== ۳. هدر لاگین ===== */
.um-login .register-header {
    text-align: center !important;
    padding: 10px 0 10px 0 !important;
    margin-bottom: 10px !important;
}

.um-login .register-header .logo {
    font-size: 42px !important;
    font-weight: 900 !important;
    color: #D4AF37 !important;
    letter-spacing: 6px !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15) !important;
    user-select: none !important;
    margin-bottom: -13px !important;
}

.um-login .register-header .subtitle {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff, #D4AF37) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
    margin-top: 4px !important;
}

.um-login .register-header .description {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
    margin-top: 4px !important;
}

/* ===== ۴. فیلدها ===== */
.um-login .um-field {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 16px !important;
    padding: 12px 18px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-right: 3px solid #D4AF37 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.um-login .um-field:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.um-login .um-field:focus-within {
    border-color: rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.03) !important;
}

/* ===== ۵. برچسب فیلدها ===== */
.um-login .um-field-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.um-login .um-field-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* ===== ۶. آیکون‌های فیلدها ===== */
.um-login .um-field-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #D4AF37 !important;
    font-size: 20px !important;
    width: 40px !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    opacity: 0.7 !important;
}

.um-login .um-field-icon i {
    color: #D4AF37 !important;
    transition: all 0.3s ease !important;
}

.um-login .um-field:focus-within .um-field-icon i {
    opacity: 1 !important;
}

/* ===== ۷. ورودی‌ها ===== */
.um-login .um-field-area input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 14px 10px 44px !important;
    width: 100% !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.um-login .um-field-area input:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.05) !important;
    outline: none !important;
}

.um-login .um-field-area input::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
}

/* ===== ۸. چک‌باکس "مرا به خاطر بسپار" ===== */
.um-login .um-field-c {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    backdrop-filter: none !important;
}

.um-login .um-field-c .um-field-area {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.um-login .um-field-c .um-field-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}

.um-login .um-field-c .um-field-checkbox input {
    width: auto !important;
    margin: 0 !important;
}

.um-login .um-field-c .um-field-checkbox-state i {
    color: #D4AF37 !important;
    font-size: 22px !important;
}

.um-login .um-field-c .um-field-checkbox-option {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
}

/* ===== ۹. دکمه ورود ===== */
.um-login .um-col-alt {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: 20px !important;
    padding: 0 !important;
}

.um-login .um-center {
    width: 100% !important;
    text-align: center !important;
}

.um-login .um-button {
    background: linear-gradient(135deg, #D4AF37, #b8962e) !important;
    color: #1a1a1a !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1) !important;
    width: 100% !important;
    max-width: 300px !important;
}

.um-login .um-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2) !important;
    background: linear-gradient(135deg, #e0c04a, #c9a33e) !important;
}

/* ===== ۱۰. لینک فراموشی رمز عبور ===== */
.um-login .um-link-alt {
    color: rgba(212, 175, 55, 0.7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 12px !important;
}

.um-login .um-link-alt:hover {
    color: #D4AF37 !important;
}

/* ===== ۱۱. بخش کد تایید (دیجیتس) - مخفی کردن ===== */
.um-login .dig_otp_um_reg,
.um-login .dig_otp_um_login,
.um-login .dig_resendotp,
.um-login .um-field.dig_otp_um_reg,
.um-login .um-field.dig_otp_um_login {
    display: none !important;
}

/* ===== ۱۲. پیام‌های وضعیت (اختیاری) ===== */
.um-login .um-notice {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    margin: 10px 0 !important;
    border: 1px solid rgba(212, 175, 55, 0.1) !important;
}

.um-login .um-notice.err {
    background: rgba(204, 0, 0, 0.1) !important;
    color: #FF6B6B !important;
    border-color: rgba(204, 0, 0, 0.15) !important;
}

.um-login .um-notice.success {
    background: rgba(76, 175, 80, 0.1) !important;
    color: #81C784 !important;
    border-color: rgba(76, 175, 80, 0.15) !important;
}

/* ============================================
   ریسپانسیو
   ============================================ */

@media (max-width: 768px) {
    .um-login {
        padding: 16px 18px 20px 18px !important;
        border-radius: 20px !important;
        margin: 20px 15px !important;
        max-width: 100% !important;
    }
    .um-login::before {
        border-radius: 22px !important;
    }
    .um-login .register-header .logo {
        font-size: 34px !important;
    }
    .um-login .register-header .subtitle {
        font-size: 14px !important;
    }
    .um-login .um-field {
        padding: 10px 14px !important;
    }
    .um-login .um-field-area input {
        font-size: 14px !important;
        padding: 8px 12px 8px 38px !important;
    }
    .um-login .um-button {
        font-size: 14px !important;
        padding: 12px 30px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .um-login {
        padding: 12px 14px 16px 14px !important;
        border-radius: 16px !important;
        margin: 15px 10px !important;
        max-width: 100% !important;
    }
    .um-login::before {
        border-radius: 18px !important;
    }
    .um-login .register-header {
        padding: 10px 0 8px 0 !important;
    }
    .um-login .register-header .logo {
        font-size: 28px !important;
        letter-spacing: 4px !important;
    }
    .um-login .register-header .subtitle {
        font-size: 13px !important;
    }
    .um-login .register-header .description {
        font-size: 12px !important;
    }
    .um-login .um-field {
        padding: 8px 12px !important;
        border-right-width: 2px !important;
    }
    .um-login .um-field-label label {
        font-size: 11px !important;
    }
    .um-login .um-field-area input {
        font-size: 13px !important;
        padding: 8px 10px 8px 34px !important;
    }
    .um-login .um-field-icon {
        font-size: 17px !important;
        width: 34px !important;
    }
    .um-login .um-field-c .um-field-checkbox-option {
        font-size: 13px !important;
    }
    .um-login .um-button {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }
    .um-login .um-link-alt {
        font-size: 13px !important;
    }
}

@media (max-width: 340px) {
    .um-login {
        padding: 10px 10px 12px 10px !important;
        border-radius: 12px !important;
        margin: 10px 6px !important;
        max-width: 100% !important;
    }
    .um-login::before {
        border-radius: 14px !important;
    }
    .um-login .register-header .logo {
        font-size: 22px !important;
        letter-spacing: 2px !important;
    }
    .um-login .um-field-area input {
        font-size: 12px !important;
        padding: 6px 8px 6px 30px !important;
    }
    .um-login .um-field-icon {
        font-size: 15px !important;
        width: 28px !important;
    }
    .um-login .um-button {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }
}

/* ============================================
   جداکننده شیک زیر هدر لاگین
   ============================================ */

/* گزینه ۱: خط طلایی باریک با افکت محو (پیشنهادی) */
.um-login .register-header {
    position: relative !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

.um-login .register-header::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, #CC0000, #D4AF37, transparent) !important;
    border-radius: 50px !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

/* هاور (اختیاری) - در صورت تمایل به افکت */
.um-login .register-header:hover::after {
    width: 80% !important;
    opacity: 1 !important;
}

/* ============================================
   اصلاح فاصله‌ی چک‌باکس "مرا به خاطر بسپار"
   ============================================ */

.um-login .um-field-c {
    margin-top: 14px !important;  /* فاصله از فیلد رمز عبور */
    margin-bottom: 14px !important; /* فاصله تا دکمه ورود */
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
    backdrop-filter: none !important;
}

.um-login .um-field-c .um-field-area {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.um-login .um-field-c .um-field-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.um-login .um-field-c .um-field-checkbox input {
    width: auto !important;
    margin: 0 !important;
}

.um-login .um-field-c .um-field-checkbox-state i {
    color: #D4AF37 !important;
    font-size: 22px !important;
}

.um-login .um-field-c .um-field-checkbox-option {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 14px !important;
}

/* ============================================
   اصلاح فاصله چک‌باکس "مرا به خاطر بسپار" (فقط لاگین)
   ============================================ */

.um-login .um-field-c {
    margin-top: 14px !important;      /* فاصله از فیلد رمز عبور */
    margin-bottom: 14px !important;   /* فاصله تا دکمه ورود */
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-right: none !important;
}

.um-login .um-field-checkbox-option {
    margin: 0 !important;             /* حذف margin اضافی */
}

/* ============================================
   استایل لوگو در صفحه ورود (میلانی‌ها)
   ============================================ */

.register-header .logo {
    text-align: center;
    margin-bottom: 6px;
}

.register-header .logo .logo-img {
    max-width: 200px;   /* حداکثر عرض لوگو در دسکتاپ */
    height: auto;
    display: inline-block;
}

.register-header .logo .logo-text {
    font-size: 42px;
    font-weight: 900;
    color: #D4AF37;
    letter-spacing: 6px;
    font-family: 'Vazirmatn', sans-serif;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
}

/* ===== ریسپانسیو موبایل ===== */
@media (max-width: 480px) {
    .register-header .logo .logo-img {
        max-width: 140px;   /* کاهش سایز لوگو در موبایل */
    }
    .register-header .logo .logo-text {
        font-size: 28px;
        letter-spacing: 4px;
    }
}

@media (max-width: 340px) {
    .register-header .logo .logo-img {
        max-width: 110px;
    }
}

/* ============================================
   استایل لوگو (مشترک برای لاگین و ثبت‌نام)
   ============================================ */

.register-header .logo {
    text-align: center;
    margin-bottom: -13px !important;
}

.register-header .logo .logo-img {
    max-width: 200px;
    height: auto;
    display: inline-block;
}

.register-header .logo .logo-text {
    font-size: 42px;
    font-weight: 900;
    color: #D4AF37;
    letter-spacing: 6px;
    font-family: 'Vazirmatn', sans-serif;
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
}

/* ===== ریسپانسیو موبایل ===== */
@media (max-width: 480px) {
    .register-header .logo .logo-img {
        max-width: 140px;
    }
    .register-header .logo .logo-text {
        font-size: 28px;
        letter-spacing: 4px;
    }
}

@media (max-width: 340px) {
    .register-header .logo .logo-img {
        max-width: 110px;
    }
}

/* ============================================
   جداکننده شیک زیر هدر (لاگین و ثبت‌نام)
   ============================================ */

.um-login .register-header,
.um-register .register-header {
    position: relative !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

.um-login .register-header::after,
.um-register .register-header::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #D4AF37, #CC0000, #D4AF37, transparent) !important;
    border-radius: 50px !important;
    opacity: 0.6 !important;
    transition: all 0.3s ease !important;
}

/* افکت هاور (اختیاری) */
.um-login .register-header:hover::after,
.um-register .register-header:hover::after {
    width: 80% !important;
    opacity: 1 !important;
}
.um.um .um-col-alt-b a.um-link-alt.um-link-alt.um-link-alt:hover {
    text-decoration: none !important;
	font-size: 15px !important;
	font-family: 'Vazirmatn' !important;
}

.um-login.um-login .um-link-alt.um-link-alt {
    font-size: 13px !important;
	font-family: 'Vazirmatn' !important;
}

/* ============================================
   استایل پنجره اعلان‌ها (Notifications Live Feed)
   ============================================ */

/* ۱. کانتینر اصلی */
.um-notification-live-feed {
    background: #1a1a1a !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 16px 0 !important;
    width: 400px !important;
    max-width: 90vw !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
}

/* اسکرول‌بار */
.um-notification-live-feed::-webkit-scrollbar {
    width: 4px;
}
.um-notification-live-feed::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
}
.um-notification-live-feed::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.3);
    border-radius: 10px;
}
.um-notification-live-feed::-webkit-scrollbar-thumb:hover {
    background: rgba(212, 175, 55, 0.5);
}

/* ۲. هدر */
.um-notification-header {
    padding: 0 16px 12px 16px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.08) !important;
    margin-bottom: 8px !important;
}

.um-notification-header-row h4 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    font-family: 'Vazirmatn', sans-serif !important;
}

.um-notification-i-close {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 22px !important;
    transition: color 0.3s ease !important;
}
.um-notification-i-close:hover {
    color: #D4AF37 !important;
}

/* ۳. فیلترها (همه / خوانده نشده‌ها) */
.um-notifications-filters {
    display: flex !important;
    gap: 12px !important;
    margin-top: 6px !important;
}
.um-notifications-filter {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}
.um-notifications-filter.active {
    color: #D4AF37 !important;
}
.um-notifications-filter:hover {
    color: #D4AF37 !important;
}

/* ۴. آیکون تنظیمات (سه نقطه) */
.um-notifications-options-a {
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 18px !important;
    transition: color 0.3s ease !important;
}
.um-notifications-options-a:hover {
    color: #D4AF37 !important;
}

/* ۵. هر آیتم اعلان */
.um-notification {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    transition: background 0.3s ease !important;
}
.um-notification:hover {
    background: rgba(212, 175, 55, 0.04) !important;
}

/* ۶. لینک اعلان (قسمت اصلی) */
.um-notification-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    min-width: 0 !important;
    text-decoration: none !important;
}

/* ۷. عکس کاربر */
.um-notification-photo {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(212, 175, 55, 0.1) !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}

/* ۸. محتوای متن */
.um-notification-content {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
.um-notification-content-string {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
}
.um-notification-content-string strong {
    color: #D4AF37 !important;
    font-weight: 700 !important;
}
.um-notification-content .b2 {
    display: block !important;
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 12px !important;
    margin-top: 2px !important;
}
.um-notification-content .b2 i {
    margin-left: 4px !important;
}

/* ۹. دکمه‌های سه نقطه (actions) */
.um-notifications-buttons {
    flex-shrink: 0 !important;
    margin-right: 4px !important;
}
.um-notification-actions-a {
    color: rgba(255, 255, 255, 0.2) !important;
    font-size: 18px !important;
    transition: color 0.3s ease !important;
}
.um-notification-actions-a:hover {
    color: #D4AF37 !important;
}

/* ۱۰. دراپ‌دان منوی سه نقطه (همان استایل منوی چرخ‌دنده) */
.um-new-dropdown {
    background: #1a1a1a !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 6px 0 !important;
    min-width: 160px !important;
}
.um-new-dropdown ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.um-new-dropdown ul li {
    margin: 0 !important;
    padding: 0 !important;
}
.um-new-dropdown ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 16px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.um-new-dropdown ul li a:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}
.um-new-dropdown ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
	font-size:12px !important;
}

/* ۱۱. بارگذاری بیشتر */
.um-load-more-notifications {
    text-align: center !important;
    padding: 12px 0 !important;
}
.um-load-more-notifications span {
    color: rgba(212, 175, 55, 0.7) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}
.um-load-more-notifications span:hover {
    color: #D4AF37 !important;
}

/* ۱۲. پیام خالی */
.um-notifications-none {
    text-align: center !important;
    padding: 30px 0 !important;
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 15px !important;
}
.um-notifications-none i {
    font-size: 40px !important;
    display: block !important;
    margin-bottom: 8px !important;
    color: rgba(212, 175, 55, 0.2) !important;
}

/* ۱۳. اعلان‌های خوانده نشده (اختیاری) */
.um-notification.unread {
    background: rgba(212, 175, 55, 0.02) !important;
    border-right: 3px solid #D4AF37 !important;
}
.um-notification.unread .um-notification-content-string {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */
@media (max-width: 480px) {
    .um-notification-live-feed {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        margin: 0 !important;
        height: auto !important;
        max-height: 85dvh !important;
        border: none !important;
    }
    .um-notification {
        padding: 12px 14px !important;
    }
    .um-notification-content-string {
        font-size: 13px !important;
    }
    .um-notification-header {
        padding: 10px 14px 10px 14px !important;
    }
    .um-notification-header-row h4 {
        font-size: 16px !important;
    }
}

.um-new-dropdown{top: 52.2px !important;}
.um-new-dropdown[data-element=".um-notification-actions"] a, .um-new-dropdown[data-element=".um-notifications-options-a"] a {

    font-size: 11px !important;
    line-height: 1.4 !important;
}
/* ============================================
   تنظیم موقعیت پنجره اعلان‌ها برای دسکتاپ (سایز 1022px به بالا)
   ============================================ */

@media (min-width: 1022px) {
    .um-notification-live-feed {
        top: 172px !important;
    }
}

/* ============================================
   استایل منوی کشویی "دشبورد من" (با کلاس‌های ثابت)
   ============================================ */

/* ۱. کانتینر اصلی منوی کشویی */
ul.sub-menu.elementor-nav-menu--dropdown {
    background: #1a1a1a !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(212, 175, 55, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 8px 0 !important;
    min-width: 200px !important;
    overflow: hidden !important;
}

/* ۲. آیتم‌های منو */
ul.sub-menu.elementor-nav-menu--dropdown li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
}

/* ۳. لینک‌های منو */
ul.sub-menu.elementor-nav-menu--dropdown li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    border-bottom: none !important;
    position: relative !important;
}

/* ۴. هاور لینک‌ها */
ul.sub-menu.elementor-nav-menu--dropdown li a:hover {
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}

/* ۵. خط جداکننده بین آیتم‌ها (به‌جز آخرین آیتم) */
ul.sub-menu.elementor-nav-menu--dropdown li:not(:last-child) a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 15px !important;
    right: 15px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.08), transparent) !important;
}

/* ۶. آیتم آخر (خروج) - جداکننده‌ی خاص */
ul.sub-menu.elementor-nav-menu--dropdown li:last-child a {
    border-top: 1px solid rgba(212, 175, 55, 0.08) !important;
    margin-top: 4px !important;
    padding-top: 14px !important;
}

/* ۷. آیکون‌ها (در صورت وجود) */
ul.sub-menu.elementor-nav-menu--dropdown li a i {
    color: #D4AF37 !important;
    font-size: 16px !important;
    width: 20px !important;
    text-align: center !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}
ul.sub-menu.elementor-nav-menu--dropdown li a:hover i {
    opacity: 1 !important;
}

/* ============================================
   ریسپانسیو برای موبایل
   ============================================ */

@media (max-width: 768px) {
    ul.sub-menu.elementor-nav-menu--dropdown {
        border-radius: 12px !important;
        padding: 6px 0 !important;
        min-width: 180px !important;
    }
    ul.sub-menu.elementor-nav-menu--dropdown li a {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
    ul.sub-menu.elementor-nav-menu--dropdown li a i {
        font-size: 15px !important;
        width: 18px !important;
    }
}

@media (max-width: 480px) {
    ul.sub-menu.elementor-nav-menu--dropdown {
        border-radius: 10px !important;
        min-width: 160px !important;
        padding: 4px 0 !important;
    }
    ul.sub-menu.elementor-nav-menu--dropdown li a {
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
}

.screen-reader-text{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}


.about-wrapper{

    max-width:1200px !important;
    margin:auto !important;
    padding:80px 20px !important;

}



/* HERO */

.about-hero{

    text-align:center !important;

    padding:70px 30px !important;

    border-radius:30px !important;

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.09),
    rgba(255,255,255,.02)
    ) !important;

    border:1px solid rgba(255,255,255,.12) !important;

    backdrop-filter:blur(15px) !important;

    box-shadow:
    0 30px 80px rgba(0,0,0,.5) !important;

}



.about-number{

    display:block !important;

    font-size:120px !important;

    font-weight:900 !important;

    color:#e30613 !important;

    line-height:1 !important;

}



.about-hero h1{

    font-size:42px !important;

    margin:20px 0 !important;

}



.about-hero p{

    max-width:850px !important;

    margin:auto !important;

    color:#ccc !important;

    font-size:18px !important;

}



/* SECTION */


.about-section{

    margin-top:60px !important;

    padding:45px !important;

    border-radius:25px !important;

    background:
    rgba(255,255,255,.04) !important;

    border:
    1px solid rgba(255,255,255,.08) !important;

}



.about-section h2{

    font-size:32px !important;

    margin-bottom:25px !important;

}



.about-section h2 span{

    color:#e30613 !important;

}



.about-section p{

    color:#ddd !important;

    font-size:17px !important;

}



/* TIMELINE */


.timeline{

    margin-top:35px !important;

}



.timeline-item{

    padding:25px !important;

    margin-bottom:25px !important;

    border-right:3px solid #e30613 !important;

    border-radius:15px !important;

    background:
    rgba(255,255,255,.03) !important;

}



.timeline-item strong{

    display:block !important;

    font-size:22px !important;

    color:#e30613 !important;

    margin-bottom:10px !important;

}



/* CARDS */


.cards{

    display:grid !important;

    grid-template-columns:repeat(3,1fr) !important;

    gap:20px !important;

    margin-top:30px !important;

}



.card{

    padding:30px !important;

    border-radius:20px !important;

    background:

    linear-gradient(

    145deg,

    rgba(255,255,255,.08),

    rgba(255,255,255,.02)

    ) !important;

    border:

    1px solid rgba(255,255,255,.1) !important;

}



.card h3{

    color:#e30613 !important;

    margin-bottom:15px !important;

}



.card p{

    font-size:15px !important;

}



/* SIGNATURE */


.signature{

    text-align:center !important;

    padding:50px 20px !important;

}



.signature h3{

    font-size:30px !important;

}



.signature span{

    color:#e30613 !important;

}




@media(max-width:800px){

.about-wrapper{

    padding:40px 15px !important;

}


.about-number{

    font-size:80px !important;

}


.about-hero h1{

    font-size:30px !important;

}


.about-section{

    padding:30px 20px !important;

}


.cards{

    grid-template-columns:1fr !important;

}


}
  :root{
    --ink:#0d0b09;
    --iron-top:#3a3226;
    --iron-mid:#241f18;
    --iron-bottom:#120f0b;
    --gold:#c9a463;
    --gold-bright:#f3d189;
    --ember:#e2793f;
    --ember-soft:rgba(226,121,63,.45);
    --parchment:#efe4cc;
    --parchment-dim:#a89a7c;
  }

  .stage2{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
  }
  .hint2{
    text-align:center;
    color:var(--parchment-dim);
    font-size:13px;
    padding:24px 20px 0;
    line-height:1.9;
  }

  /* ---------- Dock ---------- */
  .acm-dock-wrap2{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    padding-bottom:env(safe-area-inset-bottom, 0px);
    z-index:10;
    pointer-events:none;
  }
  .acm-dock2{
    position:relative;
    width:100%;
    height:96px;
    pointer-events:auto;
  }

  .acm-dock-svg2{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));
  }
  #acm-fill{
    fill:url(#acmIronGrad);
  }
  #acm-rim{
    fill:none;
    stroke:url(#acmGoldGrad);
    stroke-width:1.6;
    stroke-linecap:round;
    filter:drop-shadow(0 0 4px rgba(201,164,99,.55));
  }
  #acm-rim-inner{
    fill:none;
    stroke:rgba(0,0,0,.55);
    stroke-width:1;
  }
  .acm-cap2{
    fill:url(#acmGoldGrad);
    stroke:#5f4a26;
    stroke-width:.6;
    filter:drop-shadow(0 0 3px rgba(243,209,137,.7));
  }

  .acm-glow2{
    position:absolute;
    width:120px;
    height:120px;
    top:-40px;
    border-radius:50%;
    background:radial-gradient(circle, var(--ember-soft) 0%, rgba(226,121,63,0) 70%);
    pointer-events:none;
    filter:blur(2px);
  }

  nav.acm-quick-dock2{
    position:relative;
    z-index:2;
    height:100%;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:center;
    gap:14px;
    padding:0 22px 14px;
    direction:rtl;
  }

  .acm-item2{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    text-decoration:none;
    color:var(--parchment);
    -webkit-tap-highlight-color:transparent;
  }
  .acm-item2 .cell2{
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
      radial-gradient(circle at 35% 30%, #4a4030 0%, #29231a 60%, #171310 100%);
    border:1.4px solid var(--gold);
    box-shadow:
      inset 0 1px 2px rgba(255,255,255,.18),
      inset 0 -3px 6px rgba(0,0,0,.6),
      0 3px 6px rgba(0,0,0,.5);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .acm-item2 svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:var(--parchment);
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .acm-item2 .label2{
    font-size:11px;
    font-weight:500;
    color:var(--parchment-dim);
    white-space:nowrap;
  }
  .acm-item2:active .cell2{
    transform:scale(.94);
  }
  .acm-item--hero2{
    transform:translateY(-16px);
  }
  .acm-item--hero2 .cell2{
    width:64px;
    height:64px;
    border-color:var(--gold-bright);
    box-shadow:
      inset 0 1px 3px rgba(255,255,255,.25),
      inset 0 -4px 8px rgba(0,0,0,.6),
      0 0 0 4px rgba(201,164,99,.14),
      0 4px 10px rgba(0,0,0,.55);
  }
  .acm-item--hero2 svg{
    width:30px;
    height:30px;
    stroke:var(--gold-bright);
  }
  .acm-item--hero2 .label2{
    color:var(--parchment);
    font-weight:600;
  }
  .acm-item--medal2 .year2{
    font-size:12px;
    font-weight:700;
    color:var(--gold-bright);
    letter-spacing:.3px;
  }
  .acm-item--medal2 .cell2{
    background:radial-gradient(circle at 35% 30%, #453b28 0%, #241f16 60%, #14110d 100%);
  }


  @media (min-width:900px){
    .acm-dock2{
      width:480px;
      margin:0 auto;
    }
	.milan-badge-upcoming {margin-left: 7px !important;}
  }

  #nowmews.elementor-widget-shortcode,
#nowmews.elementor-widget-shortcode > .elementor-widget-container,
#nowmews.elementor-widget-shortcode .elementor-shortcode {
    width: 100% !important;
    justify-self: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 979px) {
    .now-news-footer {
        padding: 40px 18px !important;
    }
}


.empty-tab-msg {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px auto;
    padding: 16px 20px !important;
    padding-right: 52px !important;
    max-width: 500px;
    background: linear-gradient(145deg, #1f2229, #14161b);
    color: #e8e8e8;
    border-radius: 0 0 12px 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-right: 4px solid #4a9eff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-align: right;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 0;
}

.empty-tab-msg::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-color: rgba(74, 158, 255, 0.15);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a9eff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 11V16' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='8' r='1' fill='%234a9eff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

.elementor-86589 .elementor-element.elementor-element-f511960 .elementor-heading-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3em;
    min-height: 2.6em;
}

@media (max-width: 767px) {
    .elementor-86589 .elementor-element.elementor-element-f511960 .elementor-heading-title {
        line-height: 1.5em;
        min-height: 3em;
    }
}

@media screen and (max-width: 600px) {
    #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {
        width: 55px !important;
        height: 55px !important;

    }
	    #wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left .wpd-avatar {

        margin-right: -3px;
    }
}
@media screen and (min-width: 601px) {
#wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img, #wpdcom.wpd-layout-3 .wpd-comment .wpd-avatar img.avatar {
    width: 85px !important;
    height: 85px !important;
    max-width: 85px !important;

}}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-left {

    margin-left: -20px !important;

}

.wpd-comment-status{display: none !important;}