/* Court check-ins: the box on the club's pages. It takes the theme's fonts and text color. */
.court-checkins { box-sizing: border-box; max-width: 34rem; margin: 1.25em 0; padding: 16px 18px; border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 14px; background: rgba(255, 255, 255, 0.6); }
.court-checkins [hidden] { display: none !important; }
.court-checkins .cc-name { margin: 0 0 0.3em; font-size: 1.15em; line-height: 1.3; }
.court-checkins .cc-status { margin: 0 0 0.85em; font-weight: 600; line-height: 1.45; }
.court-checkins .cc-actions, .court-checkins .cc-eta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 0.85em; }
.court-checkins .cc-eta span { flex-basis: 100%; }
.court-checkins .cc-btn { min-height: 44px; padding: 10px 18px; border: 2px solid #1d6b3a; border-radius: 999px; background: #fff; color: #1d6b3a; font: inherit; font-weight: 600; line-height: 1.2; cursor: pointer; }
.court-checkins .cc-btn.cc-primary { background: #1d6b3a; color: #fff; }
.court-checkins .cc-btn:hover { box-shadow: 0 0 0 2px rgba(29, 107, 58, 0.25); }
.court-checkins .cc-btn:disabled { opacity: 0.6; cursor: progress; }
.court-checkins button:focus-visible { outline: 3px solid #2b5fb3; outline-offset: 2px; }
.court-checkins .cc-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.court-checkins .cc-mine, .court-checkins .cc-msg { margin: 0 0 0.75em; line-height: 1.45; }
.court-checkins .cc-msg:empty { display: none; }
.court-checkins .cc-note { margin: 0; font-size: 0.85em; opacity: 0.8; line-height: 1.4; }
.court-checkins .cc-players { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 0.85em; }
.court-checkins .cc-players label { flex-basis: 100%; }
.court-checkins .cc-others { box-sizing: border-box; width: 5.5em; min-height: 44px; padding: 8px 12px; border: 2px solid #1d6b3a; border-radius: 10px; background: #fff; color: inherit; font: inherit; font-weight: 600; }
.court-checkins .cc-wants { margin: 0 0 0.85em; padding-top: 0.6em; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.court-checkins .cc-wants-head { margin: 0 0 0.3em; font-weight: 600; }
.court-checkins .cc-wantlist { margin: 0 0 0.5em; padding: 0; list-style: none; }
.court-checkins .cc-wantlist li { margin: 0 0 0.3em; line-height: 1.45; }
.court-checkins .cc-want-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0.5em 0 0; }
.court-checkins .cc-want-form label { display: inline-flex; align-items: center; gap: 6px; }
.court-checkins .cc-want-form select { min-height: 44px; padding: 6px 10px; border: 2px solid #1d6b3a; border-radius: 10px; background: #fff; color: inherit; font: inherit; }
.court-checkins .cc-herenames { margin: -0.4em 0 0.85em; line-height: 1.45; }
.court-checkins .cc-who { margin: 0 0 0.85em; }
.court-checkins .cc-who label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.court-checkins .cc-opt { opacity: 0.75; font-size: 0.9em; }
.court-checkins .cc-who-in { box-sizing: border-box; width: 11em; min-height: 40px; padding: 6px 10px; border: 2px solid #1d6b3a; border-radius: 10px; background: #fff; color: inherit; font: inherit; }