/**
 * Kalatak Smart System Plugin Styles
 * نهایی و یکپارچه
 */

#kalatak-consultation-container {
    font-family: 'Tahoma', 'IranSans', Arial, sans-serif;
    max-width: 750px;
    margin: 20px auto;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    direction: rtl;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#kalatak-consultation-container h2 {
    text-align: center;
    color: #2c5e2e; 
    margin-bottom: 15px;
    font-size: 1.8em;
}

#kalatak-consultation-container > p {
    text-align: center;
    margin-bottom: 25px;
    font-size: 0.95em;
    color: #555;
}

/* --- استایل‌های فرم --- */
#kalatak-consultation-form div { margin-bottom: 20px; }
#kalatak-consultation-form label { display: block; margin-bottom: 8px; font-weight: bold; color: #333; font-size: 0.95em; }
#kalatak-consultation-form input[type="text"],
#kalatak-consultation-form select,
#kalatak-consultation-form textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; font-family: inherit; font-size: 0.9em; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
#kalatak-consultation-form input[type="text"]:focus,
#kalatak-consultation-form select:focus,
#kalatak-consultation-form textarea:focus { border-color: #4CAF50; box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25); outline: none; }
#kalatak-consultation-form textarea { resize: vertical; min-height: 100px; }
#kalatak-consultation-form hr { margin: 30px 0; border: 0; border-top: 1px solid #e0e0e0; }
#kalatak-consultation-form p.optional-info-text { text-align:center; font-size:0.95em; color:#333; margin-bottom: 20px; } /* This class was not in HTML, but keeping style in case */
#kalatak-consultation-form button[type="submit"] { background-color: #4CAF50; color: white; padding: 12px 30px; border: none; border-radius: 5px; cursor: pointer; font-size: 1.05em; font-weight: bold; transition: background-color 0.3s ease, transform 0.2s ease; display: block; width: auto; margin: 20px auto 0 auto; }
#kalatak-consultation-form button[type="submit"]:hover { background-color: #45a049; transform: translateY(-2px); }
#kalatak-consultation-form button[type="submit"]:disabled { background-color: #cccccc; cursor: not-allowed; transform: translateY(0); }
#kalatak-consultation-form .kss-submit-note { text-align: center; font-size: 0.85em; color: #777; margin-top: 10px; padding: 0 15px; }


/* === نتایج مشاوره === */
#kalatak-results-area {
    margin-top: 35px;
    padding: 25px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
#kalatak-results-area h3 { /* عنوان "نتایج مشاوره هوشمند کالاتک" */
    color: #2c5e2e;
    margin-top: 0;
    border-bottom: 2px solid #4CAF50;
    padding-bottom: 12px;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 25px;
}

/* استایل برای لیست شماره‌دار نتایج */
.kss-ordered-list {
    list-style-type: none; 
    padding-right: 0; 
    margin: 0;
}

.kss-ordered-list li {
    margin-bottom: 25px; /* کاهش فاصله */
    padding-bottom: 15px; /* کاهش پدینگ */
    border-bottom: 1px dashed #e0e0e0;
}

.kss-ordered-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.kss-ordered-list h4 { /* عنوان هر بخش از توصیه */
    font-size: 1.2em; /* کمی کوچکتر */
    color: #333; 
    margin-bottom: 8px;
    margin-top: 0; 
}

/* استایل برای شماره‌ای که توسط جاوااسکریپت به h4 اضافه می‌شود */
.kss-ordered-list h4 .item-number {
    color: #4CAF50;
    font-weight: bold;
    margin-left: 8px; 
    display: inline-block; 
    font-style: normal; /* برای آیکون ستاره */
}
.kss-ordered-list h4 .kss-magical-icon {
    color: #FFC107; /* رنگ زرد برای ستاره */
    font-size: 1.2em; /* اندازه آیکون */
}


.kss-ordered-list p { /* متن توصیه‌ها */
    line-height: 1.7; /* کمی کاهش */
    color: #555;
    margin-bottom: 0;
    white-space: pre-wrap; /* حفظ شکست خطوط از API */
    font-size: 0.95em;
    padding-right: 5px; 
}

/* استایل برای جعبه توصیه جادویی */
.kss-magical-tip-box {
    background-color:#fff8e1; /* زرد خیلی روشن */
    padding: 15px 20px; 
    border:1px solid #ffecb3; 
    border-right: 5px solid #ffc107; /* زرد پررنگ‌تر برای تاکید */
    border-radius:6px; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.07);
    margin-top: 10px;
}
.kss-magical-tip-box p { 
    font-size:1.0em; 
    line-height:1.7; 
    color:#5d4037; /* قهوه‌ای تیره */
    margin:0; 
}
/* استایل خاص برای عنوان توصیه جادویی */
.kss-ordered-list li[data-section="magical_tip"] > h4 { /* انتخاب مستقیم h4 */
    color: #b30000 !important; /* قرمز تیره */
    border-top: 2px solid #b30000;
    padding-top:15px; 
    margin-top:25px; 
    font-weight: bold;
}


/* === پیام‌های وضعیت === */
.kss-loading-message { text-align: center; padding: 25px; font-style: italic; color: #555; font-size: 1.05em; border: 1px dashed #ccc; border-radius: 5px; background-color: #f8f8f8; }
.kss-loading-message::before { content: "⏳ "; margin-left: 8px; font-style: normal; }

.kss-error-message { color: #842029; font-weight: 500; padding: 15px 20px; border: 1px solid #f5c2c7; background-color: #f8d7da; border-radius: 6px; text-align: center; font-size: 0.95em; line-height: 1.6; }
.kss-error-message::before { content: "⚠️ "; margin-left: 8px; font-style: normal;}