/*
  FUTURESTARR — PHASE-1.5 CSS OVERRIDES (CANONICAL)
  Purpose: lock UX-friendly sizing for header/footer logos + store badges.
  Rules:
  - No stretching (width:auto + object-fit:contain)
  - Small/tight header (desktop 42px max-height; mobile 34px)
  - Footer logo smaller than header (30px max-height)
  - Badges compact (28px max-height)
*/

/* =========================
   HEADER BRAND / LOGO
   ========================= */

/* Prefer the real header logo class if present */
img.fs-header__logo{
  height: auto !important;
  width: auto !important;
  max-height: 42px !important;   /* desktop target */
  max-width: 200px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}

/* Fallback selectors if class changes */
header img[src*="futurestarr"],
header img[alt*="FutureStarr"],
header .logo img,
header .navbar-brand img{
  height: auto !important;
  width: auto !important;
  max-height: 42px !important;
  max-width: 200px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}

/* Keep logo container from shrinking in flex headers */
.fs-header__brand,
header .logo,
header .header-logo,
header .navbar-brand{
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

/* Mobile sizing */
@media (max-width: 640px){
  img.fs-header__logo,
  header img[src*="futurestarr"],
  header img[alt*="FutureStarr"],
  header .logo img,
  header .navbar-brand img{
    max-height: 34px !important;
    max-width: 160px !important;
  }
}

/* =========================
   FOOTER LOGO
   ========================= */

footer img[src*="futurestarr"],
footer img[alt*="FutureStarr"],
footer .connect img,
footer .footer-logo img{
  height: auto !important;
  width: auto !important;
  max-height: 30px !important;   /* smaller than header */
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
}

/* =========================
   STORE BADGES
   ========================= */

footer img[src*="google-play"],
footer img[src*="app-store"],
footer img[alt*="Google"],
footer img[alt*="Apple"]{
  height: auto !important;
  width: auto !important;
  max-height: 28px !important;   /* compact */
  max-width: 180px !important;
  object-fit: contain !important;
  display: inline-block !important;
}