/* Tee Time Social v182 - isolated preview polish only.
   - Keeps every public preview hero at the shared v181 height.
   - Fits the Home hero content inside that height without clipping.
   - Makes the My Account logo use the same compact cream logo card as public pages.
*/

/* My Account / sign-in preview: use the same logo treatment as public headers. */
.auth-brand .side-logo{
  width:138px!important;
  height:68px!important;
  min-width:138px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:8px!important;
  border-radius:14px!important;
  background:#fbf6ea!important;
  box-sizing:border-box!important;
}

@media (min-width:701px){
  /* Keep the shared 420px hero height, but tighten Home content so the
     opening-hours row remains fully visible above the cream section. */
  .public-site .hero-section{
    min-height:420px!important;
    height:420px!important;
    padding:20px 6vw 22px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .public-site .hero-copy{
    align-self:center!important;
    max-width:680px!important;
  }
  .public-site .hero-copy .eyebrow{
    font-size:11px!important;
    line-height:1.2!important;
  }
  .public-site .hero-copy h1{
    font-size:clamp(58px,5.6vw,88px)!important;
    line-height:.84!important;
    margin:8px 0 12px!important;
  }
  .public-site .hero-copy p{
    font-size:16px!important;
    line-height:1.42!important;
    max-width:620px!important;
    margin:0!important;
  }
  .public-site .hero-actions{
    margin:16px 0 14px!important;
    gap:12px!important;
  }
  .public-site .hero-actions .btn{
    padding:12px 20px!important;
  }
  .public-site .hero-notes{
    gap:18px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  /* Keep the visual on the Home hero balanced inside the same height. */
  .public-site .hero-stage{
    min-height:300px!important;
    height:300px!important;
  }
  .public-site .hero-orbit{
    width:300px!important;
    height:300px!important;
    box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.02)!important;
  }
  .public-site .hero-card-main{
    width:225px!important;
  }
  .public-site .hero-card-main span{font-size:25px!important}
  .public-site .hero-card-main strong{font-size:41px!important}
  .public-site .hero-card-main small{font-size:9px!important;margin-top:12px!important}
  .public-site .hero-chip{font-size:11px!important;padding:9px 13px!important}
  .public-site .chip-one{top:42px!important;right:1%!important}
  .public-site .chip-two{bottom:42px!important;left:0!important}
}

@media (max-width:700px){
  .auth-brand .side-logo{
    width:112px!important;
    height:58px!important;
  }
}