/* =======================================================================
   KANO — Header right cluster (Spreadshirt-like) v1
   - Utility links: text + svg
   - Search: right side + svg icon
   - Heart + cart: svg only (no text)
   ======================================================================= */

.utility-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.utility-link .ui-ico{
  width: 14px;
  height: 14px;
  display: inline-block;
}

.nav-center{
  flex: 1;
  min-width: 0;
}

/* Right cluster: search + icons */
.header-actions.header-right{
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Search width near right like Spreadshirt */
.header-actions.header-right .header-search-main{
  flex: 0 1 540px;
  max-width: 540px;
  margin: 0;
}

@media (max-width: 1100px){
  .header-actions.header-right .header-search-main{
    flex-basis: 420px;
    max-width: 420px;
  }
}

@media (max-width: 900px){
  .header-actions.header-right{
    gap: 12px;
  }
  .header-actions.header-right .header-search-main{
    flex-basis: 320px;
    max-width: 320px;
  }
}

/* Use SVG search icon instead of CSS-drawn magnifier */
.header-search-main button{
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-search-main button::before,
.header-search-main button::after{
  content: none !important;
  display: none !important;
}

.header-search-main button .ui-ico{
  width: 20px;
  height: 20px;
  display: block;
}

/* Icon buttons */
.header-icon{
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  cursor: pointer;
  color: inherit;
}

.header-icon .ui-ico{
  width: 24px;
  height: 24px;
  display: block;
}

/* Cart badge */
.header-cart{
  position: relative;
}

.header-cart .cart-badge{
  position: absolute;
  top: 2px;
  right: 0px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ffc400;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,0,0,0.15);
}

/* --- hardening: ensure SVG <img> isn't hidden by other rules --- */
.ui-ico{ display:block !important; opacity:1 !important; visibility:visible !important; }
.header-search-main button img.ui-ico{ pointer-events:none; }

/* --- PATCH: sepet + sipariş takibi kamyon ikonu biraz büyüt --- */

/* Sepet ikonu (sağdaki cart.svg) */
.header-cart .ui-ico{
  width: 26px;
  height: 26px;
}

/* Üst utility bardaki "Sipariş Takibi" kamyon ikonu (delivery.svg) */
.utility-bar .utility-link[href*="siparis-takip"] .ui-ico{
  width: 20px;
  height: 20px;
}