/* =========================================================
   📱 نسخة الجوال — شريط بحث طويل ومرتب بدون تعارض
========================================================= */
@media (max-width: 768px) {

  /* إزالة أي تنسيقات ثابتة تسبب مشاكل */
  .s-search-bar,
  .s-search-container,
  .s-search-inline,
  .s-search-modal {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
  }

  /* 🔥 شريط البحث الطويل */
  input.s-search-input {
    background: #222 !important;
    color: #fff !important;
    font-size: 17px !important;
    border: 1px solid #444 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;

    width: 100% !important;       /* 🔥 العرض كامل */
    max-width: 95% !important;    /* مسافة بسيطة من الأطراف */
    margin: 12px auto 0 auto !important; /* رفع الشريط */
    display: block !important;

    text-align: center !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.45) !important;
    transition: all 0.3s ease !important;
  }

  input.s-search-input::placeholder {
    color: #bbb !important;
  }

  input.s-search-input:focus {
    background: #000 !important;
    border-color: #c00 !important;
    box-shadow: 0 0 10px rgba(255,0,0,0.45) !important;
  }

  /* 🔒 إخفاء أيقونات البحث بالكامل */
  .s-search-icon,
  .search-toggle,
  .icon--search,
  button[class*="search"],
  header button svg,
  header .s-search-button,
  header .search-button,
  header .search-toggle,
  header [class*="icon-search"],
  header svg[class*="search"],
  header [data-action="open-search"],
  button[aria-label*="بحث"],
  button[aria-label*="search"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}



/* =========================================================
   🖥️ نسخة الكمبيوتر — شريط طويل غامق بالنص
========================================================= */
@media (min-width: 769px) {

  .s-search-bar,
  .s-search-container,
  .search-bar,
  .s-search-input-wrapper {
    background: #1b1b1b !important;
    border-radius: 12px !important;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.35) !important;
    transition: all 0.3s ease-in-out !important;

    width: 750px !important;       /* 🔥 أطول */
    max-width: 90% !important;
    margin: 0 auto !important;     /* بالنص */
  }

  .s-search-bar:hover,
  .s-search-container:hover {
    box-shadow: 0 0 30px rgba(255, 0, 0, 0.55) !important;
    transform: scale(1.02);
  }

  input.s-search-input {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 17px !important;
    padding: 12px 18px !important;
    width: 100% !important;
    outline: none !important;
  }

  input.s-search-input::placeholder {
    color: #bbb !important;
  }
}
/* ================================
   إظهار شريط البحث داخل صفحة المنتج
==================================*/

/* فرض ظهور شريط البحث مهما كان الهيدر */
.single-product .s-search-bar,
.single-product .s-search-container,
.single-product .search-bar,
.single-product .s-search-input-wrapper {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* ضمان ظهور خانة الإدخال */
.single-product input.s-search-input {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* إزالة أي كود يخفيه في المنتجات */
.single-product .s-search-bar.hidden,
.single-product .search-bar.hidden,
.single-product .header-search-hidden {
    display: block !important;
}
/* ========================================================
   🔥 منع أي JavaScript من إخفاء شريط البحث نهائياً
======================================================== */

.s-search-bar,
.s-search-container,
.search-bar,
.s-search-input-wrapper,
input.s-search-input {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    max-height: none !important;
    pointer-events: auto !important;
}

/* في صفحات المنتجات */
.single-product .s-search-bar,
.single-product .s-search-container,
.single-product .search-bar,
.single-product .s-search-input-wrapper,
.single-product input.s-search-input {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 🔥 منع السكربت من عمل fadeOut/slideUp */
.s-search-bar[style*="display:none"],
.s-search-container[style*="display:none"],
.search-bar[style*="display:none"],
.s-search-input-wrapper[style*="display:none"] {
    display: block !important;
}

/* 🔥 بعض القوالب تضيف inline style مثل visibility:hidden */
[style*="visibility:hidden"] {
    visibility: visible !important;
    opacity: 1 !important;
}