/* Thermál Autósiskola – Időpontfoglalás */
.booking-intro{max-width:1080px;margin:0 auto 28px;text-align:center}.booking-intro h2{margin:0 0 12px;font-size:clamp(30px,4vw,46px)}.booking-intro p{margin:8px 0;color:var(--muted);font-size:16px;line-height:1.6}.booking-intro .lead{font-size:19px;color:var(--ink);font-weight:750}.booking-app{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden;min-height:640px}.booking-side{background:#eaf7ef;padding:22px 18px;display:flex;flex-direction:column}.booking-step{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:12px;margin-bottom:8px;color:var(--ink);font-weight:850}.booking-step.active{background:rgba(0,152,70,.10);color:var(--green)}.booking-step.done{color:var(--green)}.booking-step-icon{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #b9d8c5}.booking-step-copy small{display:block;font-weight:650;color:var(--muted);margin-top:3px}.booking-side-note{margin-top:auto;padding:16px 12px;border-top:1px solid rgba(0,100,45,.12);color:var(--muted);font-size:13px;line-height:1.55}.booking-side-note strong{color:var(--ink)}.booking-main{min-width:0;display:flex;flex-direction:column}.booking-panel-head{padding:24px 28px 18px;border-bottom:1px solid var(--line)}.booking-panel-head h3{margin:0;color:var(--green);font-size:24px}.booking-panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.booking-panel{padding:24px 28px;min-width:0}.booking-panel[hidden]{display:none}.booking-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.booking-month{font-size:20px;font-weight:900;text-align:center;flex:1}.booking-nav-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;font:inherit;font-size:21px;cursor:pointer}.booking-nav-btn:hover{border-color:var(--green);color:var(--green)}.booking-weekdays,.booking-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.booking-weekdays div{text-align:center;font-size:12px;color:var(--muted);font-weight:850;padding:5px}.booking-day{min-height:46px;border:1px solid transparent;background:#f4f7f5;border-radius:9px;font:inherit;font-weight:750;color:var(--muted);cursor:pointer}.booking-day:hover:not(:disabled){border-color:var(--green);color:var(--green);background:#eef8f1}.booking-day.available{color:var(--green);background:#f1f8f3;border-color:#a7d5b7}.booking-day.selected{background:var(--green);border-color:var(--green);color:#fff}.booking-day:disabled{cursor:not-allowed;opacity:.45}.booking-day.empty{visibility:hidden}.booking-selected-date{margin:20px 0 10px;font-weight:900}.booking-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-slot{border:1px solid #a7d5b7;background:#f1f8f3;color:var(--green);border-radius:10px;padding:13px 10px;font:inherit;font-weight:850;cursor:pointer}.booking-slot:hover:not(:disabled){background:#e5f4ea}.booking-slot.selected{background:var(--green);color:#fff;border-color:var(--green)}.booking-slot.booked{background:#fff0f0;border-color:#e2a7a7;color:#d22f2f;cursor:not-allowed}.booking-slot.booked:disabled{opacity:1}.booking-slot.closed,.booking-slot.cutoff{background:#f1f2f1;border-color:#e2e5e2;color:#8e9490;cursor:not-allowed}.booking-slot:disabled{cursor:not-allowed}.booking-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;color:var(--muted)}.booking-legend span{display:inline-flex;align-items:center;gap:5px}.booking-dot{width:9px;height:9px;border-radius:50%;background:#a7d5b7}.booking-dot.booked{background:#d22f2f}.booking-dot.closed{background:#444}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-form .field.full{grid-column:1/-1}.booking-form .field{display:flex;flex-direction:column;gap:6px}.booking-form label{font-weight:850;font-size:14px}.booking-form input,.booking-form select{font:inherit;border:1px solid #cfd9d2;border-radius:12px;padding:12px 13px;background:#fff;min-width:0}.booking-form input:focus,.booking-form select:focus{outline:2px solid rgba(0,152,70,.18);border-color:var(--green)}.booking-choice{display:flex;gap:16px;flex-wrap:wrap}.booking-choice label{display:flex;align-items:center;gap:7px;font-weight:700}.booking-summary{padding:14px 16px;border-radius:13px;background:#f1f8f3;border:1px solid #c9e5d2;margin-bottom:16px}.booking-summary strong{color:var(--green)}.booking-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.booking-actions .btn{min-width:150px}.booking-result{margin-top:12px;font-weight:850}.booking-result.success{color:var(--green)}.booking-result.error{color:var(--red)}.booking-hp{position:absolute;left:-9999px;opacity:0;height:1px;width:1px}.booking-admin-link{text-align:center;margin-top:20px;font-size:12px;color:var(--muted)}.booking-admin-link a{color:var(--muted)}
@media(max-width:900px){.booking-app{grid-template-columns:1fr}.booking-side{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.booking-step{margin:0}.booking-side-note{grid-column:1/-1;margin-top:2px}.booking-panel-head,.booking-panel{padding-left:20px;padding-right:20px}}
@media(max-width:720px){.booking-intro{text-align:left}.booking-intro .lead{font-size:17px}.booking-app{border-radius:16px;min-height:0}.booking-side{grid-template-columns:1fr}.booking-step{padding:11px}.booking-panel-head{padding:19px 15px 14px}.booking-panel{padding:17px 15px}.booking-month{font-size:18px}.booking-weekdays,.booking-days{gap:4px}.booking-day{min-height:40px;font-size:13px}.booking-slots{grid-template-columns:1fr}.booking-form{grid-template-columns:1fr;gap:13px}.booking-form .field.full{grid-column:auto}.booking-actions{flex-direction:column-reverse}.booking-actions .btn{width:100%}.booking-legend{gap:9px}}
.booking-dot.holiday{background:#b8b8b8}.booking-day.holiday{background:#f1f1f1;color:#9a9a9a;border-color:#e2e2e2;cursor:not-allowed;text-decoration:line-through}.booking-holiday-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f7f7;border:1px solid #e2e2e2;color:#777;font-weight:700}
