/* Logo + search row: keep items together (NOT spaced to edges) */
#header_top_inner .header_brand_row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  width:100%;
  position:relative; /* for mobile dropdown positioning */
}

/* Don't push search to the right */
#header_top_inner .header_brand_right{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:0;
}

/* Desktop/default: show search form */
#header_top_inner .header-search-form{
  display:flex;
  align-items:center;
  gap:8px;
}

#header_top_inner .header-search-form input[type="search"]{
  width:520px;
  max-width:52vw;
  height:44px;
  font-size:18px;
  padding:0 14px;
  border-radius:6px;
}

#header_top_inner .header-search-form button{
  height:44px;
  padding:0 14px;
  font-size:18px;
  cursor:pointer;
}

/* Mobile icon button (hidden on desktop) */
#header_top_inner .header-search-toggle{
  display:none;
  background:transparent;
  border:0;
  cursor:pointer;
  padding:0;
  line-height:1;
}

/* Default: show magnifier, hide X */
#header_top_inner .header-search-toggle .header-icon-search{ display:inline-block; }
#header_top_inner .header-search-toggle .header-icon-close{ display:none; }

/* Mobile behavior */
@media (max-width: 767px){

  /* show the BUTTON on mobile and make icon bigger */
  #header_top_inner .header-search-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    padding:8px;
  }

  /* make both icons inherit the button font-size */
  #header_top_inner .header-search-toggle .header-icon-search,
  #header_top_inner .header-search-toggle .header-icon-close{
    font-size:1em;
    line-height:1;
  }

  /* When open: hide magnifier, show X */
  .header-search-toggle[aria-expanded="true"] .header-icon-search{
    display:none !important;
  }
  .header-search-toggle[aria-expanded="true"] .header-icon-close{
    display:inline-block !important;
  }

  /* Backup icon swap if aria-expanded gets overridden */
  .header-search-toggle.is-open .header-icon-search{
    display:none !important;
  }
  .header-search-toggle.is-open .header-icon-close{
    display:inline-block !important;
  }

  /* MOBILE ONLY: hide the form until toggled */
  #header_top_inner .header-search-form{
    display:none;
    position:absolute;
    top:100%;
    left:10px;
    right:10px;
    margin-top:10px;
    background:#111;
    padding:12px;
    border-radius:10px;
    z-index:9999;
  }

  #header_top_inner .header-search-form.is-open{
    display:flex;
  }

  #header_top_inner .header-search-form input[type="search"]{
    width:100%;
    max-width:none;
    height:44px;
    font-size:18px;
  }
}