/* Start custom CSS for shortcode, class: .elementor-element-f396017 *//* --- استایل دهی کلی برای تمام فیلدهای ورودی در گرویتی فرم (شامل فیلدهای سفارشی) --- */
body .gform_wrapper input[type]:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="radio"]):not([type="checkbox"]),
body .gform_wrapper textarea,
body .gform_wrapper select {
    border: 1px solid #dcdcdc; /* حاشیه نازک و روشن */
    background-color: #ffffff; /* پس‌زمینه سفید */
    padding: 12px 15px; /* پدینگ داخلی برای راحتی در ورود متن */
    border-radius: 6px; /* گوشه‌های کمی گرد برای ظاهری نرم‌تر */
    box-shadow: none; /* حذف سایه پیش‌فرض */
    width: 100%; /* فیلد تمام عرض موجود را پر کند */
    color: #333333; /* رنگ متن تیره برای خوانایی بالا */
    font-family: 'Arial', sans-serif; /* فونت تمیز و حرفه‌ای */
    font-size: 16px; /* اندازه فونت مناسب */
    line-height: 1.5; /* فاصله خطوط برای خوانایی بهتر */
    transition: all 0.3s ease; /* انیمیشن نرم برای تغییرات */
    box-sizing: border-box; /* اطمینان از اینکه پدینگ و حاشیه به عرض فیلد اضافه نشود */
}

/* --- استایل دهی در حالت فوکوس (زمانی که کاربر روی فیلد کلیک می‌کند) --- */
body .gform_wrapper input[type]:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="radio"]):not([type="checkbox"]):focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
    border-color: #007bff; /* تغییر رنگ حاشیه به آبی جذاب */
    outline: none; /* حذف outlines پیش‌فرض مرورگر */
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.3); /* سایه ملایم برای تاکید */
}

/* --- استایل دهی برای لیبل‌ها (برچسب‌های بالای فیلد) --- */
body .gform_wrapper .gfield_label {
    display: block; /* نمایش به صورت بلوک برای قرار گرفتن در خط جدید */
    margin-bottom: 8px; /* فاصله از فیلد زیرین */
    color: #555555; /* رنگ خاکستری تیره برای لیبل‌ها */
    font-family: 'Arial', sans-serif;
    font-size: 14px; /* اندازه فونت کمی کوچکتر از فیلد */
    font-weight: 600; /* کمی پررنگ‌تر برای برجسته‌سازی */
    /* اگر فرم شما RTL (راست به چپ) است، از این خط استفاده کنید */
    text-align: right; 
}

/* --- استایل برای Placeholder (متن راهنمای داخل فیلد) --- */
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
    color: #aaaaaa; /* رنگ خاکستری روشن‌تر برای متن راهنما */
    opacity: 1; /* اطمینان از نمایش کامل رنگ */
    /* اگر فرم شما RTL (راست به چپ) است، از این خط استفاده کنید */
    text-align: right; 
}

/* --- استایل برای فیلدهای رادیو باتن و چک باکس --- */
/* لیبل‌ها */
body .gform_wrapper .gfield_checkbox label,
body .gform_wrapper .gfield_radio label {
    display: inline-block; /* نمایش در یک خط با کنترل */
    margin-right: 8px; /* فاصله از رادیو/چک باکس برای RTL */
    font-weight: normal; /* فونت معمولی برای این لیبل‌ها */
    color: #555555; /* رنگ متن */
    font-size: 15px; /* اندازه فونت */
    cursor: pointer; /* نشانگر دست هنگام هاور */
}

/* خود رادیو باتن و چک باکس */
body .gform_wrapper input[type="radio"],
body .gform_wrapper input[type="checkbox"] {
    transform: scale(1.1); /* کمی بزرگ‌تر برای دید بهتر */
    cursor: pointer; /* نشانگر دست هنگام هاور */
    margin-left: 5px; /* فاصله از لیبل برای RTL */
}

/* --- استایل دهی برای دکمه ارسال (Submit Button) --- */
body .gform_wrapper input[type="submit"],
body .gform_wrapper button[type="submit"] {
    background-color: #007bff; /* رنگ آبی جذاب */
    color: #ffffff; /* متن سفید */
    padding: 12px 25px; /* پدینگ برای دکمه */
    border: none; /* بدون حاشیه */
    border-radius: 6px; /* گوشه‌های گرد */
    font-size: 17px; /* اندازه فونت بزرگتر */
    font-weight: 600; /* پررنگ */
    cursor: pointer; /* نشانگر دست */
    transition: background-color 0.3s ease, transform 0.2s ease; /* انیمیشن نرم */
    width: auto; /* عرض دکمه بر اساس محتوا */
}

body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper button[type="submit"]:hover {
    background-color: #0056b3; /* رنگ آبی تیره‌تر هنگام هاور */
    transform: translateY(-1px); /* کمی حرکت به بالا */
}

.elementor-17246 .elementor-element.elementor-element-f396017 .toc_container {
    display: none;
}/* End custom CSS */