/* --- تثبيت الناف بار والريسبونسف (للصفحة الرئيسية فقط) --- */

/* منع التمرير الأفقي وثبات الخلفية */
html, body, #app {
  background-color: #fdfcf1 !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

/* الناف بار يطفو بشفافية كاملة وثابت فوق الفيديو في الصفحة الرئيسية فقط */
body:not(.cart-page):not(.product-page) header.site-header, 
body:not(.cart-page):not(.product-page) .site-header, 
body:not(.cart-page):not(.product-page) .header-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
  z-index: 99999 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  direction: rtl !important;
  padding: 16px 30px !important;
  box-sizing: border-box !important;
  transform: none !important;
  margin: 0 !important;
}

/* حماية قائمة السلة المنسدلة من أي مربعات بيضاء أو تداخل */
.cart-dropdown, [class*="cart-box"], .header-wrapper .dropdown-menu {
  background-color: #ffffff !important;
  position: absolute !important;
  z-index: 999999 !important;
}

/* تخصيص مظهر الشعار الجديد داخل الهيدر */
#custom-top-right-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  margin-left: 20px !important;
  margin-right: 0 !important;
  flex-shrink: 0 !important;
}

#custom-top-right-logo img {
  min-height: 55px !important;
  max-height: 90px !important;
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  filter: brightness(1.2) drop-shadow(0 4px 12px rgba(0,0,0,0.8)) !important;
}

/* تنسيق حقل البحث داخل الهيدر الشفاف */
header.site-header form[action*="search"], 
.site-header [class*="search"] {
  flex: 1 !important;
  max-width: 380px !important;
  margin: 0 15px !important;
}

header.site-header input[type="search"], 
header.site-header input[type="text"] {
  background: rgba(255,255,255,0.15) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #fff !important;
  border-radius: 30px !important;
  height: 40px !important;
  padding: 0 15px 0 35px !important;
}

header.site-header input::placeholder {
  color: rgba(255,255,255,0.7) !important;
}

/* ضمان ظهور الأيقونات والروابط بلون أبيض ناصع فوق الفيديو في الصفحة الرئيسية فقط */
body:not(.cart-page):not(.product-page) header.site-header a, 
body:not(.cart-page):not(.product-page) header.site-header svg, 
body:not(.cart-page):not(.product-page) header.site-header i, 
body:not(.cart-page):not(.product-page) header.site-header span,
body:not(.cart-page):not(.product-page) header.site-header button {
  color: #fff !important;
  fill: #fff !important;
}