/* Scoped to the real booking page. */
.codo-datsan-page [hidden]{display:none!important}
.codo-datsan-page .booking-wrapper{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.codo-datsan-page .booking-form-wrap{padding:36px;min-width:0}
.codo-datsan-page .bk-steps{list-style:none;padding:0;margin:28px 0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.codo-datsan-page .bk-steps li{display:flex;flex-direction:column;gap:8px;align-items:center;color:#666;font-size:12px;font-weight:700;text-align:center;border-bottom:3px solid #e8e7e4;padding-bottom:12px}
.codo-datsan-page .bk-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f0ed;color:#62605c}
.codo-datsan-page .bk-steps [aria-current=step]{color:#984800;border-color:#ff8d00}
.codo-datsan-page .bk-steps [aria-current=step]>span{background:#ff8d00;color:#21180e}
.codo-datsan-page .bk-steps .bk-done{color:#376a54;border-color:#7ca894}
.codo-datsan-page .bk-progress{font-size:12px;color:#65615b;margin-bottom:16px}
.codo-datsan-page .bk-step h4,.codo-datsan-page .bk-complete h4{font-size:21px;line-height:1.4;margin:0 0 20px;color:#12203d;font-weight:800}
.codo-datsan-page .bk-step small{display:block;font-size:12px;line-height:1.6;margin-top:7px;color:#67615a}
.codo-datsan-page .bk-step .form-control{box-sizing:border-box;min-height:48px}
.codo-datsan-page .bk-step p{margin:0 0 20px;line-height:1.65}
.codo-datsan-page .slot-card{font-family:inherit;text-align:left;display:flex;flex-direction:column;gap:5px;min-width:0;white-space:normal}
.codo-datsan-page .slot-card:disabled{cursor:not-allowed;opacity:1}
/* The site's shared button theme uses white text until hover. Slot cards
   have light backgrounds, so set their text explicitly in every state. */
#pitchBookingForm .slot-card{color:#172c46}
#pitchBookingForm .slot-card>.slot-time{color:#172c46}
#pitchBookingForm .slot-card>.slot-category{color:#4f5b69}
#pitchBookingForm .slot-card>.slot-price{color:#515c69}
#pitchBookingForm .slot-card>.slot-status{color:#256146;font-weight:600}
#pitchBookingForm .slot-card:disabled{opacity:1}
#pitchBookingForm .slot-card:disabled>.slot-time{color:#9f3434}
#pitchBookingForm .slot-card:disabled>.slot-category,
#pitchBookingForm .slot-card:disabled>.slot-price,
#pitchBookingForm .slot-card:disabled>.slot-status{color:#704a4a}
.codo-datsan-page .slot-card:focus-visible,.codo-datsan-page .bk-actions button:focus-visible,.codo-datsan-page .bk-text-button:focus-visible{outline:3px solid #175e7e;outline-offset:3px}
.codo-datsan-page .slot-time{font-size:16px;font-weight:800}
.codo-datsan-page .slot-category,.codo-datsan-page .slot-status{font-size:11px}
.codo-datsan-page .slot-price{font-size:12px;font-weight:600}
.codo-datsan-page #slot-summary-indicator{display:block;font-size:12px;color:#6c5c49;margin:0 0 12px}
.codo-datsan-page .bk-price-note{display:flex;flex-direction:column;gap:6px;background:#fff7e9;border:1px solid #f2d5af;border-radius:12px;padding:16px;margin:20px 0;font-size:14px;line-height:1.6;color:#684015}
.codo-datsan-page .bk-price-note strong{font-size:17px;color:#8a4200}
.codo-datsan-page .bk-price-note small{margin:0;color:#684015}
.codo-datsan-page .bk-actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}
.codo-datsan-page .bk-actions .submit-booking-btn{width:auto;flex:1;font-size:15px;padding:14px 18px}
.codo-datsan-page .bk-back{border:1px solid #d7d4ce;border-radius:10px;background:#fff;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;color:#3a424b;cursor:pointer}
.codo-datsan-page .bk-text-button{border:0;background:transparent;color:#895010;text-decoration:underline;padding:10px 0;font:inherit;font-size:12px;cursor:pointer}
.codo-datsan-page .bk-review dl{display:grid;grid-template-columns:145px minmax(0,1fr);margin:0;border:1px solid #e7e4df;border-radius:12px;overflow:hidden}
.codo-datsan-page .bk-review dt,.codo-datsan-page .bk-review dd{padding:12px;margin:0;border-bottom:1px solid #e7e4df;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.codo-datsan-page .bk-review dt{font-weight:600;background:#faf9f6;color:#66615a}
.codo-datsan-page .bk-review dd{color:#202c3f}
.codo-datsan-page .bk-review dt:last-of-type,.codo-datsan-page .bk-review dd:last-of-type{border-bottom:0}
.codo-datsan-page .bk-pending{border-left:3px solid #e7b66e;padding-left:12px;font-size:13px!important}
.codo-datsan-page .bk-error{padding:14px;background:#fff0ee;color:#9e2921;border-radius:10px;font-size:13px}
.codo-datsan-page .bk-complete .bk-back{margin-top:22px}
.codo-datsan-page .bk-receipt-icon{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;margin-bottom:16px;background:#e9f5ed;color:#237845;font-size:25px}
@media(max-width:1000px){.codo-datsan-page .booking-wrapper{grid-template-columns:minmax(0,1fr)}.codo-datsan-page .booking-form-wrap{padding:28px}}
@media(max-width:480px){.codo-datsan-page .booking-form-wrap{padding:20px 16px}.codo-datsan-page .booking-form-wrap h3{font-size:23px}.codo-datsan-page .bk-steps{gap:4px}.codo-datsan-page .bk-steps li{font-size:11px}.codo-datsan-page .bk-actions{gap:8px}.codo-datsan-page .bk-review dl{grid-template-columns:105px minmax(0,1fr)}.codo-datsan-page .bk-review dt,.codo-datsan-page .bk-review dd{padding:10px;font-size:12px}}