@import url('./mathpro-newsletter-fix-v27.css?v=20260811-newsletter-v27');
/* MathPro Tutors logo + transparent header refinements V24
   - smaller logo in menu
   - transparent desktop header over hero
   - keep buttons visible
   - footer logo preserved */
body.mathguru-theme .mpt-logo-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  background: transparent !important;
}
body.mathguru-theme .mpt-logo-image {
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Smaller logo in header/menu */
body.mathguru-theme .mpt-logo-header {
  width: clamp(146px, 10.8vw, 176px) !important;
  height: auto !important;
  max-height: 64px !important;
}
body.mathguru-theme .mgt-header-inner {
  min-height: 82px !important;
  column-gap: clamp(16px, 1.8vw, 28px) !important;
}
body.mathguru-theme .mgt-header-inner > .mpt-logo-brand {
  width: clamp(146px, 10.8vw, 176px) !important;
  min-width: clamp(146px, 10.8vw, 176px) !important;
}
body.mathguru-theme .mgt-reference-nav {
  gap: clamp(12px, 1.25vw, 22px) !important;
}
body.mathguru-theme .mgt-reference-nav > a,
body.mathguru-theme .mgt-nav-parent,
body.mathguru-theme .mgt-sign-in {
  font-size: clamp(.80rem, .82vw, .92rem) !important;
}

/* Keep CTA buttons clearly visible */
body.mathguru-theme .mgt-contact-cta,
body.mathguru-theme .mgt-portal-cta {
  min-width: 130px !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f451b5 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(244,81,181,.24) !important;
}

/* Transparent homepage menu bar */
body.mathguru-theme.mp-homepage .mgt-reference-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: absolute !important;
  top: 42px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 35 !important;
}
body.mathguru-theme.mp-homepage .mgt-header-inner {
  background: transparent !important;
}

/* Let the hero sit behind the transparent header cleanly */
body.mathguru-theme.mp-homepage .pro-home-hero {
  padding-top: clamp(148px, 15vw, 210px) !important;
}

/* Footer logo stays larger */
body.mathguru-theme .mpt-logo-footer-brand {
  display: inline-flex !important;
  margin-bottom: 18px !important;
}
body.mathguru-theme .mpt-logo-footer {
  width: clamp(205px, 19vw, 270px) !important;
  height: auto !important;
  max-height: 108px !important;
}

@media (max-width: 1220px) {
  body.mathguru-theme .mpt-logo-header {
    width: 158px !important;
  }
  body.mathguru-theme .mgt-header-inner > .mpt-logo-brand {
    width: 158px !important;
    min-width: 158px !important;
  }
  body.mathguru-theme .mgt-reference-nav {
    gap: 12px !important;
  }
  body.mathguru-theme .mgt-contact-cta,
  body.mathguru-theme .mgt-portal-cta {
    min-width: 118px !important;
    padding: 13px 14px !important;
  }
}

@media (max-width: 1024px) {
  body.mathguru-theme .mpt-logo-header {
    width: 150px !important;
    max-height: 58px !important;
  }
  body.mathguru-theme .mgt-header-inner > .mpt-logo-brand {
    width: 150px !important;
    min-width: 150px !important;
  }
}

@media (max-width: 900px) {
  body.mathguru-theme.mp-homepage .mgt-reference-header {
    position: relative !important;
    top: auto !important;
    background: rgba(8,10,38,.34) !important;
    backdrop-filter: blur(10px) !important;
  }
  body.mathguru-theme.mp-homepage .pro-home-hero {
    padding-top: clamp(90px, 12vw, 138px) !important;
  }
  body.mathguru-theme .mpt-logo-header {
    width: 154px !important;
    max-height: 58px !important;
  }
  body.mathguru-theme .mgt-header-inner > .mpt-logo-brand {
    width: auto !important;
    min-width: 0 !important;
  }
  body.mathguru-theme .mgt-reference-nav {
    gap: 12px !important;
  }
}

@media (max-width: 640px) {
  body.mathguru-theme .mpt-logo-header {
    width: 138px !important;
    max-height: 52px !important;
  }
  body.mathguru-theme .mpt-logo-footer {
    width: 220px !important;
    max-width: 100% !important;
  }
}