/*
 * Child responsive overrides.
 * Loaded after parent theme responsive.css
 */


@media (min-width: 1025px) {

}

/* Keep desktop header but use a smaller logo on tablets/phones */
@media (min-width: 874px) and (max-width: 1024px) {
  body:not(.menu_mobile) .top_panel_wrap .logo_main {
    height: 90px;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 873px) {
  body:not(.menu_mobile) .top_panel_wrap .logo_main {
    height: 70px;
    width: auto;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .top_panel_middle .logo img {
    max-height: none !important;
  }
  body:not(.menu_mobile) .top_panel_wrap .logo_main {
    height: 60px;
    width: auto;
  }
}

@media (max-width: 479px) {
  header.top_panel_wrap.top_panel_style_8 .top_panel_wrap_inner.top_panel_inner_style_8 .top_panel_middle .content_wrap {
    gap: 2px;
    padding-left: 0;
    padding-right: 0;
  }
  /* Kill clearfix pseudo-elements — they become ghost flex items */
  .top_panel_style_8 .top_panel_middle .content_wrap::before,
  .top_panel_style_8 .top_panel_middle .content_wrap::after {
    display: none !important;
  }
  /* Menu button: left */
  .top_panel_style_8 .top_panel_middle .menu_pushy_wrap {

  }
  /* Logo: center — takes all remaining space */
  header.top_panel_wrap.top_panel_style_8 .top_panel_wrap_inner.top_panel_inner_style_8 .top_panel_middle .contact_logo {
    padding: 10px 0;
  }
  .top_panel_style_8 .top_panel_middle .logo {
    margin: 0 auto;
  }
  .top_panel_middle .logo img {
    max-height: none;
  }
  body:not(.menu_mobile) .top_panel_wrap .logo_main {
    height: 60px;
    width: auto;
  }
  /* Cart/search buttons: right */
  header.top_panel_wrap.top_panel_style_8 .top_panel_wrap_inner.top_panel_inner_style_8 .top_panel_middle .top_panel_buttons {
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* Reset padding from parent theme */
  body:not(.top_panel_fixed) .top_panel_inner_style_8 .menu_pushy_button {
    margin-top: 15px;
  }

}