/*========================================================================*/
/* استایل کانتینر و فریم جستجو */
/*========================================================================*/

/*
    این بخش مربوط به استایل کانتینری است که فریم جستجو را نگه می‌دارد.
    استفاده از یک کانتینر مجزا برای کنترل بهتر موقعیت‌دهی توصیه می‌شود.
*/
.search-container {
    position: fixed; /* المان را نسبت به پنجره مرورگر ثابت نگه می‌دارد، حتی با اسکرول کردن */
    left: 1.5cm; /* فاصله ثابت 2 میلی‌متری از لبه چپ مرورگر */
    top: 1.3cm; /* فاصله ثابت 1.3 سانتی‌متری از لبه بالای مرورگر */
    z-index: 1100; /* اطمینان از قرارگیری این المان در بالاترین لایه، روی سایر المان‌ها */
    width: 50%; /* عرض کانتینر (50% از عرض مرورگر) */
    height: 100px; /* ارتفاع ثابت 100 پیکسل */
}

/*
    این بخش مربوط به استایل خود تگ iframe است.
    با استفاده از ID (#searchFrame) این المان را به صورت منحصر به فرد انتخاب می‌کنیم.
*/
#searchFrame {
    width: 100%; /* عرض فریم جستجو را به اندازه کامل کانتینرش تنظیم می‌کند */
    height: 100%; /* ارتفاع فریم جستجو را به اندازه کامل کانتینرش تنظیم می‌کند */
    border: none; /* حذف مرز (border) پیش‌فرض فریم */
}