:root{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --text:#071936;
  --muted:#60708a;
  --line:#dce8f8;
  --blue:#0b5cff;
  --blue-2:#1b7cff;
  --blue-3:#0647c9;
  --sky:#eaf3ff;
  --green:#12965d;
  --yellow:#c78100;
  --red:#d93b4b;
  --shadow:0 24px 70px rgba(15,45,90,.12);
  --shadow-soft:0 14px 34px rgba(15,45,90,.08);
  --radius:26px;
  --radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 46%,#ffffff 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:-.015em;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,p{margin-top:0}
.muted{color:var(--muted)}
.container{width:min(1180px,92vw);margin:auto;padding:38px 0}
.site-header{
  position:sticky;top:0;z-index:80;height:76px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(16px,5vw,72px);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(220,232,248,.85);
}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:760;color:#0b4bdc;letter-spacing:-.055em}
.logo-ball{position:relative;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#29a7ff,#0b5cff);box-shadow:0 12px 28px rgba(11,92,255,.24)}
.logo-ball:before{content:"";position:absolute;inset:7px;border-radius:inherit;background:radial-gradient(circle at 20% 20%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 66% 35%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 50% 75%,#fff 0 1.5px,transparent 2px)}
.desktop-nav{display:flex;align-items:center;gap:8px}
.desktop-nav a{font-size:14px;font-weight:650;color:#415371;padding:10px 14px;border-radius:999px;transition:.18s}
.desktop-nav a:hover{background:#eef5ff;color:var(--blue)}
.desktop-nav .owner-link{border:1px solid var(--line);background:#fff;color:#173667;box-shadow:0 8px 18px rgba(15,45,90,.06)}
.desktop-nav .create-link{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:white;box-shadow:0 14px 26px rgba(11,92,255,.23)}
.desktop-nav .create-link:hover{color:white;background:linear-gradient(135deg,var(--blue-3),var(--blue))}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-weight:720;font-size:14px;letter-spacing:-.01em;box-shadow:0 14px 26px rgba(11,92,255,.22);cursor:pointer;transition:transform .18s, box-shadow .18s, background .18s;white-space:nowrap}
.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(11,92,255,.28)}
.btn.light{background:#fff;color:var(--blue);border:1px solid #cfe0f7;box-shadow:0 8px 20px rgba(15,45,90,.06)}
.btn.slim{min-height:42px;padding:10px 14px;font-size:13px;border-radius:12px}
.btn.loading{pointer-events:none;opacity:.88}
.btn.loading:before{content:"";width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px rgba(11,92,255,.15), inset 6px 0 0 rgba(11,92,255,.38);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

input,select,textarea{width:100%;min-height:48px;border:1px solid #d9e6f6;border-radius:14px;background:#fbfdff;color:#0b1b34;padding:12px 13px;font:inherit;font-size:14px;outline:0;transition:.16s}
input::placeholder,textarea::placeholder{color:#9aa8bb}
input:focus,select:focus,textarea:focus{border-color:#68a1ff;box-shadow:0 0 0 4px rgba(11,92,255,.10);background:#fff}
textarea{min-height:110px;resize:vertical}
.label,label{display:block}.label{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:#426ca8;margin:0 0 7px 3px}label{font-size:13px;font-weight:700;color:#334155;margin-bottom:12px}
.card,.search-card,.court-card{background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:var(--shadow-soft)}

.home-wrap{width:min(1240px,94vw);margin:auto;padding:26px 0 0}
.hero-panel{overflow:hidden;border-radius:32px;background:#fff;border:1px solid #dfeaf8;box-shadow:var(--shadow)}
.hero-media{position:relative;min-height:430px;background:#dbeafe;display:flex;align-items:flex-end;overflow:hidden}.hero-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-media>*:not(.hero-gif){position:relative;z-index:2}
.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,20,45,.78) 0%,rgba(5,20,45,.48) 38%,rgba(5,20,45,.08) 75%),linear-gradient(180deg,rgba(5,20,45,.05),rgba(5,20,45,.30))}
.hero-content{position:relative;z-index:2;width:min(680px,94%);padding:56px 56px 98px;color:white}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:850}
.hero-content .eyebrow{color:#b9d7ff}.eyebrow:before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 0 5px rgba(11,92,255,.14)}
.hero-content h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.07em;font-weight:680;margin-bottom:14px}
.hero-content p{color:rgba(255,255,255,.86);font-size:17px;line-height:1.6;margin-bottom:0;max-width:470px}
.search-card.hero-search{position:relative;z-index:5;width:min(1030px,92%);margin:-58px auto 0;display:grid;grid-template-columns:1.15fr .8fr .8fr .85fr auto;gap:10px;align-items:end;padding:12px;border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 24px 50px rgba(15,45,90,.18)}

.live-slots-wrap{width:min(1120px,92vw);margin:28px auto 0;border-radius:26px;padding:1px;background:linear-gradient(135deg,rgba(11,92,255,.58),rgba(27,124,255,.10) 30%,rgba(255,255,255,.4));box-shadow:0 18px 44px rgba(15,45,90,.08)}
.live-slots{position:relative;overflow:hidden;border-radius:25px;display:grid;grid-template-columns:250px 1fr;gap:18px;padding:22px;background:linear-gradient(135deg,#ffffff 0%,#f1f7ff 48%,#ffffff 100%);border:1px solid rgba(220,232,248,.9)}
.live-slots:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 52%,rgba(11,92,255,.10),transparent 21%),radial-gradient(circle at 92% 8%,rgba(11,92,255,.08),transparent 24%);pointer-events:none}
.live-slots:after{content:"";position:absolute;right:30px;top:12px;width:190px;height:190px;opacity:.07;background:url("data:image/svg+xml,%3Csvg width='210' height='210' viewBox='0 0 210 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b5cff' stroke-width='8' stroke-linecap='round'%3E%3Ccircle cx='88' cy='74' r='48'/%3E%3Cpath d='M122 110l58 58M75 42c9 22 30 37 55 38M46 78c22-10 48-9 72 5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.live-title{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.live-title h2{font-size:24px;letter-spacing:-.04em;margin-bottom:7px}.live-title p{font-size:14px;margin:0}.slot-picker{position:relative;z-index:1;display:grid;gap:12px}.date-pills,.time-pills{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.pill{appearance:none;cursor:pointer;flex:0 0 auto;min-width:88px;border:1px solid #dbe7f8;background:#fff;border-radius:14px;padding:12px 14px;text-align:center;font-weight:760;color:#173667;box-shadow:0 6px 16px rgba(15,45,90,.05);font:inherit}.pill small{display:block;color:#73839a;font-size:11px;font-weight:650;margin-top:2px}.pill.active{background:linear-gradient(135deg,#0b5cff,#1b7cff);color:#fff;border-color:transparent;box-shadow:0 12px 22px rgba(11,92,255,.22)}.pill.active small{color:#dcecff}.pill.time{min-width:72px;padding:11px 13px}.pill.next{min-width:48px}
.live-results{display:none;margin-top:4px;border:1px solid #d9e8fb;background:rgba(255,255,255,.92);border-radius:18px;padding:14px;box-shadow:0 12px 26px rgba(15,45,90,.06)}
.live-results.show{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:start;animation:softReveal .22s ease-out}
.live-results strong{font-size:15px;color:#0b3279}.live-results p{font-size:13px;margin:5px 0 0}.live-result-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.live-result-list a{display:block;border:1px solid #dce8f8;background:#f8fbff;border-radius:14px;padding:11px 12px;transition:.16s}.live-result-list a:hover{border-color:#8db9ff;background:#eff6ff;transform:translateY(-1px)}.live-result-list span{display:block;font-size:13px;font-weight:820;color:#10284d}.live-result-list small{display:block;color:#60708a;margin-top:3px;font-size:12px}@keyframes softReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.section-head,.page-title,.schedule-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px}.section-head h2,.page-title h1{font-size:34px;line-height:1.05;letter-spacing:-.055em;margin:0}.section-head p,.page-title p{margin:8px 0 0}.quick-filters{display:flex;gap:8px;flex-wrap:wrap}.quick-filters a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#315b99;font-size:13px;font-weight:750}.quick-filters a:hover{border-color:#8db9ff;background:#eef5ff}
.grid{display:grid;gap:18px}.court-grid{grid-template-columns:repeat(4,1fr)}.court-card{overflow:hidden;border-radius:22px;background:#fff;transition:.18s}.court-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(15,45,90,.13)}.court-img{position:relative;display:block;height:190px;background:center/cover no-repeat}.court-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,40,0),rgba(4,18,40,.32))}.status-chip{position:absolute;z-index:2;left:12px;top:12px;border-radius:999px;background:#e9fdf4;color:#0b7a4a;border:1px solid rgba(18,150,93,.18);padding:7px 10px;font-size:12px;font-weight:820;box-shadow:0 8px 18px rgba(0,0,0,.10)}.status-chip.full{background:#fff4f4;color:#b42335}.court-body{padding:16px}.court-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:8px}.court-title-row h2{font-size:17px;line-height:1.2;letter-spacing:-.035em;margin:0}.price{font-size:16px;font-weight:850;color:#0b3279;white-space:nowrap}.location-line{font-size:13px;margin-bottom:12px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.tag{font-size:12px;font-weight:720;color:#315b99;background:#f0f6ff;border:1px solid #dbe9fb;border-radius:999px;padding:7px 9px}
.empty{grid-column:1/-1;text-align:center;padding:34px;border-radius:22px;background:#fff;border:1px solid var(--line)}

.detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:16px;border-radius:28px}.detail-image{min-height:360px;border-radius:22px;background:center/cover no-repeat}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:22px}.detail-copy h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.065em;margin-bottom:12px}.detail-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.detail-meta span{background:#f1f7ff;border:1px solid #dbe9fb;border-radius:999px;padding:10px 12px;font-weight:780;color:#173667}
.schedule-shell{position:relative;overflow:hidden;margin-top:22px;padding:24px;border-radius:26px;background:linear-gradient(135deg,#fff,#f3f8ff);}.schedule-shell:after{content:"";position:absolute;right:-20px;top:-50px;width:250px;height:250px;opacity:.06;background:url("data:image/svg+xml,%3Csvg width='210' height='210' viewBox='0 0 210 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%230b5cff' stroke-width='8' stroke-linecap='round'%3E%3Ccircle cx='88' cy='74' r='48'/%3E%3Cpath d='M122 110l58 58M75 42c9 22 30 37 55 38M46 78c22-10 48-9 72 5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.schedule-head{position:relative;z-index:1}.schedule-head h2{font-size:30px;letter-spacing:-.045em;margin:0}.date-control{min-width:220px}.slot-list{position:relative;z-index:1;display:grid;gap:10px}.schedule-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;background:#fff;border:1px solid #e0ebfa;border-radius:16px;padding:12px 14px;box-shadow:0 8px 18px rgba(15,45,90,.04)}.schedule-row strong{font-size:15px}.status{font-size:12px;font-weight:830;border-radius:999px;padding:8px 10px}.status.available{background:#e9fdf4;color:#0b7a4a}.status.pending{background:#fff7df;color:#9a6500}.status.reserved,.status.blocked{background:#fff0f2;color:#b42335}.unavailable-label{font-size:13px;text-align:right}

.notice{padding:13px 15px;border-radius:14px;margin-bottom:15px;font-weight:700}.notice.error{background:#fff1f2;color:#b42335;border:1px solid #fecdd3}.notice.success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.auth-wrap{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:36px 16px}.auth-card{width:min(1000px,100%);display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.auth-side{padding:36px;background:linear-gradient(155deg,#eaf3ff,#ffffff 60%,#dff0ff);display:flex;flex-direction:column;justify-content:space-between}.auth-side h1{font-size:clamp(34px,4.6vw,54px);line-height:1.03;letter-spacing:-.06em;margin-bottom:14px}.auth-side p{color:#59677e;line-height:1.7}.auth-form{padding:34px}.auth-form h2{font-size:31px;letter-spacing:-.045em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.password-field{position:relative}.toggle-password{position:absolute;right:8px;top:31px;min-height:36px;padding:0 10px;border:1px solid #dbe7f6;background:#fff;color:var(--blue);border-radius:12px;font-weight:800;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e0ebfa}.table th,.table td{padding:13px;border-bottom:1px solid #edf2f8;text-align:left;font-size:14px}.table th{color:#315b99;background:#f8fbff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.footer{text-align:center;padding:28px;color:#73829a;border-top:1px solid #dfeaf8;margin-top:18px}.owner-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 76px)}.sidebar{background:#fff;border-right:1px solid #dfeaf8;padding:22px}.sidebar a{display:block;padding:12px 14px;border-radius:14px;margin-bottom:7px;color:#45627e;font-weight:700}.sidebar a:hover,.sidebar .active{background:#eff6ff;color:#1d4ed8}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.preset-option{cursor:pointer;border:1px solid #dfeaf8;border-radius:16px;overflow:hidden;background:#fff;transition:.16s}.preset-option:hover{transform:translateY(-2px);box-shadow:0 14px 24px rgba(15,45,90,.08)}.preset-option input{display:none}.preset-option span{display:block;padding:10px;font-size:12px;font-weight:700}.preset-option img{height:90px;width:100%;object-fit:cover}.preset-option:has(input:checked){border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.10)}

@media(max-width:1120px){.search-card.hero-search{grid-template-columns:repeat(2,1fr)}.search-card.hero-search .btn{grid-column:1/-1}.court-grid{grid-template-columns:repeat(3,1fr)}.live-slots{grid-template-columns:1fr}.live-title{display:block}.preset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.site-header{height:auto;padding:12px 14px;gap:10px}.brand{font-size:19px}.desktop-nav{gap:4px}.desktop-nav a:not(.owner-link):not(.create-link){display:none}.desktop-nav a{font-size:12px;padding:8px 10px}.home-wrap{width:100%;padding:12px}.hero-panel{border-radius:24px}.hero-media{min-height:330px}.hero-content{padding:30px 20px 74px;width:100%}.hero-content h1{font-size:42px;letter-spacing:-.06em}.hero-content p{font-size:14px}.search-card.hero-search{width:calc(100% - 24px);margin:-52px auto 0;grid-template-columns:1fr;border-radius:20px;padding:10px}.container{width:auto;padding:28px 14px}.live-slots-wrap{width:calc(100% - 24px);margin-top:20px}.live-slots{padding:16px;border-radius:20px}.live-title h2{font-size:21px}.date-pills,.time-pills{padding-bottom:8px}.pill{min-width:78px;padding:10px}.pill.time{min-width:64px}.live-results.show{grid-template-columns:1fr}.live-result-list{grid-template-columns:1fr}.section-head,.page-title,.schedule-head{display:block}.section-head h2,.page-title h1{font-size:30px}.quick-filters{margin-top:12px;overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.quick-filters a{white-space:nowrap}.court-grid,.grid,.form-grid,.preset-grid{grid-template-columns:1fr}.court-img{height:210px}.detail-hero{grid-template-columns:1fr;border-radius:24px;padding:12px}.detail-image{min-height:245px}.detail-copy{padding:12px 4px}.schedule-shell{padding:14px}.date-control{min-width:0;margin:12px 0}.schedule-row{grid-template-columns:1fr;gap:8px}.schedule-row .btn,.btn{width:100%}.unavailable-label{text-align:left}.auth-card{grid-template-columns:1fr;border-radius:24px}.auth-side{padding:24px}.auth-form{padding:22px}.owner-layout{grid-template-columns:1fr}.sidebar{border-right:0}.table{display:block;overflow-x:auto}.footer{font-size:13px}}

/* Glass live-filter update */
.hero-panel{position:relative}.hero-media{min-height:560px;align-items:flex-start}.hero-gif.hero-smooth{will-change:transform;animation:smoothHeroDrift 26s ease-in-out infinite alternate;transform-origin:center center;filter:saturate(1.04) contrast(1.02)}@keyframes smoothHeroDrift{0%{transform:scale(1.02) translate3d(-1.2%,0,0)}50%{transform:scale(1.075) translate3d(1.1%,-.8%,0)}100%{transform:scale(1.035) translate3d(0,.7%,0)}}.floating-ball{position:absolute;z-index:2;right:23%;top:43%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8a7 0 12%,#ffe95b 13% 52%,#d6ba09 53%);box-shadow:0 14px 35px rgba(236,203,34,.34);animation:ballFloat 4.8s cubic-bezier(.45,.02,.35,1) infinite alternate;opacity:.92}@keyframes ballFloat{0%{transform:translate3d(-12px,8px,0) scale(.88)}100%{transform:translate3d(24px,-20px,0) scale(1.04)}}
.hero-content{padding-bottom:250px}.search-card.hero-search.glass-search{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);z-index:8;width:min(1060px,91%);margin:0;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.11));border:1px solid rgba(255,255,255,.44);box-shadow:0 28px 70px rgba(3,18,43,.30), inset 0 1px 0 rgba(255,255,255,.42);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.glass-search .label{color:rgba(255,255,255,.82);text-shadow:0 1px 2px rgba(0,0,0,.18)}.glass-search input,.glass-search select{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.34);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.glass-search input::placeholder{color:rgba(255,255,255,.72)}.glass-search input:focus,.glass-search select:focus{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.80);box-shadow:0 0 0 4px rgba(255,255,255,.14)}.glass-search select option{color:#071936;background:#fff}.glass-search .btn{background:linear-gradient(135deg,#ffffff,#d9eaff);color:#0647c9;box-shadow:0 18px 32px rgba(0,0,0,.22)}
.live-slots{background:linear-gradient(135deg,#ffffff 0%,#edf6ff 46%,#f9fcff 100%)}.live-results{opacity:1;max-height:none;margin-top:16px;transform:none}.live-results.show{animation:softReveal .26s ease both}@keyframes softReveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.live-result-list .live-empty{display:block;padding:12px 14px;border:1px dashed #bcd4f6;border-radius:14px;color:#60708a;background:rgba(255,255,255,.7)}.court-card{transition:opacity .22s ease,transform .22s ease,filter .22s ease}.court-card.is-hidden-filter{display:none!important}.hidden{display:none!important}.home-courts{scroll-margin-top:95px}.home-courts .empty{grid-column:1/-1;text-align:center;padding:38px;border-radius:24px;background:#f5f9ff;border:1px solid #dce8f8}.pill.active{box-shadow:0 12px 22px rgba(11,92,255,.18)}
@media(max-width:820px){.hero-media{min-height:650px}.hero-content{padding:28px 20px 365px}.hero-content h1{font-size:38px}.search-card.hero-search.glass-search{bottom:18px;width:calc(100% - 26px);grid-template-columns:1fr}.floating-ball{right:15%;top:34%;width:18px;height:18px}.hero-gif.hero-smooth{animation-duration:22s}.live-results{padding:14px}.live-result-list a{padding:12px}.glass-search input,.glass-search select{min-height:46px}.glass-search .btn{min-height:48px}}

/* Final homepage flow: courts first, compact live slots */
.home-courts{padding-top:34px;padding-bottom:10px}
.live-slots-wrap{margin-top:18px;margin-bottom:36px}
.live-slots{grid-template-columns:230px 1fr;padding:14px 16px;border-radius:20px;min-height:0;box-shadow:0 16px 40px rgba(22,74,150,.08)}
.live-title h2{font-size:22px;margin:2px 0 4px;letter-spacing:-.035em}
.live-title p{font-size:13px;line-height:1.45;margin:0}
.slot-picker{gap:10px}
.date-pills,.time-pills{gap:8px;min-height:0;padding:2px 2px 4px;overflow-x:auto;scrollbar-width:thin}
.pill{min-width:74px;padding:9px 10px;border-radius:13px;font-size:12px}
.pill small{font-size:10px}.pill.time{min-width:58px;padding:9px 11px}
.live-results{margin-top:8px;padding:10px 12px;border-radius:16px;grid-template-columns:1fr 1.3fr;gap:10px}
.live-results p{display:none}.live-result-list{gap:7px}.live-result-list a{padding:9px 11px;border-radius:12px}
.live-result-list a span{font-size:13px}.live-result-list a small{font-size:11px}
.check-row{display:flex;gap:8px;align-items:center;margin:10px 0;color:#21324b;font-weight:760}

@media(max-width:820px){
  .home-courts{padding-top:22px}
  .live-slots-wrap{width:calc(100% - 24px);margin-top:12px;margin-bottom:26px}
  .live-slots{display:block;padding:12px;border-radius:18px}
  .live-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .live-title .eyebrow{display:none}
  .live-title h2{font-size:17px;margin:0;white-space:nowrap}
  .live-title p{font-size:11px;text-align:right;max-width:170px}
  .date-pills,.time-pills{gap:6px;padding-bottom:5px}
  .pill{min-width:64px;padding:8px 9px;font-size:11px;border-radius:11px}
  .pill.time{min-width:50px;padding:8px 9px}
  .live-results{display:none!important}
  .court-img{height:185px}
}

/* Compact horizontal homepage layout update */
.compact-hero-wrap{width:min(1240px,94vw);padding-top:18px}
.compact-hero-panel{border-radius:28px}
.compact-hero-media{min-height:430px!important}
.compact-hero-content{padding:54px 44px 145px!important;max-width:620px!important}
.compact-hero-content h1{font-size:clamp(42px,6vw,76px)!important;line-height:.92;margin-bottom:14px;letter-spacing:-.075em}
.compact-hero-content p{max-width:460px!important;font-size:16px!important;line-height:1.45!important}
.compact-glass-search{bottom:24px!important;display:grid!important;grid-template-columns:1.05fr .76fr .7fr .78fr 108px!important;gap:8px!important;padding:9px!important;border-radius:18px!important;align-items:end!important}
.compact-glass-search .field{padding:0!important}
.compact-glass-search .label{font-size:10px!important;margin:0 0 4px!important;letter-spacing:.08em;text-transform:uppercase}
.compact-glass-search input,.compact-glass-search select{min-height:44px!important;height:44px!important;border-radius:13px!important;padding:0 12px!important;font-size:13px!important}
.compact-glass-search .btn{min-height:44px!important;height:44px!important;border-radius:13px!important;padding:0 12px!important;font-size:13px!important;width:100%!important}
.compact-availability{width:min(1180px,92vw);margin:16px auto 0}
.compact-live-bar{background:#fff;border:1px solid #dce8f8;border-radius:20px;box-shadow:0 14px 34px rgba(15,45,90,.08);padding:12px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;align-items:center}
.compact-live-head{display:flex;flex-direction:column;gap:4px;color:#071936;padding:0 4px}
.compact-live-head strong{font-size:14px;letter-spacing:-.025em}
.compact-live-head span{font-size:12px;color:#60708a;font-weight:700}
.compact-pill-row{display:flex;gap:7px;overflow-x:auto;align-items:center;scrollbar-width:thin;padding:2px 0}
.compact-pill-row.time-pills{grid-column:2/3}
.compact-pill-row .pill{min-width:auto!important;padding:8px 10px!important;border-radius:12px!important;font-size:11px!important;line-height:1!important;box-shadow:none!important;white-space:nowrap}
.compact-pill-row .pill small{font-size:9px!important;margin-top:3px}.compact-pill-row .pill.time{min-width:50px!important}
.compact-courts-section{padding-top:20px!important}.tight-head{margin-bottom:14px!important}.tight-head h2{font-size:clamp(25px,3.2vw,38px)!important;margin-bottom:4px!important}.tight-head p{font-size:14px;margin:0}.inline-filters a{padding:8px 11px!important;font-size:12px!important}
.compact-court-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.compact-court-card{border-radius:18px!important;box-shadow:0 10px 24px rgba(15,45,90,.07)!important}.compact-court-card:hover{transform:translateY(-2px)!important}
.compact-court-card .court-img{height:130px!important}.compact-court-card .status-chip{font-size:10px!important;padding:5px 8px!important;left:9px!important;top:9px!important}.compact-court-card .court-body{padding:11px!important}.compact-court-card .court-title-row{gap:6px;margin-bottom:4px!important}.compact-court-card .court-title-row h2{font-size:14px!important;line-height:1.18!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-court-card .price{font-size:13px!important}.compact-court-card .location-line{font-size:11px!important;margin-bottom:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-court-card .tags{gap:5px;margin-bottom:10px!important}.compact-court-card .tag{font-size:10px!important;padding:5px 7px!important}.compact-court-card .btn.slim{min-height:34px!important;padding:8px 10px!important;border-radius:11px!important;font-size:12px!important;width:100%!important}
.compact-live-results{display:none!important}.live-slots-wrap{display:none!important}

@media(max-width:1120px){
  .compact-glass-search{grid-template-columns:repeat(4,1fr) 96px!important;width:calc(100% - 32px)!important}
  .compact-court-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .compact-hero-wrap{width:100%;padding:10px 10px 0!important}.compact-hero-panel{border-radius:22px!important}.compact-hero-media{min-height:390px!important}.compact-hero-content{padding:30px 18px 168px!important}.compact-hero-content h1{font-size:38px!important}.compact-hero-content p{font-size:13px!important;max-width:290px!important}.compact-glass-search{width:calc(100% - 18px)!important;bottom:10px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:8px!important;border-radius:16px!important}.compact-glass-search .btn{grid-column:1/-1!important}.compact-glass-search input,.compact-glass-search select{height:40px!important;min-height:40px!important;font-size:12px!important;border-radius:11px!important}.compact-glass-search .label{font-size:9px!important;margin-bottom:3px!important}.compact-availability{width:calc(100% - 20px);margin-top:10px}.compact-live-bar{grid-template-columns:1fr;padding:9px;border-radius:16px;gap:7px}.compact-live-head{flex-direction:row;align-items:center;justify-content:space-between;padding:0 2px}.compact-live-head strong{font-size:13px}.compact-live-head span{font-size:11px}.compact-pill-row.time-pills{grid-column:auto}.compact-pill-row{gap:5px;padding-bottom:3px}.compact-pill-row .pill{padding:7px 8px!important;border-radius:10px!important;font-size:10px!important}.compact-pill-row .pill.time{min-width:45px!important}.compact-courts-section{padding:14px 10px 28px!important}.tight-head{display:flex!important;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px!important}.tight-head h2{font-size:21px!important}.tight-head .eyebrow,.tight-head p{display:none}.quick-filters{display:none!important}.compact-court-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.compact-court-card{border-radius:15px!important}.compact-court-card .court-img{height:92px!important}.compact-court-card .court-body{padding:8px!important}.compact-court-card .court-title-row{display:block!important}.compact-court-card .court-title-row h2{font-size:12px!important;min-height:28px}.compact-court-card .price{display:block;font-size:12px!important;margin-top:4px}.compact-court-card .location-line{font-size:10px!important;margin-bottom:6px!important}.compact-court-card .tags{display:none!important}.compact-court-card .btn.slim{min-height:30px!important;font-size:11px!important;border-radius:10px!important;padding:7px 8px!important}.compact-court-card .status-chip{font-size:9px!important;padding:4px 6px!important}.home-courts .empty{padding:18px!important}.hero-gif.hero-smooth{animation-duration:34s!important}
}
@media(max-width:380px){.compact-court-grid{gap:7px!important}.compact-court-card .court-img{height:84px!important}.compact-court-card .court-title-row h2{font-size:11px!important}.compact-court-card .btn.slim{font-size:10px!important}}

/* Near me update: keeps existing compact design, only adds functional button states */
.near-btn{background:rgba(255,255,255,.28)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 14px 28px rgba(3,18,43,.18)!important}
.near-btn:hover{background:rgba(255,255,255,.38)!important;transform:translateY(-1px)}
.distance-chip{background:#eef7ff!important;color:#075cbb!important;border-color:#cfe5ff!important}
@media(max-width:720px){.near-btn,.search-btn{min-height:42px;padding:10px 12px;font-size:12px}.compact-glass-search{gap:8px}}

/* Booking page polish: same clean white/blue style as index */
.booking-page{padding:26px 16px 42px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 42%,#f5f9ff 100%)}
.booking-shell{width:min(1120px,94vw);margin:0 auto}.booking-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;color:#075cbb;font-weight:800;font-size:13px;background:#fff;border:1px solid #dbe9fb;padding:9px 12px;border-radius:999px;box-shadow:0 10px 24px rgba(15,45,90,.06)}
.booking-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:stretch}.booking-preview,.booking-form-card{background:#fff;border:1px solid #dce8f8;border-radius:28px;box-shadow:0 18px 46px rgba(15,45,90,.08);overflow:hidden}.booking-image{height:310px;background:center/cover no-repeat;position:relative}.booking-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,55,0) 38%,rgba(6,24,55,.42))}.booking-summary-card{padding:22px}.booking-summary-card h1{font-size:clamp(26px,3vw,40px);letter-spacing:-.055em;margin:4px 0 6px;line-height:1}.booking-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.booking-meta-grid div{background:#f7fbff;border:1px solid #dce8f8;border-radius:18px;padding:13px}.booking-meta-grid span,.booking-pay-row span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7c96;font-weight:850;margin-bottom:5px}.booking-meta-grid strong{font-size:14px;color:#0b3279;line-height:1.25}.booking-form-card{padding:26px}.booking-form-head{margin-bottom:18px}.booking-form-head h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-.055em;margin:3px 0 6px}.booking-form label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#35506f;font-weight:850}.booking-form input,.booking-form textarea{margin-top:7px;background:#f8fbff;border:1px solid #d8e7f8;border-radius:16px;color:#071936;min-height:50px}.booking-form textarea{padding-top:13px;resize:vertical}.booking-form input:focus,.booking-form textarea:focus{outline:0;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.booking-pay-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;background:linear-gradient(135deg,#f2f8ff,#fff);border:1px solid #dce8f8;border-radius:20px}.booking-pay-row strong{display:block;font-size:24px;color:#063f9f;letter-spacing:-.04em}.booking-submit{min-width:210px}.booking-grid{gap:14px}
@media(max-width:820px){.booking-page{padding:14px 10px 28px}.booking-shell{width:100%}.booking-back{margin-left:2px}.booking-layout{grid-template-columns:1fr;gap:12px}.booking-preview,.booking-form-card{border-radius:22px}.booking-image{height:178px}.booking-summary-card{padding:16px}.booking-summary-card h1{font-size:26px}.booking-meta-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.booking-meta-grid div{padding:10px;border-radius:14px}.booking-meta-grid span,.booking-pay-row span{font-size:9px}.booking-meta-grid strong{font-size:12px}.booking-form-card{padding:16px}.booking-form-head h2{font-size:28px}.booking-form-head p{font-size:13px}.booking-grid{grid-template-columns:1fr!important;gap:10px}.booking-form input,.booking-form textarea{min-height:46px;border-radius:14px}.booking-pay-row{position:sticky;bottom:10px;z-index:5;border-radius:18px;box-shadow:0 18px 34px rgba(15,45,90,.13)}.booking-pay-row strong{font-size:19px}.booking-submit{min-width:0;width:auto!important;padding:12px 14px!important;font-size:12px!important}}

/* Courts page premium compact update */
.courts-hero-mini{position:relative;min-height:315px;overflow:hidden;background:#0d3c7c;margin-bottom:10px}
.courts-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);filter:saturate(1.05)}
.courts-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,54,.78),rgba(4,23,54,.38) 46%,rgba(4,23,54,.10)),linear-gradient(180deg,rgba(7,25,54,.05),rgba(7,25,54,.32))}
.courts-hero-content{position:relative;z-index:2;padding:48px 0 38px}
.glass-panel{width:min(660px,100%);padding:22px;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:rgba(255,255,255,.16);box-shadow:0 28px 70px rgba(2,20,48,.23);backdrop-filter:blur(18px)}
.courts-hero-copy .eyebrow{color:#d5e8ff}.courts-hero-copy h1{margin:0;font-size:clamp(40px,5vw,62px);line-height:.98;letter-spacing:-.065em;color:#fff;font-weight:690}.courts-hero-copy p{max-width:430px;margin:12px 0 0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.55}.courts-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.courts-hero-actions .btn.light{background:rgba(255,255,255,.88)}
.premium-courts-page{padding-top:22px}.compact-head{margin-bottom:16px}.compact-head h2{font-size:28px}.compact-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-result-card{display:grid;grid-template-columns:170px 1fr;min-height:174px;border-radius:22px;overflow:hidden}.compact-result-card .court-img{height:100%;min-height:174px;border-radius:0}.compact-result-card .court-body{padding:16px}.compact-result-card .court-title-row{gap:8px}.compact-result-card .court-title-row h2{font-size:18px;line-height:1.12;margin:0}.compact-result-card .location-line{font-size:13px;margin:7px 0 10px}.compact-result-card .tags{gap:6px;margin-bottom:12px}.compact-result-card .tag{font-size:11px;padding:6px 8px}.compact-result-card .btn.slim{min-height:38px;padding:9px 12px;width:max-content}.compact-result-card .price{font-size:14px;font-weight:820;color:var(--blue)}
/* Schedule view premium two-column update */
.court-detail-page{padding-top:30px}.detail-hero{overflow:hidden}.schedule-shell{background:linear-gradient(135deg,#ffffff,#f6faff 58%,#eaf4ff);border:1px solid #dbeafe}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-row{grid-template-columns:1fr;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.94);transition:.16s}.schedule-row:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,45,90,.10);border-color:#b8d5ff}.schedule-row strong{font-size:14px;color:#10213e}.schedule-row .status{width:max-content}.schedule-row .btn.slim{width:100%;margin-top:2px}.unavailable-label{text-align:left;font-size:12px}.date-control input{background:#fff}
@media(max-width:900px){.compact-results-grid{grid-template-columns:1fr}.compact-result-card{grid-template-columns:150px 1fr}.compact-result-card .court-img{min-height:160px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-row{padding:11px}.schedule-row strong{font-size:12.5px}.schedule-row .status{font-size:10.5px;padding:6px 8px}.schedule-row .btn.slim{min-height:34px;font-size:12px;padding:7px 10px}}
@media(max-width:560px){.courts-hero-mini{min-height:270px}.courts-hero-content{padding:26px 14px}.glass-panel{border-radius:22px;padding:18px}.courts-hero-copy h1{font-size:38px}.courts-hero-copy p{font-size:13px}.courts-hero-actions{display:grid;grid-template-columns:1fr 1fr}.courts-hero-actions .btn{min-height:42px;padding:10px 12px;font-size:12px}.compact-head h2{font-size:24px}.compact-results-grid{grid-template-columns:1fr;gap:12px}.compact-result-card{grid-template-columns:118px 1fr;min-height:132px;border-radius:18px}.compact-result-card .court-img{min-height:132px}.compact-result-card .court-body{padding:10px}.compact-result-card .court-title-row{display:block}.compact-result-card .court-title-row h2{font-size:14px;line-height:1.12}.compact-result-card .price{display:block;margin-top:4px;font-size:12px}.compact-result-card .location-line{font-size:11px;margin:5px 0}.compact-result-card .tags{display:none}.compact-result-card .btn.slim{min-height:32px;padding:7px 9px;font-size:11px;width:100%}.status-chip{font-size:10px;padding:5px 7px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.schedule-shell{padding:12px;border-radius:20px}.schedule-head h2{font-size:23px}.date-control{margin-top:10px}.schedule-row{border-radius:14px;gap:7px}.schedule-row .btn.slim{width:100%}}


/* Final index update: simple location/type filter + 5-image hero slideshow */
.hero-slideshow{position:relative;background:#0d3c7c}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity 1.1s ease-in-out;filter:saturate(1.04) contrast(1.02)}
.hero-slide.active{opacity:1}
.hero-slideshow:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,22,52,.72),rgba(4,22,52,.34) 45%,rgba(4,22,52,.12)),linear-gradient(180deg,rgba(4,22,52,.10),rgba(4,22,52,.28))}
.hero-slideshow>*:not(.hero-slide){position:relative;z-index:2}
.location-only-search{grid-template-columns:1.4fr .75fr auto!important;align-items:end}
.location-only-search .location-field-wide{min-width:0}
.location-only-search .btn{min-width:112px}
.compact-availability,.compact-live-results,.live-slots-wrap{display:none!important}
.floating-ball{display:none!important}
.hero-gif,.hero-smooth{animation:none!important;transform:none!important}
.home-courts{scroll-margin-top:90px}
.court-card.is-hidden-filter{display:none!important}.hidden{display:none!important}
@media(max-width:820px){
  .compact-hero-media{min-height:390px!important}
  .compact-hero-content{padding:30px 18px 160px!important}
  .location-only-search{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .location-only-search .location-field-wide{grid-column:1/-1}
  .location-only-search .btn{grid-column:1/-1!important;width:100%}
}
@media(max-width:430px){
  .compact-hero-media{min-height:370px!important}
  .compact-hero-content{padding-bottom:154px!important}
}

/* Final mobile hero text fix: keep previous layout, only make Find. Book. Play. visible */
.compact-hero-content{
  position:absolute !important;
  z-index:9 !important;
  top:26px !important;
  left:26px !important;
  padding:0 !important;
  width:auto !important;
  max-width:560px !important;
  color:#06265f !important;
  pointer-events:none;
}
.compact-hero-content .eyebrow{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.82);
  color:#075eea !important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 25px rgba(8,39,93,.12);
  text-shadow:none !important;
}
.compact-hero-content h1{
  display:block !important;
  margin:12px 0 0 !important;
  padding:12px 16px 14px !important;
  width:max-content;
  max-width:min(92vw,520px);
  border-radius:22px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.86);
  color:#07245c !important;
  font-size:clamp(42px,5.4vw,70px) !important;
  line-height:.92 !important;
  letter-spacing:-.07em !important;
  text-shadow:none !important;
  box-shadow:0 18px 45px rgba(8,39,93,.16);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
@media(max-width:820px){
  .compact-hero-content{
    top:18px !important;
    left:18px !important;
    right:18px !important;
    max-width:none !important;
  }
  .compact-hero-content .eyebrow{
    font-size:9px !important;
    padding:6px 9px !important;
  }
  .compact-hero-content h1{
    font-size:34px !important;
    max-width:270px !important;
    padding:10px 12px 12px !important;
    border-radius:18px !important;
  }
}
@media(max-width:380px){.compact-hero-content h1{font-size:30px!important;max-width:235px!important}}

/* Court.php premium compact schedule fix */
.compact-court-page{padding-top:22px}.compact-detail-hero{grid-template-columns:.92fr 1.08fr;gap:14px;padding:12px;border-radius:24px;box-shadow:0 18px 45px rgba(20,60,120,.10)}.compact-detail-image{min-height:255px;border-radius:20px}.compact-detail-copy{padding:16px}.compact-detail-copy h1{font-size:clamp(26px,3.8vw,42px);line-height:1.03;letter-spacing:-.045em;margin:5px 0 8px}.compact-address{font-size:13px;line-height:1.45}.compact-meta{gap:7px;margin-top:10px}.compact-meta span{font-size:12px;padding:7px 10px;font-weight:750}.compact-schedule-shell{margin-top:16px;padding:16px;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 58%,#eef7ff 100%);box-shadow:0 18px 45px rgba(20,60,120,.08)}.compact-schedule-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.compact-schedule-head h2{font-size:24px;letter-spacing:-.035em}.schedule-note{font-size:12px;margin-top:3px}.compact-date-control{min-width:180px}.compact-date-control input{min-height:40px;font-size:13px;border-radius:13px}.compact-slot-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.compact-slot{display:grid;grid-template-columns:1fr;gap:7px;padding:10px;border-radius:15px;min-height:118px;background:rgba(255,255,255,.96);border:1px solid #dfeafb}.compact-slot:hover{border-color:#9ec5ff;box-shadow:0 12px 26px rgba(25,90,180,.11)}.slot-time{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.slot-time strong{font-size:14px;color:#0e2447;line-height:1}.slot-time small{font-size:11px;color:#6d7f98;font-weight:700}.compact-slot .status{font-size:10.5px;padding:6px 8px;width:max-content;max-width:100%;white-space:normal;line-height:1.2}.compact-slot .btn.slim{min-height:32px;padding:7px 10px;font-size:12px;width:100%;border-radius:11px}.compact-slot .unavailable-label{font-size:11px}.compact-slot.status-available{border-color:#b9dcff;background:linear-gradient(180deg,#ffffff,#f2f8ff)}.compact-slot.status-available .btn.slim{background:linear-gradient(135deg,#0b63ff,#2f8cff)}
@media(max-width:900px){.compact-detail-hero{grid-template-columns:130px 1fr;align-items:stretch}.compact-detail-image{min-height:150px}.compact-detail-copy{padding:8px 4px}.compact-detail-copy h1{font-size:22px}.compact-meta span{font-size:10.5px;padding:6px 8px}.compact-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-schedule-head{align-items:start}.schedule-note{display:none}}
@media(max-width:560px){.compact-court-page{padding-top:14px}.compact-detail-hero{grid-template-columns:112px 1fr;padding:9px;border-radius:20px;gap:10px}.compact-detail-image{min-height:128px;border-radius:16px}.compact-detail-copy h1{font-size:18px;margin:3px 0 5px}.compact-address{font-size:11.5px}.compact-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compact-meta span{font-size:9.7px;padding:5px 7px;text-align:center}.compact-schedule-shell{padding:10px;border-radius:20px;margin-top:12px}.compact-schedule-head{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.compact-schedule-head h2{font-size:20px}.compact-date-control{min-width:0}.compact-date-control input{min-height:38px}.compact-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compact-slot{min-height:106px;padding:8px;border-radius:13px}.slot-time{display:block}.slot-time strong{display:block;font-size:12.5px}.slot-time small{display:block;font-size:10px;margin-top:2px}.compact-slot .status{font-size:9.5px;padding:5px 7px}.compact-slot .btn.slim{min-height:30px;font-size:11px;padding:6px 8px}.compact-slot .unavailable-label{font-size:10px}}

/* Owner auth premium international refresh */
.auth-premium-wrap{
  min-height:calc(100vh - 96px);
  padding:34px 16px;
  background:
    radial-gradient(circle at 12% 12%, rgba(37,99,235,.11), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(27,124,255,.10), transparent 26%),
    linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);
}
.auth-premium-card{
  border-radius:30px;
  border:1px solid rgba(191,215,247,.95);
  background:rgba(255,255,255,.9);
  box-shadow:0 28px 90px rgba(9,48,107,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.login-premium-card{width:min(920px,100%);grid-template-columns:.9fr 1.1fr}.register-premium-card{width:min(1080px,100%);grid-template-columns:.82fr 1.18fr}
.auth-premium-side{
  position:relative;
  overflow:hidden;
  padding:38px;
  background:
    linear-gradient(140deg,rgba(7,89,214,.98),rgba(44,139,255,.92)),
    url('../img/hero/hero-1.webp') center/cover no-repeat;
  color:#fff;
}
.auth-premium-side:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,28,70,.56),rgba(10,97,230,.24));z-index:0}.auth-premium-side>*{position:relative;z-index:1}.auth-premium-side .eyebrow{color:#dbeafe}.auth-premium-side h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.065em;color:#fff}.auth-premium-side p{color:rgba(255,255,255,.84);max-width:420px}.auth-mini-stack{display:flex;gap:8px;flex-wrap:wrap}.auth-mini-stack span{font-size:12px;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:8px 10px;border-radius:999px;color:#fff}.auth-premium-form{padding:36px}.auth-premium-form h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.05em;margin-bottom:18px}.auth-premium-form form{display:grid;gap:13px}.auth-premium-form label{font-size:12px;font-weight:850;color:#27436d;letter-spacing:.01em}.auth-premium-form input,.auth-premium-form select{margin-top:7px;background:#f8fbff;border:1px solid #dce8f8;border-radius:15px;min-height:48px;padding:0 13px;font-size:14px;color:#10233e;outline:none;transition:.16s}.auth-premium-form input:focus{background:#fff;border-color:#82b7ff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.auth-premium-form .btn{min-height:48px;border-radius:15px;margin-top:3px}.auth-row-links{display:flex;justify-content:flex-end;margin-top:-3px}.auth-row-links a,.auth-bottom-link a{color:#0b5cff;font-weight:850}.auth-bottom-link{margin-top:16px}.register-two-col{grid-template-columns:1fr 1fr;gap:12px}.register-two-col .password-field .toggle-password,.auth-premium-form .toggle-password{top:32px}
@media(max-width:820px){.auth-premium-card,.login-premium-card,.register-premium-card{grid-template-columns:1fr;width:100%}.auth-premium-side{padding:24px;min-height:190px}.auth-premium-side h1{font-size:34px}.auth-premium-form{padding:22px}.register-two-col{grid-template-columns:1fr}.auth-premium-form input{min-height:46px}.auth-mini-stack span{font-size:11px;padding:7px 9px}}


/* Final fixes: password toggle + compact premium court schedule */
.password-field input{padding-right:72px!important}.toggle-password{z-index:5;line-height:1;display:inline-flex;align-items:center;justify-content:center}.auth-premium-form .toggle-password{width:auto!important;min-width:54px!important}.compact-court-page .eyebrow{font-size:10px;letter-spacing:.11em}.compact-detail-copy h1{font-weight:780}.compact-schedule-head .eyebrow{font-size:10px}.compact-schedule-head h2{font-size:22px}.compact-slot-list{align-items:stretch}.compact-slot{min-height:96px}.compact-slot .status{font-weight:780}.compact-slot.status-reserved,.compact-slot.status-pending{opacity:.92}.owner-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.owner-schedule-row{grid-template-columns:1fr;align-items:start;padding:10px;border-radius:15px}.owner-schedule-row strong{font-size:13px}.owner-schedule-row .btn{width:100%;min-height:32px;font-size:12px}.mini-booked{font-size:11px}.owner-slot-card{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dfeafb}
@media(max-width:900px){.owner-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-slot{min-height:88px}.compact-schedule-head h2{font-size:20px}}
@media(max-width:560px){.owner-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.owner-schedule-row{padding:8px;border-radius:13px}.owner-schedule-row strong{font-size:11.5px}.compact-schedule-head h2{font-size:18px}.compact-detail-copy h1{font-size:17px}.compact-slot{min-height:92px}.compact-slot .status{font-size:9px}.password-field input{padding-right:66px!important}.toggle-password{right:6px!important;min-height:32px!important;font-size:11px!important}}

/* Final password toggle fix */
.password-field{position:relative!important;display:block!important;}
.password-field input{width:100%!important;padding-right:82px!important;}
.password-field .toggle-password{position:absolute!important;right:8px!important;top:32px!important;z-index:999!important;pointer-events:auto!important;cursor:pointer!important;user-select:none!important;min-width:58px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;border:1px solid #cfe0f7!important;background:#fff!important;color:#0b5cff!important;font-size:12px!important;font-weight:850!important;}
.password-field .toggle-password:hover{background:#eff6ff!important;border-color:#8bbcff!important;}
@media(max-width:560px){.password-field input{padding-right:76px!important}.password-field .toggle-password{top:31px!important;right:7px!important;min-width:54px!important;height:32px!important;font-size:11px!important}}

/* Static hero image: slideshow removed */
.hero-static{animation:none!important;transform:none!important;filter:saturate(1.04) contrast(1.02)!important}
.hero-media:not(.hero-slideshow){background:#0d3c7c}

/* Premium court type modal selector */
.court-type-field{position:relative}
.court-type-trigger{width:100%;min-height:44px;height:44px;border-radius:13px;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.22);color:#fff;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:750;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.30);cursor:pointer;text-align:left}
.court-type-trigger b{font-size:18px;line-height:1;font-weight:700;opacity:.9}.court-type-trigger:hover{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.58)}
.court-type-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:center;padding:18px}.court-type-modal.is-open{display:flex}.court-type-backdrop{position:absolute;inset:0;background:rgba(5,18,43,.38);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.court-type-sheet{position:relative;width:min(520px,100%);border-radius:30px;background:rgba(255,255,255,.96);border:1px solid rgba(196,218,247,.95);box-shadow:0 32px 90px rgba(7,35,83,.22);padding:18px;animation:courtTypeUp .18s ease-out}.court-type-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:4px 4px 14px}.court-type-head h2{margin:2px 0 0;font-size:25px;letter-spacing:-.045em;color:#071936;line-height:1}.court-type-close{width:38px;height:38px;border-radius:14px;border:1px solid #dbeafe;background:#f7fbff;color:#0b5cff;font-size:24px;line-height:1;cursor:pointer}.court-type-close:hover{background:#eff6ff}
.court-type-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.court-type-option{border:1px solid #dce8f8;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:.16s;min-height:78px}.court-type-option span{display:block;font-size:14px;font-weight:850;color:#09255a}.court-type-option small{display:block;margin-top:5px;font-size:11px;font-weight:700;color:#6b7c96;line-height:1.25}.court-type-option:hover{transform:translateY(-1px);border-color:#9ac5ff;box-shadow:0 12px 28px rgba(25,90,180,.10)}.court-type-option.active{border-color:#0b63ff;background:linear-gradient(135deg,#0b63ff,#2f8cff);box-shadow:0 16px 34px rgba(11,99,255,.22)}.court-type-option.active span,.court-type-option.active small{color:#fff}
@keyframes courtTypeUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.court-type-modal{padding:10px}.court-type-sheet{border-radius:24px;padding:14px}.court-type-head h2{font-size:22px}.court-type-options{grid-template-columns:1fr;gap:8px}.court-type-option{min-height:64px;padding:12px;border-radius:16px}.court-type-trigger{height:40px;min-height:40px;font-size:12px;border-radius:11px}}

/* 2026 Index UI refresh: stronger hero image, reliable location + court type search */
.premium-index-hero{padding-top:22px!important;padding-bottom:4px!important}
.index-hero-media{min-height:520px!important;border-radius:34px!important;overflow:hidden;box-shadow:0 34px 100px rgba(6,35,91,.20)!important;background:#08224f!important}
.index-hero-media:after{background:
  linear-gradient(90deg,rgba(3,16,42,.78) 0%,rgba(3,16,42,.48) 42%,rgba(3,16,42,.13) 72%),
  linear-gradient(180deg,rgba(7,44,101,.06) 0%,rgba(3,16,42,.44) 100%)!important}
.index-hero-copy{top:58px!important;left:54px!important;max-width:620px!important;color:#fff!important;text-shadow:0 18px 44px rgba(0,0,0,.28)!important}
.index-hero-copy .eyebrow{background:rgba(255,255,255,.16)!important;color:#eaf4ff!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.index-hero-copy h1{font-size:clamp(48px,7vw,88px)!important;color:#fff!important;background:transparent!important;padding:0!important;margin:16px 0 12px!important;border-radius:0!important;box-shadow:none!important;text-shadow:0 20px 54px rgba(0,0,0,.30)!important;width:auto!important;line-height:.88!important;letter-spacing:-.085em!important}
.index-hero-copy p{display:block!important;color:rgba(255,255,255,.86)!important;font-size:17px!important;line-height:1.5!important;max-width:500px!important;margin:0!important;font-weight:650!important;letter-spacing:-.02em!important}
.index-search-card{width:min(1010px,calc(100% - 52px))!important;left:50%!important;transform:translateX(-50%)!important;bottom:30px!important;grid-template-columns:1.35fr .78fr 160px!important;padding:12px!important;border-radius:24px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:0 28px 70px rgba(4,22,55,.26)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important}
.index-search-card .field{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.70)!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:0 12px 28px rgba(5,31,77,.10)!important}
.index-search-card .label{display:block!important;color:#38608f!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 6px!important}
.index-search-card input,.index-search-card select{width:100%!important;height:36px!important;min-height:36px!important;border:0!important;background:transparent!important;color:#071936!important;padding:0!important;font-size:15px!important;font-weight:760!important;outline:none!important;box-shadow:none!important;border-radius:0!important}
.index-search-card input::placeholder{color:#7c8da8!important;font-weight:700!important}
.index-search-card select{cursor:pointer;appearance:auto!important;-webkit-appearance:auto!important}
.index-search-card .search-btn{height:58px!important;min-height:58px!important;border-radius:18px!important;font-size:15px!important;font-weight:900!important;align-self:stretch!important;box-shadow:0 18px 36px rgba(11,92,255,.34)!important}
.index-search-card .court-type-trigger{display:none!important}
.home-courts .section-head{align-items:center!important}
.home-courts .quick-filters a{background:#fff!important;border:1px solid #dbeafe!important;box-shadow:0 8px 18px rgba(15,45,90,.05)!important}
.home-courts .quick-filters a:hover{background:#eff6ff!important;color:#0b5cff!important}
.compact-court-card{overflow:hidden!important;background:#fff!important;border:1px solid rgba(219,234,254,.92)!important}
.compact-court-card .court-img{background-size:cover!important;background-position:center!important}
.compact-court-card .court-body{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important}
.compact-court-card .btn.slim{background:linear-gradient(135deg,#0b5cff,#2d8bff)!important}
@media(max-width:820px){
  .premium-index-hero{width:100%!important;padding:10px 10px 0!important}
  .index-hero-media{min-height:500px!important;border-radius:26px!important}
  .index-hero-copy{top:28px!important;left:20px!important;right:20px!important;max-width:none!important}
  .index-hero-copy h1{font-size:46px!important;margin-top:12px!important}
  .index-hero-copy p{font-size:13.5px!important;max-width:320px!important}
  .index-search-card{width:calc(100% - 20px)!important;bottom:12px!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important;border-radius:20px!important}
  .index-search-card .field{padding:9px 11px!important;border-radius:15px!important}
  .index-search-card input,.index-search-card select{height:32px!important;min-height:32px!important;font-size:13px!important}
  .index-search-card .search-btn{height:46px!important;min-height:46px!important;border-radius:15px!important;font-size:13px!important}
}
@media(max-width:430px){
  .index-hero-media{min-height:480px!important}
  .index-hero-copy h1{font-size:39px!important}
  .index-hero-copy p{max-width:280px!important;font-size:12.5px!important}
}


/* 2026-05-31 tweak: transparent compact search + static index hero */
.static-index-hero{position:relative!important;background:#08224f!important;overflow:hidden!important}
.static-index-hero .hero-static-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;filter:saturate(1.06) contrast(1.03)!important;transform:none!important;animation:none!important}
.static-index-hero:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(3,16,42,.72) 0%,rgba(3,16,42,.40) 42%,rgba(3,16,42,.12) 72%),linear-gradient(180deg,rgba(7,44,101,.04) 0%,rgba(3,16,42,.36) 100%)!important}
.static-index-hero>*:not(.hero-static-img){position:relative!important;z-index:2!important}
.index-search-card{width:min(820px,calc(100% - 64px))!important;grid-template-columns:1.25fr .66fr 132px!important;gap:8px!important;padding:8px!important;border-radius:18px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 20px 52px rgba(4,22,55,.20)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.index-search-card .field{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.36)!important;border-radius:14px!important;padding:7px 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.index-search-card .label{color:rgba(255,255,255,.78)!important;font-size:9px!important;margin:0 0 3px!important;letter-spacing:.10em!important}
.index-search-card input,.index-search-card select{height:28px!important;min-height:28px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;background:transparent!important;text-shadow:0 1px 12px rgba(0,0,0,.24)!important}
.index-search-card input::placeholder{color:rgba(255,255,255,.72)!important;font-weight:700!important}
.index-search-card select option{color:#071936!important;background:#fff!important}
.index-search-card .search-btn{height:44px!important;min-height:44px!important;border-radius:14px!important;font-size:13px!important;padding:0 12px!important;box-shadow:0 14px 30px rgba(11,92,255,.28)!important}
@media(max-width:820px){
  .index-search-card{width:calc(100% - 24px)!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:7px!important;border-radius:16px!important;bottom:12px!important}
  .index-search-card .search-btn{grid-column:1/-1!important;height:40px!important;min-height:40px!important;border-radius:13px!important;font-size:12px!important}
  .index-search-card .field{padding:6px 9px!important;border-radius:13px!important}
  .index-search-card input,.index-search-card select{height:25px!important;min-height:25px!important;font-size:12px!important}
}
@media(max-width:430px){
  .index-search-card{width:calc(100% - 18px)!important;gap:6px!important;padding:6px!important}
  .index-search-card .label{font-size:8.5px!important}
}

/* FINAL MOBILE CLEAN FIX - index.php */
html,body{max-width:100%;overflow-x:hidden}
.premium-index-hero,.home-wrap{overflow:hidden!important}
@media(max-width:820px){
  .premium-index-hero{padding:8px 10px 0!important;width:100%!important;box-sizing:border-box!important}
  .compact-hero-panel,.hero-panel{border-radius:22px!important;overflow:hidden!important}
  .index-hero-media.static-index-hero{min-height:430px!important;height:430px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 50px rgba(6,35,91,.18)!important}
  .static-index-hero:after{background:linear-gradient(180deg,rgba(4,18,43,.58) 0%,rgba(4,18,43,.18) 42%,rgba(4,18,43,.68) 100%)!important}

  /* make hero text clean on phone */
  .index-hero-copy,.compact-hero-content{
    position:absolute!important;top:24px!important;left:18px!important;right:18px!important;bottom:auto!important;
    width:auto!important;max-width:none!important;padding:0!important;color:#fff!important;z-index:4!important;text-shadow:0 12px 28px rgba(0,0,0,.38)!important;pointer-events:none!important
  }
  .index-hero-copy .eyebrow,.compact-hero-content .eyebrow{
    display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;font-size:9px!important;letter-spacing:.11em!important;
    box-shadow:none!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important
  }
  .index-hero-copy h1,.compact-hero-content h1{
    display:block!important;width:auto!important;max-width:250px!important;margin:14px 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:42px!important;line-height:.9!important;letter-spacing:-.075em!important;text-shadow:0 16px 34px rgba(0,0,0,.42)!important
  }
  .index-hero-copy p,.compact-hero-content p{
    display:block!important;max-width:260px!important;margin:0!important;color:rgba(255,255,255,.88)!important;font-size:12.5px!important;line-height:1.45!important;font-weight:700!important
  }

  /* keep search centered, small, transparent, no right overflow */
  .index-search-card.search-card.hero-search.glass-search,
  .index-search-card{
    position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:7px!important;border-radius:17px!important;box-sizing:border-box!important;
    background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 18px 46px rgba(3,18,43,.28)!important;
    backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;z-index:6!important
  }
  .index-search-card .location-field-wide{grid-column:1/-1!important}
  .index-search-card .field{min-width:0!important;padding:6px 9px!important;border-radius:13px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important}
  .index-search-card .label{font-size:8px!important;margin:0 0 2px!important;color:rgba(255,255,255,.78)!important;letter-spacing:.11em!important}
  .index-search-card input,.index-search-card select{height:24px!important;min-height:24px!important;font-size:12px!important;line-height:24px!important;color:#fff!important;padding:0!important;background:transparent!important;border:0!important;max-width:100%!important}
  .index-search-card input::placeholder{color:rgba(255,255,255,.70)!important}
  .index-search-card select option{color:#071936!important;background:#fff!important}
  .index-search-card .search-btn{grid-column:1/-1!important;width:100%!important;height:39px!important;min-height:39px!important;border-radius:13px!important;font-size:12.5px!important;padding:0 10px!important;white-space:nowrap!important}

  .compact-courts-section{padding-top:18px!important}.tight-head h2{font-size:22px!important}.compact-court-grid{gap:10px!important}.compact-court-card{border-radius:16px!important}.compact-court-card .court-img{height:104px!important}.compact-court-card .court-body{padding:9px!important}.compact-court-card .court-title-row h2{font-size:12.5px!important;line-height:1.18!important}.compact-court-card .btn.slim{min-height:34px!important}
}
@media(max-width:380px){
  .index-hero-media.static-index-hero{height:410px!important;min-height:410px!important}
  .index-hero-copy h1,.compact-hero-content h1{font-size:37px!important;max-width:220px!important}
  .index-search-card{left:9px!important;right:9px!important;bottom:9px!important}
  .compact-court-card .court-img{height:92px!important}
}


/* 2026-05-31 final polish: custom court type dropdown + lighter curated preset gallery */
.index-search-card .court-type-field{position:relative!important}
.index-search-card .court-type-custom-trigger{
  width:100%;height:28px;min-height:28px;padding:0;border:0;background:transparent;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;
  font-size:13px;font-weight:800;cursor:pointer;text-align:left;text-shadow:0 1px 12px rgba(0,0,0,.24)
}
.index-search-card .court-type-custom-trigger b{font-size:14px;opacity:.88;transition:transform .16s ease}
.index-search-card .court-type-custom-trigger[aria-expanded="true"] b{transform:rotate(180deg)}
.index-search-card .court-type-dropdown{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;padding:8px;
  border-radius:16px;background:rgba(8,24,54,.94);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 36px rgba(2,12,34,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.index-search-card .court-type-item{
  width:100%;display:flex;align-items:center;justify-content:space-between;min-height:42px;
  margin:0 0 6px;padding:11px 12px;border-radius:12px;border:1px solid transparent;
  background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:13px;font-weight:760;cursor:pointer;text-align:left
}
.index-search-card .court-type-item:last-child{margin-bottom:0}
.index-search-card .court-type-item:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.10)}
.index-search-card .court-type-item.active{background:linear-gradient(135deg,#0b5cff,#2f8cff);border-color:transparent;box-shadow:0 12px 28px rgba(11,92,255,.28)}
@media(max-width:820px){
  .index-search-card .court-type-custom-trigger{height:24px;min-height:24px;font-size:12px}
  .index-search-card .court-type-dropdown{top:calc(100% + 6px);padding:7px;border-radius:14px}
  .index-search-card .court-type-item{min-height:38px;padding:9px 10px;font-size:12px;border-radius:10px}
}

.sidebar+.content .preset-grid,.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important}
.preset-option{border-radius:18px!important;background:linear-gradient(180deg,#ffffff,#f7fbff)!important;box-shadow:0 10px 24px rgba(15,45,90,.05)!important}
.preset-option img{height:108px!important;object-fit:cover!important}
.preset-option span{font-size:12px!important;font-weight:800!important;color:#163a6b!important}
.preset-option:has(input:checked){border-color:#4f9cff!important;box-shadow:0 0 0 4px rgba(37,99,235,.10),0 18px 34px rgba(15,45,90,.10)!important}
@media(max-width:980px){.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.preset-option img{height:96px!important}}


/* 2026-05-31 final fix: court type uses real working select + no blurry background box */
.index-search-card.search-card.hero-search.glass-search,
.index-search-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.index-search-card .field{
  background:rgba(8,24,54,.30)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.index-search-card select#courtTypeValue{
  display:block!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  cursor:pointer!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
}
.index-search-card select#courtTypeValue option{color:#071936!important;background:#fff!important}
.index-search-card .court-type-custom-trigger,
.index-search-card .court-type-dropdown{display:none!important}
@media(max-width:820px){
  .index-search-card.search-card.hero-search.glass-search,
  .index-search-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .index-search-card .field{background:rgba(8,24,54,.28)!important;border:1px solid rgba(255,255,255,.30)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}


/* FINAL REQUEST: no blur/background behind Find. Book. Play. + cleaner no-glass search */
.index-hero-copy,
.compact-hero-content{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.index-hero-copy .eyebrow,
.compact-hero-content .eyebrow,
.index-hero-copy h1,
.compact-hero-content h1,
.index-hero-copy p,
.compact-hero-content p{
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.index-hero-copy .eyebrow,
.compact-hero-content .eyebrow{padding:0!important;color:#eaf4ff!important;text-shadow:0 10px 24px rgba(0,0,0,.34)!important}
.index-hero-copy h1,
.compact-hero-content h1{padding:0!important;color:#fff!important;text-shadow:0 18px 42px rgba(0,0,0,.52)!important}
.index-search-card.search-card.hero-search.glass-search,
.index-search-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.index-search-card .field{background:rgba(8,24,54,.38)!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.index-search-card input,.index-search-card select{background:transparent!important;color:#fff!important}
.index-search-card select option{background:#fff!important;color:#071936!important}
@media(max-width:820px){
  .index-hero-copy .eyebrow,.compact-hero-content .eyebrow{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .index-hero-copy h1,.compact-hero-content h1{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
  .index-search-card.search-card.hero-search.glass-search,.index-search-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;gap:7px!important}
  .index-search-card .field{background:rgba(8,24,54,.38)!important;border-color:rgba(255,255,255,.26)!important}
}


/* Optional homepage video section: hidden until assets/videos/pickleslot-demo.mp4 exists */
.home-video-section{padding-top:18px!important;padding-bottom:10px!important}
.home-video-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:center;border:1px solid #dbeafe;background:linear-gradient(135deg,#ffffff,#f5f9ff);border-radius:28px;padding:18px;box-shadow:0 18px 46px rgba(15,45,90,.08)}
.home-video-copy{padding:10px 8px}.home-video-copy h2{font-size:clamp(26px,3.8vw,44px);line-height:1;letter-spacing:-.055em;margin:0 0 8px;color:#071936}.home-video-copy p{font-size:14px;line-height:1.55;margin:0}.home-video-frame{border-radius:22px;overflow:hidden;background:#071936;box-shadow:0 18px 38px rgba(7,25,54,.18)}
.home-video-frame video{display:block;width:100%;max-height:430px;background:#071936;object-fit:contain}
@media(max-width:820px){.home-video-card{grid-template-columns:1fr;padding:12px;border-radius:22px;gap:10px}.home-video-copy h2{font-size:25px}.home-video-copy p{font-size:13px}.home-video-frame{border-radius:18px}.home-video-frame video{max-height:360px}}


/* Force refresh build: real video slot and clean hero/search no blur */
.home-video-section{display:block!important;scroll-margin-top:90px}.home-video-frame{position:relative;min-height:220px}.home-video-frame video{display:block!important;width:100%!important;min-height:220px;background:#071936!important;object-fit:contain!important}.home-video-frame.missing-video video{opacity:.18}.video-upload-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;font-weight:900;font-size:18px;letter-spacing:-.02em;background:linear-gradient(135deg,rgba(7,25,54,.52),rgba(7,25,54,.28));pointer-events:none}.video-upload-overlay small{display:block;margin-top:4px;font-size:12px;font-weight:750;opacity:.82}.video-missing-note{margin:12px 0 0!important;padding:10px 12px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#0b4bdc;font-size:12px!important;font-weight:800;word-break:break-word}
.index-hero-copy,.compact-hero-content,.index-hero-copy .eyebrow,.compact-hero-content .eyebrow,.index-hero-copy h1,.compact-hero-content h1{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.index-search-card.search-card.hero-search.glass-search,.index-search-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.index-search-card .field{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
@media(max-width:820px){.home-video-frame{min-height:260px}.home-video-frame video{min-height:260px}.video-upload-overlay{font-size:16px}.video-missing-note{font-size:11px!important}}


/* FINAL: hero uses uploaded video as background, no separate video section */
.static-index-hero .hero-bg-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;z-index:0!important;filter:saturate(1.06) contrast(1.03)!important;
  transform:none!important;animation:none!important;background:#08224f!important
}
.static-index-hero>*:not(.hero-static-img):not(.hero-bg-video){position:relative!important;z-index:2!important}
.home-video-section{display:none!important}


/* Speed pass: image cards use real lazy-loaded <img> instead of CSS background images */
.court-img{overflow:hidden;background:#dbeafe!important}
.court-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.court-img .status-chip{position:absolute!important}
@media(max-width:820px){.court-img>img{transform:none!important}}

@media(max-width:820px){.court-card:hover,.compact-result-card:hover,.preset-option:hover{transform:none!important;box-shadow:var(--shadow-soft)!important}}

/* Multi-hour booking select polish */
.booking-form select{margin-top:7px;background:#f8fbff;border:1px solid #d8e7f8;border-radius:16px;color:#071936;min-height:50px;padding:0 13px;font-weight:800}.booking-form select:focus{outline:0;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.10)}


/* Multi-hour booking marker + simple receipt template */
.selected-slots-box{margin-top:12px;padding:13px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#ffffff);border:1px solid #dce8f8;box-shadow:0 10px 24px rgba(15,45,90,.06)}
.selected-slots-box span,.pay-time-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7c96;font-weight:850;margin-bottom:5px}
.selected-slots-box strong{display:block;font-size:17px;color:#073f9f;letter-spacing:-.025em}.selected-slots-box small{display:block;margin-top:4px;color:#60708a;font-weight:750}.pay-time-label{text-transform:none;letter-spacing:0;margin:4px 0 0!important;color:#5e7394!important}.receipt-summary{padding:0!important;background:#fff;border:1px solid #dce8f8;border-radius:22px;overflow:hidden}.receipt-ref{padding:16px 18px;background:linear-gradient(135deg,#0b5cff,#2f8cff);color:#fff;font-size:15px}.receipt-grid{display:grid;grid-template-columns:160px 1fr;gap:0;padding:10px 18px 18px}.receipt-grid span,.receipt-grid strong{padding:10px 0;border-bottom:1px solid #edf4ff}.receipt-grid span{color:#60708a;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.receipt-grid strong{color:#071936;font-size:14px}.owner-bookings-table td{vertical-align:top}@media(max-width:640px){.receipt-grid{grid-template-columns:1fr}.receipt-grid span{padding:10px 0 2px;border-bottom:0}.receipt-grid strong{padding:0 0 10px}.booking-pay-row{align-items:flex-start}.selected-slots-box strong{font-size:15px}}


/* Court.php multi-time marking: selection happens before booking.php */
.multi-pick-shell{padding-bottom:88px!important}
.selectable-slot-list .selectable-slot{position:relative;cursor:default;user-select:none}
.selectable-slot-list .selectable-slot.can-select{cursor:pointer;border-color:#c9def8!important;background:linear-gradient(180deg,#ffffff,#f4f9ff)!important}
.selectable-slot-list .selectable-slot.can-select:hover{border-color:#7fb5ff!important;box-shadow:0 14px 30px rgba(11,92,255,.12)!important;transform:translateY(-1px)}
.selectable-slot .slot-check{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.selectable-slot .select-mark{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:30px;border-radius:10px;background:#eef6ff;border:1px solid #d5e8ff;color:#0b5cff;font-size:11px;font-weight:850}
.selectable-slot.is-selected{border-color:#0b5cff!important;background:linear-gradient(135deg,#eaf4ff,#ffffff)!important;box-shadow:0 0 0 3px rgba(11,92,255,.12),0 16px 34px rgba(11,92,255,.12)!important}
.selectable-slot.is-selected:after{content:"✓";position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:999px;background:#0b5cff;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(11,92,255,.24)}
.selectable-slot.is-selected .select-mark{background:#0b5cff;color:#fff;border-color:#0b5cff}
.multi-booking-bar{position:sticky;left:0;right:0;bottom:12px;z-index:20;margin-top:16px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid #d8e9ff;box-shadow:0 20px 46px rgba(15,45,90,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.multi-booking-bar .mini-label,.multi-total-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#60708a;font-weight:900;margin-bottom:3px}.multi-booking-bar strong{display:block;color:#09295f;font-size:15px}.multi-booking-bar small{display:block;color:#60708a;font-size:12px;margin-top:2px}.multi-total-box{min-width:118px;padding:10px 12px;border-radius:15px;background:#f4f9ff;border:1px solid #dcecff}.multi-total-box strong{font-size:17px;color:#0b5cff}.multi-booking-bar .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;background:#8ba4c7}.locked-selected-slots{border-color:#bad7ff!important;background:linear-gradient(135deg,#f3f9ff,#fff)!important}.no-duration-booking-grid{grid-template-columns:1fr 1fr!important}
@media(max-width:720px){.multi-pick-shell{padding-bottom:10px!important}.multi-booking-bar{grid-template-columns:1fr;bottom:8px;padding:10px;border-radius:17px}.multi-total-box{min-width:0}.multi-booking-bar .btn{width:100%}.selectable-slot.is-selected:after{right:7px;top:7px;width:20px;height:20px;font-size:11px}.selectable-slot .select-mark{min-height:26px;font-size:10px}.no-duration-booking-grid{grid-template-columns:1fr!important}}


/* 2026-05-31 premium court.php multi-slot picker polish */
.multi-pick-shell{
  padding:18px!important;
  padding-bottom:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 54%,#eef6ff 100%)!important;
  border:1px solid rgba(213,228,248,.95)!important;
  box-shadow:0 22px 60px rgba(9,48,107,.09)!important;
}
.selectable-slot-list.compact-slot-list{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.selectable-slot-list .selectable-slot{
  min-height:86px!important;
  padding:12px 12px 11px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.selectable-slot-list .selectable-slot.can-select{
  cursor:pointer!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid #e0ebfa!important;
  box-shadow:0 8px 20px rgba(15,45,90,.045)!important;
}
.selectable-slot-list .selectable-slot.can-select:hover{
  transform:translateY(-2px)!important;
  border-color:#9ec8ff!important;
  box-shadow:0 16px 34px rgba(11,92,255,.10)!important;
}
.selectable-slot-list .selectable-slot.can-select:active{transform:scale(.985)!important}
.selectable-slot .slot-time{padding-right:28px!important;display:block!important}
.selectable-slot .slot-time strong{
  display:block!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  color:#081f42!important;
}
.selectable-slot .slot-time small{
  display:block!important;
  margin-top:3px!important;
  color:#72849c!important;
  font-size:11px!important;
  font-weight:760!important;
}
.selectable-slot .status{
  width:max-content!important;
  max-width:100%!important;
  margin-top:4px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
.selectable-slot .select-mark{
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  width:22px!important;
  height:22px!important;
  min-height:0!important;
  border-radius:999px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(239,247,255,.96)!important;
  border:1px solid #d5e8ff!important;
  color:#6a87ab!important;
  box-shadow:none!important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease!important;
}
.selectable-slot .select-mark i{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#9ab2cf!important;
  transition:all .18s ease!important;
}
.selectable-slot .select-mark em{display:none!important}
.selectable-slot.is-selected{
  background:linear-gradient(135deg,#f4f9ff 0%,#ffffff 100%)!important;
  border-color:#0b5cff!important;
  box-shadow:0 0 0 2px rgba(11,92,255,.10),0 18px 38px rgba(11,92,255,.13)!important;
  transform:translateY(-1px)!important;
}
.selectable-slot.is-selected:after{display:none!important;content:none!important}
.selectable-slot.is-selected .slot-time strong{color:#073f9f!important}
.selectable-slot.is-selected .select-mark{
  background:#0b5cff!important;
  border-color:#0b5cff!important;
  color:#fff!important;
  transform:scale(1.06)!important;
  box-shadow:0 8px 18px rgba(11,92,255,.26)!important;
}
.selectable-slot.is-selected .select-mark i{
  width:9px!important;
  height:5px!important;
  border-radius:0!important;
  background:transparent!important;
  border-left:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(-45deg) translate(1px,-1px)!important;
}
.selectable-slot.is-selected .select-mark:after{content:none!important}
.selectable-slot.is-selected .status.available{
  background:#e8f2ff!important;
  color:#0b5cff!important;
  border-color:#bfdbff!important;
}
.selectable-slot.status-reserved,.selectable-slot.status-pending,.selectable-slot.status-blocked{
  opacity:.72!important;
  background:#f8fafc!important;
  border-color:#e5edf6!important;
}
.selectable-slot.status-reserved .slot-time strong,.selectable-slot.status-pending .slot-time strong,.selectable-slot.status-blocked .slot-time strong{color:#6b7c96!important}
.multi-booking-bar{
  position:sticky!important;
  bottom:12px!important;
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(211,229,252,.95)!important;
  box-shadow:0 22px 52px rgba(13,45,92,.16)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.multi-booking-bar .mini-label,.multi-total-box span{
  font-size:9px!important;
  letter-spacing:.12em!important;
  color:#6c7d94!important;
}
.multi-booking-bar #selectedRangeText{font-size:16px!important;color:#08265b!important;letter-spacing:-.025em!important}
.multi-booking-bar #selectedHelpText{font-size:11.5px!important;color:#65758b!important}
.multi-total-box{
  min-width:120px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f7fbff,#eef6ff)!important;
  border:1px solid #d8eaff!important;
}
.multi-total-box strong{font-size:17px!important;color:#075eea!important}
.multi-booking-bar .btn{min-height:44px!important;border-radius:15px!important;padding:11px 16px!important;font-size:13px!important}
.multi-booking-bar .btn:disabled{background:#9aacbf!important;color:#fff!important;opacity:.55!important}
@media(max-width:980px){
  .selectable-slot-list.compact-slot-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .multi-pick-shell{padding:12px!important;border-radius:22px!important}
  .selectable-slot-list.compact-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .selectable-slot-list .selectable-slot{min-height:72px!important;padding:10px!important;border-radius:16px!important}
  .selectable-slot .slot-time strong{font-size:12.5px!important}
  .selectable-slot .slot-time small{font-size:10px!important}
  .selectable-slot .status{font-size:8.8px!important;padding:4px 7px!important}
  .selectable-slot .select-mark{right:8px!important;top:8px!important;width:20px!important;height:20px!important}
  .multi-booking-bar{grid-template-columns:1fr!important;gap:9px!important;padding:11px!important;border-radius:18px!important;bottom:8px!important}
  .multi-total-box{min-width:0!important}
  .multi-booking-bar .btn{width:100%!important;min-height:42px!important}
}
@media(max-width:380px){
  .selectable-slot-list.compact-slot-list{gap:7px!important}
  .selectable-slot-list .selectable-slot{min-height:68px!important;padding:9px!important}
  .selectable-slot .slot-time strong{font-size:11.8px!important}
}

.selectable-slot.just-selected{animation:premiumSlotPop .22s ease-out!important}
@keyframes premiumSlotPop{0%{transform:scale(.985)}55%{transform:scale(1.015)}100%{transform:translateY(-1px)}}


/* 2026-05-31 schedule date + past-time polish */
.schedule-date-tools{display:grid;gap:9px;justify-items:end}
.date-shortcuts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.date-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dbeafe;color:#315b99;font-size:12px;font-weight:850;box-shadow:0 8px 18px rgba(15,45,90,.05)}
.date-shortcuts a.active{background:linear-gradient(135deg,#0b5cff,#2d8bff);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(11,92,255,.22)}
.selectable-slot.status-blocked{opacity:.68;background:#f8fafc!important;border-color:#e2e8f0!important}
.selectable-slot.status-blocked .slot-time strong,.selectable-slot.status-blocked .slot-time small{color:#94a3b8!important}
.status.blocked{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important}
.owner-generate-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.owner-generate-actions form{margin:0}.owner-generate-actions .btn{width:auto!important}
@media(max-width:720px){.schedule-date-tools{justify-items:stretch}.date-shortcuts{justify-content:flex-start}.date-shortcuts a{flex:1}.owner-generate-actions{display:grid;grid-template-columns:1fr}.owner-generate-actions .btn{width:100%!important}}

/* Court description visible to customers */
.court-desc-line{font-size:12px;line-height:1.45;color:#53657e;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.compact-court-card .court-desc-line{font-size:10.5px!important;margin-bottom:8px!important;-webkit-line-clamp:2}
.compact-result-card .court-desc-line{font-size:12px;margin:0 0 10px;-webkit-line-clamp:2}
.detail-description{margin:9px 0 0!important;color:#52677f!important;font-size:14px!important;line-height:1.55!important;max-width:680px}
@media(max-width:560px){.compact-court-card .court-desc-line{font-size:10px!important;margin-bottom:7px!important;-webkit-line-clamp:2}.compact-result-card .court-desc-line{font-size:11px!important;line-height:1.35!important;margin:4px 0 8px!important;-webkit-line-clamp:2}.detail-description{font-size:12px!important;line-height:1.45!important;margin-top:7px!important}}


/* Court card description and rate polish */
.court-desc-line{
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:12.5px!important;
  line-height:1.48!important;
  letter-spacing:-.005em!important;
  color:#465a74!important;
  font-weight:600!important;
  background:#f8fbff!important;
  border:1px solid #e6effb!important;
  border-radius:12px!important;
  padding:8px 9px!important;
  margin:0 0 10px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.compact-court-card .court-desc-line{font-size:10.8px!important;line-height:1.42!important;padding:7px 8px!important;margin-bottom:8px!important}
.price{display:inline-flex!important;align-items:baseline!important;gap:4px!important;flex-wrap:wrap!important;line-height:1.05!important;text-align:right!important}
.price em{font-style:normal!important;font-size:9.5px!important;color:#64748b!important;font-weight:800!important;letter-spacing:.01em!important;white-space:nowrap!important;text-transform:lowercase!important}
.compact-court-card .price em{font-size:8.5px!important}
@media(max-width:560px){.compact-court-card .court-desc-line{font-size:10px!important;padding:6px 7px!important}.compact-court-card .price{font-size:12px!important}.compact-court-card .price em{font-size:8px!important}}


/* Final customer court card rate + description polish */
.price{font-size:13px!important;font-weight:950!important;color:#083b8c!important;letter-spacing:-.025em!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;text-align:right!important;line-height:1!important}
.price em{display:none!important}
.court-desc-line{font-size:10.8px!important;line-height:1.38!important;font-weight:850!important;color:#243b59!important;background:#f7fbff!important;border:1px solid #e3edf9!important;border-radius:10px!important;padding:6px 8px!important;margin:0 0 8px!important;letter-spacing:.005em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.compact-court-card .court-desc-line{font-size:9.8px!important;line-height:1.32!important;padding:5px 6px!important;margin-bottom:6px!important;border-radius:9px!important}
.compact-result-card .court-desc-line{font-size:11px!important;line-height:1.38!important;font-weight:850!important;padding:6px 8px!important;margin:0 0 8px!important}
.detail-description{font-size:12.5px!important;line-height:1.45!important;font-weight:780!important;color:#263f5f!important;background:#f8fbff!important;border:1px solid #e3edf9!important;border-radius:12px!important;padding:8px 10px!important;max-width:720px!important}
@media(max-width:560px){.price{font-size:11.5px!important}.compact-court-card .price{font-size:11px!important}.compact-court-card .court-desc-line{font-size:9.4px!important;line-height:1.28!important}.compact-result-card .court-desc-line{font-size:10px!important}}


/* FINAL: compact rate/description + owner booking detail layout */
.price{font-size:13px!important;font-weight:950!important;color:#083b8c!important;letter-spacing:-.025em!important;white-space:nowrap!important;line-height:1!important}
.court-desc-line{font-size:10px!important;line-height:1.32!important;font-weight:900!important;color:#213955!important;background:#f8fbff!important;border:1px solid #e4eefb!important;border-radius:9px!important;padding:5px 7px!important;margin:0 0 7px!important;letter-spacing:.002em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.compact-court-card .court-desc-line{font-size:9.5px!important;line-height:1.26!important;padding:5px 6px!important;margin-bottom:6px!important}
.compact-result-card .court-desc-line{font-size:10px!important;line-height:1.32!important;font-weight:900!important;padding:5px 7px!important}
.detail-description{font-size:11.5px!important;line-height:1.38!important;font-weight:850!important;color:#263f5f!important;background:#f8fbff!important;border:1px solid #e3edf9!important;border-radius:10px!important;padding:7px 9px!important}
@media(max-width:560px){.price{font-size:11.5px!important}.compact-court-card .price{font-size:11px!important}.court-desc-line,.compact-court-card .court-desc-line{font-size:9.2px!important;line-height:1.24!important;padding:4px 6px!important}}