/* WISSAM V7 — shared accessible form controls. Native controls remain when JS is disabled. */
.ws-native-control{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;clip-path:inset(50%);pointer-events:none!important;overflow:hidden!important}
.ws-select-trigger,.ws-date-trigger{width:100%;min-height:44px;border:1px solid #d7d7d9;border-radius:8px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:13px;font-weight:400;line-height:1.3;padding:10px 12px;min-width:0;transition:border-color .12s ease,background .12s ease;cursor:pointer}
.ws-select-trigger:hover,.ws-date-trigger:hover{border-color:#b7a1a1;background:#fff}
.ws-select-trigger:focus-visible,.ws-date-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}
.ws-select-trigger[aria-expanded="true"],.ws-date-trigger[aria-expanded="true"]{border-color:var(--brand)}
.ws-select-trigger:disabled{background:#f4f4f5;color:#888;cursor:not-allowed}
.ws-select-trigger svg,.ws-date-trigger svg{flex:none;color:var(--brand)}
.ws-select-value,.ws-date-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ws-is-placeholder .ws-date-value{color:#777}
.ws-popup{position:fixed;z-index:12000;overflow-y:auto;overscroll-behavior:contain;border:1px solid #ded4d4;border-radius:9px;background:#fff;box-shadow:0 12px 32px rgba(29,14,14,.15);padding:5px;font-size:13px;color:#252525}
.ws-popup.ws-options{display:flex;flex-direction:column;gap:2px}
.ws-option{width:100%;min-height:38px;flex:none;padding:9px 12px;background:#fff;color:#303033;border:0;border-radius:6px;text-align:left;line-height:1.4;font-size:13px;cursor:pointer}
.ws-option:hover,.ws-option:focus-visible{background:#f8f0f0;color:var(--brand);outline:0}
.ws-option.is-selected{background:#f7ecec;color:var(--brand);font-weight:600}
.ws-option:disabled{opacity:.42;cursor:not-allowed}
/* The dialing code is part of one bordered phone input, with no second border. */
.phone-input{position:relative;overflow:visible!important;align-items:stretch}
.phone-input>.ws-select-trigger{flex:0 0 102px;width:102px;max-width:42%;min-width:0;border:0!important;border-right:1px solid #e5e0e0!important;border-radius:8px 0 0 8px;padding-inline:11px 9px;min-height:42px;font-size:13px}
.phone-input>.ws-select-trigger:focus-visible{outline:-webkit-focus-ring-color auto 0;outline:2px solid var(--brand);outline-offset:-2px}
.phone-input>input:not(.ws-native-control){min-width:0;flex:1;max-width:100%;box-shadow:none!important}
.phone-input:focus-within{border-color:var(--brand);outline:2px solid rgba(107,21,21,.15);outline-offset:1px}
.profile-completion__form .phone-input{overflow:hidden!important}
.profile-completion__form .phone-input>.ws-select-trigger{width:100%;max-width:none;min-width:0;border-radius:0!important;padding-inline:13px 10px;}
.profile-completion__form .phone-input>.ws-select-trigger .ws-select-value{display:block;overflow:visible;color:var(--ink);font-weight:500;text-overflow:clip;}
.profile-completion__form .phone-input>input:not(.ws-native-control){width:100%;min-width:0;border:0!important;border-radius:0!important;padding-inline:14px!important;}
.filters>.ws-select-trigger{width:auto;min-width:166px;max-width:100%}
.inline-form>.ws-select-trigger{width:auto;max-width:220px;min-width:148px;font-size:12px}
.ws-date-wrap{position:relative;min-width:0;width:100%}
.ws-date-trigger{min-height:44px}
.ws-calendar{padding:12px;overflow-y:auto}
.ws-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:11px;min-height:36px}
.ws-calendar-month{font-weight:600;flex:1;padding-left:5px;font-size:14px;min-width:0}
.ws-calendar-nav{border:0;border-radius:6px;background:transparent;color:var(--brand);font-size:25px;line-height:1;min-width:32px;height:34px;display:grid;place-items:center}
.ws-calendar-nav:hover,.ws-calendar-nav:focus-visible{background:#f7eeee;outline:2px solid transparent}
.ws-calendar-year{width:80px!important;min-height:34px!important;height:34px!important;border:1px solid #ddd!important;border-radius:6px!important;padding:3px 6px!important;background:white!important;font-size:13px!important;color:#292929!important;text-align:center}
.ws-calendar-year:focus-visible{outline:2px solid var(--brand)!important;outline-offset:1px}
.ws-calendar-weekdays,.ws-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.ws-calendar-weekdays{margin-bottom:6px;color:#7d7d80;font-size:11px;font-weight:600}
.ws-calendar-weekdays span{padding:5px 0}
.ws-calendar-day,.ws-calendar-blank{display:grid;place-items:center;min-height:35px;min-width:0;border-radius:6px}
.ws-calendar-day{border:0;background:#fff;color:#262626;font-size:13px;cursor:pointer}
.ws-calendar-day:hover,.ws-calendar-day:focus-visible{background:#f7eeee;color:var(--brand);outline:1px solid var(--brand)}
.ws-calendar-day.is-selected{background:var(--brand)!important;color:#fff!important}
.ws-calendar-day.is-today:not(.is-selected){border:1px solid #d6aaaa;color:var(--brand)}
.ws-calendar-day:disabled{color:#b3b3b5;cursor:not-allowed;background:transparent}
.ws-calendar-footer{display:flex;justify-content:space-between;border-top:1px solid #eee;margin-top:10px;padding-top:9px}
.ws-calendar-footer button{border:0;background:transparent;color:var(--brand);border-radius:5px;padding:6px 8px;font-size:12px;font-weight:600}
.ws-calendar-footer button:hover{background:#f7eeee}
.ws-calendar-footer button:disabled{color:#aaa;background:transparent;cursor:not-allowed}
/* Browser autofill and validation controls should follow the WISSAM palette. */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#252525!important;caret-color:var(--ink)}
input[type=date]:focus-visible{outline:2px solid var(--brand)}
@media(max-width:700px){.filters>.ws-select-trigger{flex:1;min-width:130px}.ws-popup{max-width:calc(100vw - 24px)}.ws-calendar-day{min-height:38px}}
@media(max-width:360px){.phone-input>.ws-select-trigger{flex-basis:90px;width:90px}.ws-calendar-heading{gap:2px}.ws-calendar-year{width:68px!important}.ws-calendar{padding:9px}}
@media(prefers-reduced-motion:reduce){.ws-select-trigger,.ws-date-trigger{transition:none}}

/* V12 shared tournament date/time field: custom calendar + hour/minute menus. */
.ws-datetime{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:9px;min-width:0;width:100%;align-items:stretch}
.ws-datetime .ws-date-wrap{min-width:0}
.ws-datetime-clock{display:flex;align-items:center;gap:3px;min-width:0}
.ws-datetime-clock>span{font-weight:600;color:#777;font-size:12px}
.ws-datetime-clock>.ws-select-trigger{flex:1;min-width:0;padding:9px 6px;gap:2px;font-size:12px}
.ws-datetime-clock>.ws-select-trigger svg{width:13px;height:13px}
.ws-datetime .ws-date-trigger{padding-inline:11px;gap:6px}
.ws-datetime .ws-date-value{min-width:0}
@media(max-width:380px){.ws-datetime{grid-template-columns:minmax(0,1fr) 125px;gap:6px}.ws-datetime-clock>.ws-select-trigger{padding:8px 4px}.ws-datetime-clock>.ws-select-trigger svg{width:11px;height:11px}}
