/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

#melek-promo-banner{
	display:none!important;
}

/* =====================================================
   FIX: Mobile Search Icon
   - Di mobile, icon search yg muncul adalah LINK ke /shop/
   - Seharusnya toggle button (#brxe-qbatvq) yg muncul
   - agar search form (#brxe-tqqhjh) bisa dibuka
   ===================================================== */
@media (max-width: 991px) {
  /* Sembunyikan link ke /shop/ yang menggunakan icon search */
  #brxe-14717d > a.bricks-link-wrapper {
    display: none !important;
  }

  /* Tampilkan toggle button yang membuka search form */
  #brxe-qbatvq {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
    width: 24px;
    height: 24px;
  }

  /* Perbaiki posisi search form agar tidak overflow di layar kecil */
  #brxe-tqqhjh {
    right: 0 !important;
    left: 0 !important;
  }
}

/* ============================================================
   Fix: Search icon pada mobile - tampilkan toggle button
   Bug: Di mobile, ikon search mengarah ke /shop/ karena
        #brxe-mgwlhj (link ke shop) tampil & #brxe-qbatvq
        (toggle form pencarian) tersembunyi.
   ============================================================ */
@media (max-width: 991px) {
  /* Sembunyikan sepenuhnya link ke shop yang salah menggunakan ikon search */
  #brxe-mgwlhj,
  a:has(#brxe-mgwlhj) {
    display: none !important;
  }

  /* Tampilkan tombol toggle yang benar untuk membuka form pencarian */
  #brxe-qbatvq {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
  }

  /* Sesuaikan posisi form pencarian agar tidak overflow di layar kecil */
  #brxe-tqqhjh {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    padding: 8px 16px !important;
    box-sizing: border-box;
    background: transparent !important;
    z-index: 99998 !important;
  }
}

/* ============================================================
   Animasi Search Bar: fade + slide saat buka & tutup
   Bricks toggle menambah/menghapus class "hidden" yang
   secara default memakai display:none. Override agar
   pakai opacity + transform supaya CSS transition bisa jalan.
   ============================================================ */

/* State default (visible) — siapkan transition */
#brxe-tqqhjh {
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* State tersembunyi — override display:none dari .hidden Bricks */
#brxe-tqqhjh.hidden {
  display: block !important;     /* batalkan display:none dari .hidden */
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-10px) !important;
}

/* ============================================================
   Search bar: SVG icon putih + padding form 8px semua sisi
   ============================================================ */
#brxe-tqqhjh .exs-btn svg {
  fill: #ffffff !important;
}

#brxe-tqqhjh .exs {
  padding: 8px !important;
}