/* ──────────────────────────────────────────────────────────
   ASTRO — شريط البحث
   ──────────────────────────────────────────────────────────
   شكل واحد مشترك بين بحث الصفحة الرئيسية وبحث صفحة التصنيف.
────────────────────────────────────────────────────────── */

    /* ══ SEARCH ══ */
    .search-bar-wrap {
      max-width: 1080px;
      margin: 0 auto 28px;
      position: relative;
    }
    .search-bar {
      width: 100%;
      background: rgba(20,10,40,0.7);
      border: 1px solid rgba(138,77,255,0.2);
      border-radius: 8px;
      padding: 13px 46px 13px 18px;
      color: var(--wh);
      font-family: 'Cairo', sans-serif;
      font-size: 0.92rem;
      outline: none;
      transition: border-color 0.25s;
      backdrop-filter: blur(8px);
    }
    .search-bar:focus { border-color: var(--pm); }
    .search-bar::placeholder { color: rgba(242,242,247,0.3); }
    .search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 1rem; color: rgba(192,132,252,0.5); pointer-events: none; }
    .search-clear { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); background: none; border: none; color: rgba(242,242,247,0.4); font-size: 1rem; cursor: pointer; display: none; }
    .search-clear.visible { display: block; }