/* Pawon Nusantara v7.4.32 - Marketplace search own row
   Scope: visual header layout only. Search is moved to a dedicated second row in the marketplace header.
   Backend, cart, checkout, order, auth, app_key, and production data are untouched. */

body[data-layout-theme="marketplace_compact"] .header-main--market{
  display:grid!important;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;
  grid-template-areas:
    "brand actions"
    "brand search"!important;
  align-items:center!important;
  column-gap:18px!important;
  row-gap:7px!important;
  min-height:0!important;
  padding:11px 0 10px!important;
}

body[data-layout-theme="marketplace_compact"] .header-brand{
  grid-area:brand!important;
  align-self:center!important;
  order:0!important;
  min-width:0!important;
  max-width:380px!important;
}

body[data-layout-theme="marketplace_compact"] .brand__mark--logo{
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
  padding:5px!important;
  overflow:visible!important;
}

body[data-layout-theme="marketplace_compact"] .brand__mark--logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

body[data-layout-theme="marketplace_compact"] .header-actions--market{
  grid-area:actions!important;
  order:0!important;
  justify-self:end!important;
  align-self:end!important;
  width:auto!important;
  max-width:100%!important;
  flex:0 1 auto!important;
  margin-left:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
}

body[data-layout-theme="marketplace_compact"] .header-search.global-search{
  grid-area:search!important;
  order:0!important;
  justify-self:center!important;
  align-self:start!important;
  flex:none!important;
  width:min(720px,100%)!important;
  max-width:720px!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0 0 0 13px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(8,31,68,.17)!important;
}

body[data-layout-theme="marketplace_compact"] .header-search.global-search>svg{
  width:18px!important;
  height:18px!important;
  color:#758299!important;
}

body[data-layout-theme="marketplace_compact"] .header-search input{
  height:40px!important;
  min-width:0!important;
  color:#22304a!important;
  font-size:13px!important;
}

body[data-layout-theme="marketplace_compact"] .header-search button{
  min-width:96px!important;
  height:40px!important;
  border-radius:0 11px 11px 0!important;
  background:var(--market-yellow)!important;
  color:#121d30!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:none!important;
}

body[data-layout-theme="marketplace_compact"] .search-results{
  top:calc(100% + 5px)!important;
  left:0!important;
  right:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

body[data-layout-theme="marketplace_compact"] .header-action-link--whatsapp{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#18c475 0%,#079054 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(4,118,68,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

body[data-layout-theme="marketplace_compact"] .header-action-link--whatsapp:hover{
  background:linear-gradient(135deg,#22d982 0%,#057845 100%)!important;
}

@media(max-width:1180px){
  body[data-layout-theme="marketplace_compact"] .header-main--market{
    grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-search.global-search{
    width:100%!important;
    max-width:640px!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-actions--market{
    gap:6px!important;
  }
}

@media(max-width:980px){
  body[data-layout-theme="marketplace_compact"] .header-main--market{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand actions"
      "search search"!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-brand{
    max-width:none!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-search.global-search{
    justify-self:stretch!important;
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:620px){
  body[data-layout-theme="marketplace_compact"] .header-main--market{
    row-gap:8px!important;
    padding:10px 0!important;
  }
  body[data-layout-theme="marketplace_compact"] .brand__mark--logo{
    flex-basis:50px!important;
    width:50px!important;
    height:50px!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-search.global-search{
    height:40px!important;
    border-radius:10px!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-search input,
  body[data-layout-theme="marketplace_compact"] .header-search button{
    height:38px!important;
  }
  body[data-layout-theme="marketplace_compact"] .header-search button{
    min-width:76px!important;
    font-size:12px!important;
  }
}