/* GHFS Header Banner + Logo (v4)
   Fixes: logo too small (was overridden), banner/search overlap, nicer layout.
*/

/* Bigger logo everywhere (Twenty-One/Six/custom) */
.navbar-brand img,
a.navbar-brand img,
.logo img,
.header-logo img,
#logo img,
img.logo{
  height: 92px !important;
  max-height: none !important;
  width: auto !important;
}

.navbar-brand,
a.navbar-brand,
.logo{
  display: inline-flex !important;
  align-items: center !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Banner injected by hook */
.ghfs-header-banner{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(12,18,28,.10);
}
.ghfs-header-banner a{ display: inline-flex; align-items: center; }
.ghfs-header-banner img{
  height: 52px;
  width: auto;
  display:block;
  border-radius: 12px;
}

/* Desktop layout: logo left, banner centered, KB search right */
@media (min-width: 992px){
  header .navbar .container.ghfs-has-banner,
  header .navbar .container-fluid.ghfs-has-banner{
    display: grid !important;
    grid-template-columns: auto 1fr minmax(320px, 520px) auto;
    align-items: center !important;
    column-gap: 16px;
  }

  .ghfs-has-banner .navbar-brand,
  .ghfs-has-banner a.navbar-brand{ grid-column: 1; justify-self: start; }

  .ghfs-has-banner .ghfs-header-banner{ grid-column: 2; justify-self: center; }

  .ghfs-has-banner .ghfs-header-search{ grid-column: 3; justify-self: end; width: 100%; }

  /* Optional: if the cart button is present in header */
  .ghfs-has-banner .ghfs-header-actions{ grid-column: 4; justify-self: end; }
}

/* Mobile: hide banner to keep header clean, slightly smaller logo */
@media (max-width: 991px){
  .ghfs-header-banner{ display: none !important; }
  .navbar-brand img,
  a.navbar-brand img,
  .logo img,
  .header-logo img,
  #logo img,
  img.logo{
    height: 68px !important;
  }
}