/* --- استایل پایه برای بخش نظرسنجی هوشمند --- */

/* کانتینر اصلی برای ایجاد فاصله و حاشیه */
.smart-riddle-survey-wrapper {
    margin: 30px 0; /* فاصله بالا و پایین */
    padding: 20px;
    background-color: #f9f9f9; /* رنگ پس زمینه ملایم */
    border: 1px solid #e0e0e0; /* حاشیه خاکستری */
    border-radius: 8px; /* گوشه‌های گرد */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* سایه ملایم */
}

/* کانتینر داخلی */
.smart-riddle-survey {
    text-align: center; /* متن‌ها وسط‌چین (اختیاری) */
}

/* استایل سوال */
.smart-riddle-survey h4 {
    font-size: 1.1em; /* کمی بزرگتر از متن عادی */
    color: #333;
    margin-bottom: 20px; /* فاصله از گزینه‌ها */
    line-height: 1.5;
}

/* استایل لیست گزینه‌ها */
.smart-riddle-options {
    list-style: none; /* حذف نقطه‌های لیست */
    padding: 0;
    margin: 0;
}

/* استایل هر آیتم لیست */
.smart-riddle-options li {
    margin-bottom: 10px; /* فاصله بین گزینه‌ها */
}

/* استایل دکمه‌های گزینه‌ها */
.smart-riddle-option-btn {
    display: block; /* تمام عرض را بگیرد */
    width: 100%;
    padding: 12px 15px;
    font-size: 1em;
    background-color: #fff;
    color: #0073aa; /* رنگ آبی پیش‌فرض وردپرس */
    border: 1px solid #0073aa;
    border-radius: 5px;
    cursor: pointer; /* نشانگر موس به شکل دست */
    transition: background-color 0.2s ease, color 0.2s ease; /* انیمیشن نرم */
    text-align: center;
}

/* استایل دکمه‌ها هنگام هاور (بردن موس روی آن) */
.smart-riddle-option-btn:hover {
    background-color: #0073aa;
    color: #fff;
}

/* استایل دکمه‌ی انتخاب شده */
.smart-riddle-option-btn.selected-option {
    background-color: #4CAF50; /* سبز */
    color: #fff;
    border-color: #4CAF50;
}

/* استایل دکمه‌های غیرفعال شده */
.smart-riddle-option-btn:disabled {
    background-color: #f0f0f0;
    color: #999;
    border-color: #dcdcdc;
    cursor: not-allowed; /* نشانگر "غیرمجاز" */
    opacity: 0.7;
}

/* استایل دکمه‌های غیرفعال (به جز انتخاب شده) */
.smart-riddle-option-btn:disabled:not(.selected-option) {
    background-color: #f0f0f0;
    color: #999;
    border-color: #dcdcdc;
    opacity: 0.6; /* کمی محوتر */
}


/* استایل پیام تشکر (که با JS نمایش داده می‌شود) */
.smart-riddle-message {
    padding: 15px;
    margin-top: 15px;
    background-color: #e8f5e9; /* سبز ملایم */
    border: 1px solid #a5d6a7;
    color: #2e7d32; /* سبز تیره */
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
}