/* Keep the commerce workspace independent of the legacy gold site theme. */
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) {
    --commerce-ink: #203039;
    --commerce-muted: #596b75;
    --commerce-line: #dbe5e8;
    --commerce-teal: #087f78;
    --commerce-blue: #245b9b;
    --commerce-surface: #f3f7f8;
    color: var(--commerce-ink);
    background: #fff !important;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
}
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(h1,h2,h3,strong) {
    color: var(--commerce-ink);
    letter-spacing: 0;
}
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(.small-muted,.muted) { color: var(--commerce-muted); }
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(.btn,button):where(:not(.danger):not(.btn-danger)) {
    border: 1px solid var(--commerce-line) !important;
    background: #fff !important;
    color: var(--commerce-ink) !important;
    box-shadow: none !important;
    font-weight: 650;
    border-radius: 6px !important;
}
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(.btn.primary,button.primary,.pos-pay-bar button) {
    background: var(--commerce-teal) !important;
    border-color: var(--commerce-teal) !important;
    color: #fff !important;
}
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    background: #fff !important;
    border: 1px solid #b9cbd1 !important;
    border-radius: 6px !important;
    color: var(--commerce-ink) !important;
    min-height: 44px;
    box-shadow: none !important;
}
html body[data-theme] .main :is(.page.court-booking-page,.page.pos-page:not(.pos-dark)) :is(input[type=checkbox],input[type=radio]) { accent-color: var(--commerce-teal); }
html body[data-theme] .main .page.court-booking-page .court-detail-profile { grid-template-columns: minmax(200px,28%) minmax(0,1fr); align-items: start; padding: 20px 0; }
html body[data-theme] .main .page.court-booking-page .court-detail-media { border-radius: 8px; height: 260px; max-height: 260px; }
html body[data-theme] .main .page.court-booking-page .court-detail-info { padding: 0 0 0 28px; }
html body[data-theme] .main .page.court-booking-page .court-detail-info h2 { font-size: 28px; font-weight: 750; }
html body[data-theme] .main .page.court-booking-page .court-detail-facts { gap: 20px; padding: 14px 0; border-block: 1px solid var(--commerce-line); }
html body[data-theme] .main .page.court-booking-page .court-detail-facts strong { color: var(--commerce-blue); font-size: 17px; }
html body[data-theme] .main .page.court-booking-page :is(.court-facility-more,.facility-policy-disclosure) { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--commerce-line) !important; border-radius: 0 !important; box-shadow: none !important; }
html body[data-theme] .main .page.court-booking-page :is(.court-facility-more,.facility-policy-disclosure)>summary { padding: 12px 0; font-size: 14px; color: var(--commerce-muted); }
html body[data-theme] .main .page.court-booking-page .court-date-picker { padding: 20px 0 !important; }
html body[data-theme] .main .page.court-booking-page .court-date-toolbar { background: var(--commerce-surface); padding: 14px; border-radius: 8px; }
html body[data-theme] .main .page.court-booking-page .court-calendar-trigger { background: #fff !important; border: 1px solid #b9cbd1 !important; border-radius: 6px !important; color: var(--commerce-blue) !important; }
html body[data-theme] .main .page.court-booking-page .booking-step { background: transparent; border-bottom: 2px solid var(--commerce-line); color: var(--commerce-muted); }
html body[data-theme] .main .page.court-booking-page .booking-step.is-active { background: #eaf6f4; border-bottom-color: var(--commerce-teal); }
html body[data-theme] .main .page.court-booking-page .court-schedule-group-title { background: #edf3fa !important; padding: 14px 16px; border-left: 3px solid var(--commerce-blue); border-radius: 0 !important; }
html body[data-theme] .main .page.court-booking-page .court-daily-board .court-weekly-head { background: #f3f7f8 !important; color: var(--commerce-muted); font-size: 13px; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill { border-radius: 6px !important; padding: 12px !important; box-shadow: none !important; gap: 3px; min-width: 0; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill.open { background: #eff9f6 !important; border: 1px solid #8ccbb9 !important; color: #15594d !important; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill.booked { background: #fff1f2 !important; border: 1px solid #e5afb7 !important; color: #962b43 !important; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill:is(.maintenance,.unavailable) { background: #fff8e8 !important; border: 1px solid #e0c680 !important; color: #785617 !important; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill:is(.court-slot-selected,.selected,.is-selected,[aria-pressed=true]) { background: #e8f1fc !important; border: 1px solid var(--commerce-blue) !important; outline: 2px solid var(--commerce-blue); outline-offset: -2px; color: #194978 !important; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill strong { color: inherit; font-size: 15px; }
html body[data-theme] .main .page.court-booking-page .court-weekly-pill em { font-size: 12px; font-style: normal; }
html body[data-theme] .main .page.court-booking-page .court-slot-price { font-weight: 750; margin-top: 4px; }
html body[data-theme] .main .page.court-booking-page .court-availability-section { padding: 20px 0 !important; }
html body[data-theme] .main .page.court-booking-page .section-title { margin: 0 0 14px !important; padding: 0 !important; }
html body[data-theme] .main .page.court-booking-page .section-title h2 { font-size: 21px; margin: 0; }
html body[data-theme] .main .page.court-booking-page .court-availability-legend { display: flex; gap: 10px 16px; flex-wrap: wrap; }
html body[data-theme] .main .page.court-booking-page .court-availability-legend>span { background: transparent !important; border: 0 !important; padding: 0 !important; font-size: 12px; font-weight: 500; }
html body[data-theme] .main .page.court-booking-page .legend-dot.selected { background: #245b9b !important; }
html body[data-theme] .main .page.court-booking-page .legend-dot.pending { background: #b47813 !important; }
html body[data-theme] .main .page.court-booking-page .legend-dot.available { background: #238465 !important; }
html body[data-theme] .main .page.court-booking-page .legend-dot.booked { background: #ba4b62 !important; }
html body[data-theme] .main .page.court-booking-page .legend-dot.closed { background: #7b8790 !important; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .page-header { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--commerce-line) !important; border-radius: 0 !important; padding: 16px 0 !important; box-shadow: none !important; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-workbench { border: 0; border-top: 1px solid var(--commerce-line); border-radius: 0; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-sidebar { background: #f3f7f8 !important; padding: 16px 12px; border-right: 1px solid var(--commerce-line); }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-sidebar-link { background: transparent !important; border-color: transparent !important; color: var(--commerce-muted) !important; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-sidebar-link.active { background: #dff1ed !important; color: #145a51 !important; border-left: 3px solid var(--commerce-teal) !important; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-menu { padding: 22px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-menu-header h2 { font-size: 22px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-search { border: 1px solid #b9cbd1; background: #fff; border-radius: 6px; box-shadow: none; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-search input { border: 0 !important; min-width: 0; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-category.active { background: #e2f3ef !important; color: #155b50 !important; border-color: #7abbaa !important; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-grid:not(.is-list) { gap: 14px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-card { border: 1px solid var(--commerce-line); border-radius: 8px; overflow: hidden; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-art { background: #edf3fa; height: 130px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-card[data-category=drinks] .pos-item-art { background: #e7f5f5; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-card[data-category=snacks] .pos-item-art { background: #fff5e5; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-body { padding: 14px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-price-cell { color: var(--commerce-blue); font-weight: 750; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-stock-cell { color: var(--commerce-muted); font-size: 12px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-order { background: #f6f9fa !important; border-left: 1px solid var(--commerce-line); border-radius: 0 !important; box-shadow: none !important; padding: 20px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-order h2 { font-size: 20px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-cart-row { background: #fff; border: 0; border-bottom: 1px solid var(--commerce-line); border-radius: 0; padding-block: 14px; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-pay-bar { background: #e3f3ee; border: 0; border-top: 3px solid var(--commerce-teal); padding: 16px; border-radius: 0; }
html body[data-theme] .main .page.pos-page:not(.pos-dark) #posPayTotal { font-size: 26px; font-weight: 750; color: #155b50; font-variant-numeric: tabular-nums; }
@media(hover:hover) {
    html body[data-theme] .main .page.court-booking-page .court-weekly-pill.open:hover { border-color: var(--commerce-teal) !important; background: #ddf1ea !important; }
    html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-card:hover { border-color: #7abbaa; }
}
@media(max-width:900px) {
    html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-menu { padding: 16px 0; }
    html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-order { border-left: 0; padding: 16px; }
}
@media(max-width:600px) {
    html body[data-theme] .main .page.court-booking-page .court-detail-profile { grid-template-columns: minmax(0,1fr); padding: 12px 0; }
    html body[data-theme] .main .page.court-booking-page .court-detail-media { height: 140px; max-height: 140px; }
    html body[data-theme] .main .page.court-booking-page .court-detail-info { padding: 16px 0 0; }
    html body[data-theme] .main .page.court-booking-page .court-detail-info h2 { font-size: 22px; }
    html body[data-theme] .main .page.court-booking-page .court-detail-facts { gap: 16px; }
    html body[data-theme] .main .page.court-booking-page .court-detail-facts strong { font-size: 15px; }
    html body[data-theme] .main .page.court-booking-page .court-date-toolbar { padding: 10px; }
    html body[data-theme] .main .page.court-booking-page .court-weekly-pill { padding: 10px !important; }
    html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-art { height: 105px; }
    html body[data-theme] .main .page.pos-page:not(.pos-dark) .pos-item-body { padding: 10px; }
}