/* Sadek-IT — pages/booking.css */
.booking-progress{display:flex;gap:1.2rem;list-style:none;padding:0 0 1.5rem;margin:0 0 2rem;border-bottom:1px solid #28414f;font-size:.8rem;color:#9baebb;counter-reset:steps}
.booking-progress li{counter-increment:steps}
.booking-progress li:before{content:counter(steps)". ";color:#6ddcec}
.booking-progress [aria-current]{color:#ecfbff}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 28px}
.slots button{border:1px solid #385060;color:#cfe9f2;background:#101f2b;border-radius:10px;min-height:46px;cursor:pointer;transition:border-color .18s,background .18s}
.slots button:hover{border-color:#65dcec}
.slots button[aria-pressed=true]{background:#65dcec;color:#07141d;border-color:#65dcec}
.booking-recap dt{color:#8fa6b6;font-size:.85rem;margin-top:1.2rem}
.booking-recap dd{margin:4px 0 0;color:#edf9ff;overflow-wrap:anywhere}
.booking:focus{outline:none}
.booking [data-step]{scroll-margin-top:120px}
@media (max-width:480px){.booking-progress{gap:.65rem;font-size:.7rem}}
@media (max-width:480px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.booking-progress{flex-wrap:wrap}
.booking-duration{color:#8ce4ed;font-weight:600;margin-top:22px}
.booking-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;line-height:1.5;font-size:.8rem}
.booking-progress li{padding:9px 0;border-bottom:2px solid #253b4a}
.booking-progress li[aria-current]{border-color:#65dcec}
@media (max-width:430px){.booking-progress{font-size:.72rem;gap:10px}}
@media (max-width:430px){.booking .buttons{flex-direction:column;align-items:stretch}}
@media (max-width:430px){.booking .buttons .btn{white-space:normal}}