.elementor-385 .elementor-element.elementor-element-40152cd{--display:flex;--min-height:50vh;--justify-content:center;}.elementor-385 .elementor-element.elementor-element-40152cd:not(.elementor-motion-effects-element-type-background), .elementor-385 .elementor-element.elementor-element-40152cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #7E1A1A 0%, #1717A0 100%);}#elementor-popup-modal-385 .dialog-widget-content{animation-duration:1s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-385{background-color:#000000A8;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-385 .dialog-message{width:600px;height:auto;}#elementor-popup-modal-385 .dialog-close-button{display:flex;font-size:24px;}#elementor-popup-modal-385 .dialog-close-button i{color:#FFFFFF87;}#elementor-popup-modal-385 .dialog-close-button svg{fill:#FFFFFF87;}#elementor-popup-modal-385 .dialog-close-button:hover i{color:#FFFFFF;}@media(max-width:767px){.elementor-385 .elementor-element.elementor-element-40152cd{--min-height:70vh;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for html, class: .elementor-element-97b7c81 */.gradient-border {
    position: relative;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    color: #fff;
    font-size: 20px!important;
    background: rgba(0,0,0,0.5);
    border: 2px solid transparent;
    display: inline-block;

    font-family: inherit;
    text-decoration: none;
    text-align: center;
}

/* افکت بوردر گرادیانی */
.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(
        45deg,
        rgba(255,255,255,0.7),
        rgba(250,250,250,0.05)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    pointer-events: none;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.gradient-border:hover::before {
    opacity: 1;
}


#mihan-profile-verified,
#mihan-profile-incomplete {
    display: none;
    flex-direction: column!important;
}

.mihan-profile-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40152cd *//* ظرف کلی پاپ‌آپ */
#mihan-profile-wrap {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    font-family: inherit;
    text-align: center; /* همه متون وسط‌چین */
}

/* تیتر */
.mihan-profile-title {
    font-size: 24px;
    margin-bottom: 16px;
}

/* شماره موبایل */
.mihan-profile-phone {
    font-size: 16px;
    margin-bottom: 18px;
}
#mihan-profile-phone-value {
    font-weight: 600;
}

/* آمار بازی – باکس وسط‌چین بدون BG مشکلی */
#mihan-profile-stats {
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 20px;

    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    background: transparent;
}

.mihan-profile-stat-item {
    display: flex;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    margin: 4px 0;
}

.mihan-profile-stat-item .label {
    opacity: 0.9;
}

.mihan-profile-stat-item .value {
    font-weight: 600;
}

/* باکس‌های وضعیت (احراز هویت شده / نشده) – بدون BG تیره، فقط حاشیه + سایه */
.mihan-profile-box {
    border-radius: 8px;
    padding: 16px 18px;
    margin-bottom: 12px;

    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 10px 24px rgba(0,0,0,0.4);
    background: transparent;
}

/* متن‌ها */
.mihan-profile-text {
    font-size: 14px;
    line-height: 1.8;
}
.mihan-profile-text.warning {
    color: #ffdddd;
}
.mihan-profile-subtext {
    font-size: 12px;
    opacity: 0.85;
    margin-top: 8px;
}

/* فرم تکمیل اطلاعات – وسط‌چین کامل */
.mihan-profile-form {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.mihan-profile-form label {
    font-size: 16px;
    opacity: 0.9;
}

/* input ها: وسط‌چین، BG سفید 80%، سایه مدرن */
.mihan-profile-form input {
    width: 80%;
    max-width: 100%;
    padding: 16px 12px;
    border-radius: 8px;
    border: none;
    outline: none;
    box-sizing: border-box;

    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 16px;
    text-align: center; /* متن و placeholder وسط */

    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.mihan-profile-form input::placeholder {
    color: #fff;
    opacity: 0.8;
    text-align: center; /* در بعضی براوزرها لازم است */
    
}

/* hover/focus → زمینه مشکی، متن سفید */
.mihan-profile-form input:hover,
.mihan-profile-form input:focus {
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    box-shadow: 0 12px 32px rgba(250,0,250,250,0.7);
        border: 1px solid rgba(255,255,255,0.2);

}

/* دکمه ثبت اطلاعات → از کلاس gradient-border استفاده می‌کنیم */
#mihan-profile-save-btn {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 26px;
    background: transparent; /* BG اصلی از خود gradient-border می‌آید */
    text-align: center;
}

/* پیام ثبت */
#mihan-profile-save-msg {
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
}

/* موفق / خطا */
#mihan-profile-save-msg.success {
    color: #fff;
}
#mihan-profile-save-msg.error {
    color: #fff;
}

/* ریسپانسیو موبایل */
@media (max-width: 768px) {
    #mihan-profile-wrap {
        max-width: 90%;
    }

    .mihan-profile-title {
        font-size: 18px;
    }

    .mihan-profile-stat-item {
        font-size: 13px;
        flex-direction: column;
        align-items: center;
    }
}


/* همه عناصر داخل پاپ‌آپ فونت SG-Kara */
#mihan-profile-popup, 
#mihan-profile-popup * {
    font-family: 'SG-Kara', sans-serif !important;
}
.elementor-385 .elementor-element.elementor-element-40152cd{
    direction: rtl!important;
}/* End custom CSS */
/* Start custom CSS */h1, h2, h3, h4, h5, h6 {
    font-family: 'SG-Kara', sans-serif !important;
}

/* Paragraphs */
p {
    font-family: 'SG-Kara', sans-serif !important;
}

/* Links */
a {
    font-family: 'SG-Kara', sans-serif !important;
}

/* Buttons */
button, .button, input[type="submit"], input[type="button"] {
    font-family: 'SG-Kara', sans-serif !important;
}/* End custom CSS */