/* Phase 5P - Header logo fix
   Restores the actual Myteria logo image in the old-store shell header.
   This file intentionally loads last so it overrides earlier text-logo rules. */

.main-header .main-title,
.main-title {
  display: block !important;
  flex: 0 0 auto !important;
  width: clamp(170px, 13.5vw, 245px) !important;
  max-width: 245px !important;
  min-width: 170px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  color: transparent !important;
}

.main-header .main-title a,
.main-title a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  color: transparent !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

.main-header .main-title a::before,
.main-title a::before,
.main-header .main-title a::after,
.main-title a::after {
  content: none !important;
  display: none !important;
}

.main-header .main-title img,
.main-title img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: left center !important;
  vertical-align: middle !important;
  image-rendering: auto !important;
}

.main-header .header-lhs {
  flex: 0 0 auto !important;
  min-width: clamp(170px, 13.5vw, 245px) !important;
}

@media (max-width: 1180px) {
  .main-header .main-title,
  .main-title {
    width: clamp(150px, 18vw, 215px) !important;
    min-width: 150px !important;
  }

  .main-header .header-lhs {
    min-width: clamp(150px, 18vw, 215px) !important;
  }
}

@media (max-width: 720px) {
  .main-header .main-title,
  .main-title {
    width: clamp(130px, 42vw, 190px) !important;
    min-width: 130px !important;
    max-width: 190px !important;
  }

  .main-header .main-title img,
  .main-title img {
    max-height: 68px !important;
  }

  .main-header .header-lhs {
    min-width: 0 !important;
  }
}
