/**
 * Public header logo — height follows Theme Customize > General > Logo Height
 * (`$theme->logo_height` → `--gsts-theme-logo-height` on `<header class="header">`).
 * Favicon in head is unchanged (no .img-logo).
 */

/* —— Storefront / orderflow header (includes/header.blade.php + scoped mobile rules) —— */
.header .gsts-mobile-nav .gsts-brand .navbar-brand {
  max-width: min(340px, 78vw) !important;
}

.header .gsts-mobile-nav .gsts-brand .img-logo {
  height: var(--gsts-theme-logo-height, 40px) !important;
  max-height: var(--gsts-theme-logo-height, 40px) !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.header .gsts-mobile-nav.navbar {
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
}

@media (min-width: 992px) {
  .header .gsts-mobile-nav.navbar {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }
}

/* —— Marketing brochure header (includes/marketing-header.blade.php) —— */
body.gsts-marketing-shell .gsts-marketing-topnav .navbar-brand {
  max-width: min(360px, 82vw) !important;
}

body.gsts-marketing-shell .gsts-marketing-topnav .navbar-brand .img-logo {
  height: var(--gsts-theme-logo-height, 42px) !important;
  max-height: var(--gsts-theme-logo-height, 42px) !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

@media (min-width: 992px) {
  body.gsts-marketing-shell .gsts-marketing-topnav .navbar-brand .img-logo {
    height: var(--gsts-theme-logo-height, 46px) !important;
    max-height: var(--gsts-theme-logo-height, 46px) !important;
  }
}

/* Text mark fallback */
.header .gsts-mobile-nav .text-logo,
body.gsts-marketing-shell .gsts-marketing-topnav .text-logo {
  font-size: clamp(1.4rem, 4.5vw, 2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.05;
  letter-spacing: -0.02em;
}