/* Share controls opt into the same square tap area at their existing breakpoints. */
.share-control{
 width:var(--share-control-size,auto);min-width:var(--share-control-size,auto);
 align-items:center;justify-content:center
}
.share-control.wallpaper-share{--share-control-size:44px}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-button,:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--brand-border);border-radius:10px;background:#fff;color:var(--brand-action);padding:9px 12px;min-height:44px;font:inherit;font-size:13px;font-weight:600;text-decoration:none}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-button svg{width:17px;height:19px;flex:none}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-button:disabled{opacity:.55;cursor:default}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-button:focus-visible,:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-action:focus-visible{outline:2px solid var(--brand-focus);outline-offset:2px}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-feedback{font-size:12px;color:var(--brand-muted);line-height:1.5;margin:8px 0 0}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-feedback:empty{display:none}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-fallback{margin-top:12px}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-fallback[hidden]{display:none}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-actions{display:flex;gap:8px;flex-wrap:wrap}
:is(#tennis-bookings,#today-forecast,#tomorrow-forecast,.player-page) .booking-share-link{display:block;box-sizing:border-box;width:100%;margin-top:8px;border:1px solid var(--brand-border);border-radius:10px;background:#fff;color:var(--brand-action);font:inherit;font-size:16px;padding:10px}

:is(#today-forecast,#tomorrow-forecast) .booking-share-button{flex:none;margin-inline-start:auto}

.player-page{--brand-border:#dcd4c3;--brand-action:#143e69;--brand-focus:#143e69;--brand-muted:#46515b}
#share-hero{white-space:nowrap}
#hero-share-fallback{width:min(440px,calc(100% - 32px));padding:20px;border:1px solid var(--brand-border);border-radius:16px;background:white;color:#0a1d2d}
#hero-share-fallback::backdrop{background:#061420b3}
#hero-share-fallback h2{margin:0}
#hero-share-fallback form{margin-top:12px}

@media(max-width:599px){
 :is(#tennis-bookings,#today-forecast,#tomorrow-forecast) .share-control{
  --share-control-size:44px;flex:0 0 var(--share-control-size);padding:0;border-radius:12px
 }
 :is(#tennis-bookings,#today-forecast,#tomorrow-forecast) .share-control span{display:none}
 :is(#tennis-bookings,#today-forecast,#tomorrow-forecast) .share-control svg{width:19px;height:21px}
}
@media(max-width:540px){
 .player-header #share-hero{--share-control-size:44px;height:var(--share-control-size);flex:none}
 .player-header .share-hero-label{display:none}
}