.MainWrapper {

    background: #fff;
}
/*
** کد CSS نهایی و کامل شده برای دکمه ثبت‌نام و پاپ‌آپ کناری **
این کد شامل تمامی اصلاحات برای نمایش صحیح متن، جابجایی پاپ‌آپ به چپ و بالاترین Z-Index است.
*/

/* 1. کانتینر والد */
.register-container {
    position: relative; 
    display:flex;
    font-family: Tahoma, sans-serif; 
    direction: rtl; 
    width: 198px; /* عرض تعیین شده توسط شما */
    margin: auto;
}

/* 2. دکمه اصلی (آبی رنگ) */
.register-container .register-button {
    display: block;
    background-color: #2c446e; 
    color: white !important; /* تضمین نمایش متن دکمه */
    padding: 15px 72px; /* padding تعیین شده توسط شما */
    font-size: 14px; /* اندازه فونت تعیین شده توسط شما */
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s;
    cursor: pointer;
}

.register-container .register-button:hover {
    background-color: #385994; 
}

/* 3. استایل‌دهی و پنهان‌سازی پاپ‌آپ (با بالاترین Z-Index) */
.register-container .popup-content {
    visibility: hidden; 
    opacity: 0; 
    transition: opacity 0.3s, visibility 0.3s;
    
    /* تضمین بالاترین لایه (Z-Index حداکثری) */
    z-index: 2147483647 !important; 
    
    /* بازگشت به position: absolute برای دنبال کردن دکمه */
    position: absolute; 
    top: 0; 
    
    /* باز شدن در سمت چپ و فاصله گرفتن */
    left: 100%; 
    right: auto !important; 
    margin-right: 10px; 
    margin-left: 0; 

    /* استایل ظاهری و رنگ متن کلی پاپ‌آپ */
    width: 200px;
    background-color: white !important; 
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    padding: 10px;
    color: #333 !important; 
}

/* 4. استایل‌دهی محتوای داخلی پاپ‌آپ */
.register-container .popup-content ul {
    list-style: none !important; 
    padding: 0 !important;
    margin: 0 !important;
}

.register-container .popup-content li {
    padding: 8px 5px !important; 
    border-bottom: 1px solid #eee;
}

/* تضمین نمایش لینک‌ها */
.register-container .popup-content ul li a {
    text-decoration: none !important;
    color: #007bff !important; 
    display: block !important; 
    font-size: 14px !important; 
    line-height: 1.4 !important; 
    background-color: transparent !important; 
    height: auto !important; 
    min-height: 15px !important; 
}

.register-container .popup-content a:hover {
    color: #0056b3 !important;
}

/* برای یادداشت زیر لیست */
.register-container .popup-note {
    font-size: 0.8em !important;
    color: #666 !important; 
    margin-top: 10px;
    text-align: center;
    padding-top: 5px;
    border-top: 1px dashed #eee;
}

/* 5. نمایش پاپ‌آپ هنگام هاور */
.register-container:hover .popup-content {
    visibility: visible;
    opacity: 1;
}