/* Tee Time Social V228 - launch/mobile corrections */
.auth-mobile-logo,.customer-mobile-brand{display:none}

/* Voucher amount heading needed breathing room. */
.public-site .voucher-purchase-card>.eyebrow:first-child{display:block;margin-bottom:18px!important}

/* Four public simulator cards now match the "Four bays" copy. */
.public-site .bay-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Contact page deliberately starts with the enquiry form. */
.public-site .contact-page-v228{display:grid;gap:46px}
.public-site .contact-page-v228 .contact-enquiry-wrap{margin-top:0!important}
.public-site .contact-page-v228 .contact-details-v228{margin-top:0!important}

@media(max-width:1050px){
  .public-site .bay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  /* Home hero: old global 500px hero rule clipped the second CTA. */
  .public-site .hero-section{
    height:auto!important;
    min-height:0!important;
    padding:42px 20px 38px!important;
    overflow:visible!important;
    display:block!important;
  }
  .public-site .hero-stage{display:none!important}
  .public-site .hero-copy{max-width:none!important}
  .public-site .hero-actions{margin:28px 0 0!important;gap:12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .public-site .hero-actions .btn{width:auto!important;max-width:100%!important;box-sizing:border-box!important;min-height:48px!important}

  /* Voucher hero: remove the decorative card on phones; it was forcing a second column off-screen. */
  .public-site .page-hero.vouchers-hero-v226{
    height:auto!important;
    min-height:0!important;
    display:block!important;
    padding:44px 20px 40px!important;
    overflow:hidden!important;
  }
  .public-site .page-hero.vouchers-hero-v226>div:first-child{width:100%!important;max-width:none!important;min-width:0!important}
  .public-site .page-hero.vouchers-hero-v226 .voucher-hero-card{display:none!important}
  .public-site .voucher-purchase-section{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding-left:20px!important;padding-right:20px!important}
  .public-site .voucher-purchase-card,.public-site .voucher-purchase-intro{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .public-site .voucher-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .public-site .voucher-amount-grid button{min-width:0!important;width:100%!important}
  .public-site .voucher-form-grid>*{min-width:0!important;max-width:100%!important}

  /* Signed-in customer area: admin mobile CSS was overriding the customer drawer's .open state. */
  .tts-page.dashboard-shell .sidebar.open,
  .tts-page.dashboard-shell .sidebar.admin-live-open{transform:translate3d(0,0,0)!important}
  .tts-page.dashboard-shell .sidebar.open .side-logo,
  .tts-page.dashboard-shell .sidebar.admin-live-open .side-logo{display:block!important;width:128px!important;height:auto!important;margin:10px 0 12px!important;padding:8px!important;background:#fbf6ea!important;border-radius:14px!important}
  .tts-page.dashboard-shell .sidebar.open .side-nav,
  .tts-page.dashboard-shell .sidebar.admin-live-open .side-nav{margin-top:16px!important}
  .customer-mobile-brand{display:flex!important;position:fixed;left:16px;top:14px;z-index:10001;width:112px;height:50px;align-items:center;justify-content:flex-start;padding:3px 8px;border-radius:12px;background:#fbf6ea;text-decoration:none;box-shadow:0 8px 24px rgba(0,63,53,.08)}
  .customer-mobile-brand img{display:block;width:94px;height:42px;object-fit:contain}
  .tts-page.dashboard-shell .mobile-menu-button{top:15px!important;right:16px!important}

  /* Sign-in/create-account logo is visible on mobile even though the desktop brand panel is hidden. */
  .auth-form-side{position:relative!important;padding-top:22px!important}
  .auth-mobile-logo{display:flex!important;width:132px;height:68px;margin:0 auto 20px;align-items:center;justify-content:center;border-radius:14px;background:#fbf6ea;text-decoration:none}
  .auth-mobile-logo img{display:block;width:116px;height:58px;object-fit:contain}

  .public-site .bay-grid{grid-template-columns:1fr!important}
  .public-site .contact-page-v228{gap:32px}
}


/* Tee Time Social V229 - public page polish */

/* Membership account area: keep monthly + annual join buttons visually aligned. */
.plan-billing-option.monthly-default .btn,
.public-site .monthly-default-card .btn,
.membership-centre .monthly-default-card .btn,
.membership-centre .plan-billing-option.monthly-default .btn{
  background:#00483e!important;
  border-color:#00483e!important;
  color:#fff!important;
}

/* Membership voucher area: let the content breathe and stop the copy from crowding. */
.public-site .membership-voucher-panel,
.membership-centre .membership-voucher-panel{
  grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.public-site .membership-voucher-panel > div:first-child,
.membership-centre .membership-voucher-panel > div:first-child,
.public-site .voucher-apply-box > div:first-child{min-width:0!important}
.public-site .membership-voucher-panel h3,
.membership-centre .membership-voucher-panel h3{
  line-height:1.15!important;
  margin-bottom:8px!important;
}
.public-site .membership-voucher-controls,
.membership-centre .membership-voucher-controls{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.public-site .membership-voucher-controls input,
.membership-centre .membership-voucher-controls input{
  min-width:0!important;
}

/* Add hero artwork without changing the overall hero sizing. */
.public-site .page-hero[class*="hero-art-"]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.public-site .page-hero[class*="hero-art-"]::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,72,62,.96) 0%,rgba(0,72,62,.90) 42%,rgba(0,72,62,.64) 100%),
    var(--tts-hero-image) center center / cover no-repeat;
  z-index:0;
}
.public-site .page-hero[class*="hero-art-"] > *{
  position:relative;
  z-index:1;
}
.public-site .hero-art-golf{--tts-hero-image:url('/assets/coming-soon-golf-bg.jpg')}
.public-site .hero-art-events{--tts-hero-image:url('/assets/book-golf-darts-v224.jpg')}
.public-site .hero-art-vouchers{--tts-hero-image:url('/assets/marketing-birthday-v197.jpg')}
.public-site .hero-art-memberships{--tts-hero-image:url('/assets/marketing-membership-update-v197.jpg')}
.public-site .hero-art-faq{--tts-hero-image:url('/assets/coming-soon-golf-bg.jpg')}
.public-site .hero-art-contact{--tts-hero-image:url('/assets/interactive-darts-social-v204.jpg')}

/* Keep the right-hand voucher card readable over the new background. */
.public-site .page-hero.vouchers-hero-v226 .voucher-hero-card{
  backdrop-filter:blur(4px);
  background:rgba(251,246,234,.90)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.16)!important;
}

@media(max-width:900px){
  .public-site .membership-voucher-panel,
  .membership-centre .membership-voucher-panel{
    grid-template-columns:1fr!important;
  }
}


/* Tee Time Social V233 - public socials */
.public-site .hero-art-socials{--tts-hero-image:url('/assets/interactive-darts-social-v204.jpg')}
.public-site .socials-page-v233{padding-bottom:72px}
.public-site .socials-heading-v233{max-width:860px;align-items:flex-start}
.public-site .socials-heading-v233 p{margin:12px 0 0;max-width:720px;color:#5e7069;font-size:18px;line-height:1.6}
.public-site .social-channel-grid-v233{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.public-site .social-channel-card-v233{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;min-height:170px;padding:26px;border:1px solid #d4ded9;border-radius:24px;background:#fffdf8;color:#00483e;text-decoration:none;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.public-site .social-channel-card-v233:hover{transform:translateY(-3px);border-color:#ef4b56;box-shadow:0 18px 42px rgba(0,72,62,.09)}
.public-site .social-channel-icon-v233{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#00483e;color:#fff;grid-row:1/3}
.public-site .social-channel-icon-v233 svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}
.public-site .social-channel-card-v233.youtube .social-channel-icon-v233 svg{fill:currentColor;stroke:none}
.public-site .social-channel-icon-v233 strong{font:800 34px/1 Arial,sans-serif}
.public-site .social-channel-card-v233 div{display:grid;gap:5px;min-width:0}
.public-site .social-channel-card-v233 div>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ef4b56}
.public-site .social-channel-card-v233 div>strong{font:29px/1.05 Georgia,serif;overflow-wrap:anywhere}
.public-site .social-channel-card-v233 div>small{color:#6b7974;font-size:13px;line-height:1.45}
.public-site .social-channel-card-v233>b{grid-column:2;color:#ef4b56;font-size:13px}
.public-site .social-feed-section-v233{padding-top:74px;background:#f1ecdf}
.public-site .social-feed-follow-v233{display:flex;gap:10px;flex-wrap:wrap}
.public-site .social-feed-follow-v233 a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid #c9d5d0;border-radius:999px;background:#fffdf8;color:#00483e;text-decoration:none;font-weight:900}
.public-site .public-social-feed-v233{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.public-site .public-social-post-v233{overflow:hidden;border:1px solid #d4ded9;border-radius:24px;background:#fffdf8}
.public-site .social-post-media-v233{aspect-ratio:1.35;overflow:hidden;background:#00483e;display:grid;place-items:center}
.public-site .social-post-media-v233 img{width:100%;height:100%;object-fit:cover;display:block}
.public-site .social-post-media-placeholder-v233 img{width:55%;height:55%;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.public-site .public-social-post-copy-v233{padding:22px}
.public-site .social-post-meta-v233{display:flex;justify-content:space-between;gap:12px;color:#6b7974;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.public-site .public-social-post-copy-v233 h3{font:30px/1.05 Georgia,serif;margin:14px 0 8px;color:#00483e}
.public-site .public-social-post-copy-v233 p{margin:12px 0 18px;color:#405851;line-height:1.6;white-space:pre-line}
.public-site .social-post-actions-v233{display:flex;gap:14px;flex-wrap:wrap}
.public-site .social-post-actions-v233 a{color:#ef4b56;text-decoration:none;font-weight:900;font-size:13px}
.public-site .social-feed-loading-v233,.public-site .social-feed-empty-v233{grid-column:1/-1}
.public-site .social-feed-loading-v233{padding:32px;border:1px solid #d4ded9;border-radius:22px;background:#fffdf8;color:#60716a}
.public-site .social-feed-empty-v233{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px;border:1px solid #d4ded9;border-radius:24px;background:#fffdf8}
.public-site .social-feed-empty-v233 h3{font:34px/1 Georgia,serif;margin:8px 0;color:#00483e}
.public-site .social-feed-empty-v233 p{margin:0;max-width:660px;color:#60716a;line-height:1.6}
.public-site .social-feed-empty-actions-v233{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}

@media(max-width:1350px){
  .public-site .public-nav{gap:14px!important}
  .public-site .public-nav a{font-size:12px!important}
}
@media(max-width:980px){
  .public-site .social-channel-grid-v233{grid-template-columns:1fr}
  .public-site .public-social-feed-v233{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .public-site .socials-page-v233,.public-site .social-feed-section-v233{padding-left:20px!important;padding-right:20px!important}
  .public-site .social-channel-card-v233{min-height:0;padding:20px}
  .public-site .social-channel-card-v233 div>strong{font-size:25px}
  .public-site .public-social-feed-v233{grid-template-columns:1fr}
  .public-site .social-feed-empty-v233{display:grid;gap:22px;padding:24px 20px}
  .public-site .social-feed-empty-actions-v233{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .public-site .social-feed-empty-actions-v233 .btn{justify-content:center}
}