/* Tee Time Social V261 - targeted customer/public polish */

/* Customer dashboard: keep the red booking CTA readable at every desktop width. */
.account-action-strip{
  grid-template-columns:minmax(220px,1.3fr) minmax(190px,1.05fr) minmax(165px,.95fr) minmax(180px,1fr) minmax(180px,1fr)!important;
}
.action-cta .btn{
  width:100%!important;
  max-width:100%!important;
  min-height:48px;
  padding:12px 10px!important;
  white-space:normal!important;
  text-align:center;
  line-height:1.18;
  font-size:13px;
}
@media(max-width:1250px){
  .account-action-strip{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:780px){
  .account-action-strip{grid-template-columns:1fr!important}
  .action-cta .btn{width:auto!important;min-width:190px;max-width:100%!important}
}

/* Membership voucher: fit copy and controls cleanly inside the panel. */
.membership-centre .membership-voucher-panel{
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)!important;
  gap:22px!important;
  padding:24px 26px!important;
  align-items:center!important;
  overflow:hidden;
}
.membership-centre .membership-voucher-panel>div{min-width:0}
.membership-centre .membership-voucher-panel h3{font-size:21px!important;line-height:1.16!important;margin:5px 0 7px!important}
.membership-centre .membership-voucher-panel p{font-size:14px;line-height:1.45;margin:0}
.membership-centre .membership-voucher-controls{
  min-width:0!important;
  width:100%;
  grid-template-columns:minmax(0,1fr) max-content!important;
  gap:9px!important;
}
.membership-centre .membership-voucher-controls input{min-width:0!important;width:100%!important}
.membership-centre .membership-voucher-controls .btn{white-space:nowrap;padding-inline:17px!important}
@media(max-width:1080px){
  .membership-centre .membership-voucher-panel{grid-template-columns:1fr!important}
  .membership-centre .membership-voucher-controls{max-width:620px}
}
@media(max-width:620px){
  .membership-centre .membership-voucher-panel{padding:20px 18px!important}
  .membership-centre .membership-voucher-controls{grid-template-columns:1fr!important}
  .membership-centre .membership-voucher-controls .btn{width:100%!important}
}

/* Safari/iOS date controls: use Tee Time Social green, never browser turquoise. */
.public-site .private-hire-form input[type="date"]{
  color:#00483e!important;
  -webkit-text-fill-color:#00483e!important;
  caret-color:#00483e!important;
  accent-color:#ef4d58!important;
  color-scheme:light!important;
  opacity:1!important;
}
.public-site .private-hire-form input[type="date"]::-webkit-date-and-time-value,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit-text,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit-day-field,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit-month-field,
.public-site .private-hire-form input[type="date"]::-webkit-datetime-edit-year-field{
  color:#00483e!important;
  -webkit-text-fill-color:#00483e!important;
  opacity:1!important;
}

/* Footer: use the higher-quality logo asset at a sensible rendered size. */
.public-site .public-footer .footer-logo{
  width:min(190px,68vw)!important;
  max-width:190px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  transform:translateZ(0);
}
@media(max-width:700px){
  .public-site .public-footer .footer-logo{width:min(185px,58vw)!important;max-width:185px!important}
}