/* MA Jobs V58 — targeted responsive polish, safe with existing themes.
   No external assets, JavaScript frameworks, or layout-invalidation effects. */
:root{--ma-v58-glow:0 16px 38px rgba(4,55,62,.13)}
.hero-home-layout,.hero-home-copy,.urdu-hero-copy{min-width:0;max-width:100%;box-sizing:border-box}
.hero-home-layout{align-items:center}
.ma-original-brand .ma-logo-composition{transform-origin:center center}
/* Preserve complete Nastaleeq text at wide screen sizes too. */
.urdu-hero-copy h1.typewriter-heading{
  width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;
  white-space:normal!important;contain:none!important;overflow:visible!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  font-size:clamp(26px,3.35vw,43px)!important;line-height:1.95!important;
  text-wrap:pretty;
}
/* Comfortable FAQ cards at desktop sizes without excessive spacing */
.faq-block details{transition:border-color .18s ease,box-shadow .18s ease}
.faq-block details:focus-within{border-color:#41b69f!important;box-shadow:0 0 0 3px #34ad9b22!important}
.faq-block summary{outline-offset:4px}
@media(max-width:819px){
  /* V31 forced nowrap + fixed height; this caused clipping on real Urdu headings. */
  .hero.hero-home{overflow:visible!important;padding:30px 0 35px!important}
  .hero-home-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .hero-home-copy{width:100%!important;max-width:100%!important;min-width:0!important}
  .urdu-hero-copy{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;text-align:center!important}
  .urdu-hero-copy h1.typewriter-heading{
    box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;white-space:normal!important;word-break:normal!important;
    overflow-wrap:break-word!important;contain:none!important;overflow:visible!important;
    font-size:clamp(22px,5.7vw,30px)!important;line-height:2.05!important;
    text-align:center!important;letter-spacing:0!important;padding:0 5px .25em!important;
    margin:5px auto 12px!important;text-wrap:pretty;
  }
  .urdu-hero-copy .typewriter-lede{
    max-width:39ch!important;margin:0 auto!important;text-align:center!important;
    font-size:clamp(15px,4vw,18px)!important;line-height:2.15!important;
    padding:0 6px!important;overflow-wrap:break-word;
  }
  .shop-hero-logo.ma-original-brand{
    width:min(65vw,245px)!important;max-width:245px!important;min-width:0!important;
    padding:9px!important;margin:0 auto!important;border-radius:20px!important;
    box-shadow:0 12px 29px #001d3240!important;
  }
  .shop-hero-logo.ma-original-brand .ma-logo-composition{max-width:210px!important;width:100%!important}
  .faq-block{max-width:100%!important;margin:24px auto 23px!important;padding:11px!important;border-radius:18px!important}
  .faq-block h2{font-size:clamp(22px,5.2vw,27px)!important;line-height:1.65!important;margin:0 0 9px!important}
  .faq-block details{margin:7px 0!important;border-radius:12px!important;padding:0 9px!important;box-shadow:0 4px 15px #0c465e09!important}
  .faq-block summary{box-sizing:border-box!important;min-height:0!important;font-size:clamp(15px,3.85vw,17px)!important;line-height:1.9!important;gap:9px!important;padding:10px 4px!important;font-weight:700!important}
  .faq-block summary:after{font-size:19px!important;flex:0 0 19px!important;text-align:center}
  .faq-block .faq-a{font-size:clamp(14px,3.5vw,16px)!important;line-height:2.05!important;padding:0 6px 14px!important}
  .faq-block .faq-a p{font-size:inherit!important;line-height:inherit!important}
}
@media(max-width:380px){
  .urdu-hero-copy h1.typewriter-heading{font-size:21px!important;line-height:2.05!important}
  .shop-hero-logo.ma-original-brand{width:min(61vw,218px)!important}
  .faq-block summary{font-size:14px!important}
}
/* Partner sign-up — password field does not overlap Show/Hide or placeholder. */
.ma-partner-auth-page .ma-auth-register-grid{gap:17px!important;align-items:start!important}
.ma-partner-auth-page .ma-auth-register-grid>label{min-width:0!important}
.ma-partner-auth-page .ma-password-field{position:relative!important;display:block!important;width:100%!important;min-width:0!important}
.ma-partner-auth-page .ma-password-field input{
  width:100%!important;box-sizing:border-box!important;min-width:0!important;
  padding:0 84px 0 15px!important;line-height:1.4!important;
  border:1px solid #cbdedc!important;border-radius:13px!important;background:#f7fafb!important;
}
.ma-partner-auth-page .ma-password-field .ma-toggle-password{
  position:absolute!important;top:calc(50% + 4px)!important;right:8px!important;
  transform:translateY(-50%)!important;margin:0!important;z-index:2!important;
  min-width:60px!important;height:32px!important;padding:4px 8px!important;
  background:#e4f5f1!important;color:#086f63!important;border:1px solid #b9dfd5!important;
  border-radius:9px!important;font:800 12px/1 system-ui,sans-serif!important;cursor:pointer;
}
.ma-partner-auth-page .ma-password-field .ma-toggle-password:hover{background:#c8ece2!important}
.ma-partner-auth-page .ma-register-password,.ma-partner-auth-page .ma-register-confirm{grid-column:1/-1;display:block}
.ma-partner-auth-page .ma-password-hint{display:block;margin-top:9px;line-height:1.5;color:#5c7b85}
.ma-partner-auth-page .ma-password-meter{display:block;background:#e1e9e9;border-radius:99px;overflow:hidden;height:5px;margin:8px 0 6px}
.ma-partner-auth-page .ma-password-meter i{display:block;width:0;height:100%;border-radius:inherit;background:#c07c47;transition:width .2s,background .2s}
.ma-partner-auth-page #ma-password-strength,.ma-partner-auth-page #ma-password-match{display:block;margin-top:5px;min-height:16px;color:#617b87}
.ma-partner-auth-page #ma-password-match.is-valid{color:#0d8063}
.ma-partner-auth-page #ma-password-match.is-error{color:#b03644}
:root[data-theme=dark] .ma-partner-auth-page .ma-password-field input{background:#112938!important;color:#f1fffb!important}
@media(max-width:600px){.ma-partner-auth-page .ma-auth-register-grid{grid-template-columns:minmax(0,1fr)!important}.ma-partner-auth-page .ma-auth-register-grid>label{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){.faq-block details,.ma-partner-auth-page .ma-password-meter i{transition:none!important}}