/* OSV Booking — frontend styles */
.osv-booking-widget{
	--osv-accent:#2563eb;
	--osv-accent-dark:#1e40af;
	--osv-accent-text:#ffffff;
	--osv-border:#e6eaf0;
	--osv-muted:#8a94a6;
	--osv-text:#1e293b;
	--osv-bg-soft:#f6f8fb;
	--osv-radius:16px;
	max-width:580px;margin:0 auto;padding:28px;border:1px solid var(--osv-border);
	border-radius:var(--osv-radius);background:#fff;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--osv-text);box-shadow:0 10px 40px rgba(15,23,42,.08);box-sizing:border-box;
}
.osv-booking-widget *{box-sizing:border-box;}

/* Brand header */
.osv-brand-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--osv-border);}
.osv-logo{max-height:44px;width:auto;display:block;}
.osv-company{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;}

/* Step indicator */
.osv-steps-nav{display:flex;gap:8px;justify-content:center;margin-bottom:20px;}
.osv-step-dot{width:30px;height:4px;border-radius:999px;background:var(--osv-border);transition:background .25s;}
.osv-booking-widget[data-step="1"] .osv-dot-1,
.osv-booking-widget[data-step="2"] .osv-dot-1,
.osv-booking-widget[data-step="2"] .osv-dot-2,
.osv-booking-widget[data-step="3"] .osv-dot-1,
.osv-booking-widget[data-step="3"] .osv-dot-2,
.osv-booking-widget[data-step="3"] .osv-dot-3{background:var(--osv-accent);}

.osv-title{font-size:1.3rem;margin:0 0 18px;font-weight:700;letter-spacing:-.02em;}

/* Calendar */
.osv-calendar-wrap{background:var(--osv-bg-soft);border-radius:12px;padding:16px;}
.osv-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.osv-cal-month{font-weight:700;font-size:.98rem;}
.osv-cal-prev,.osv-cal-next{background:#fff;border:1px solid var(--osv-border);border-radius:9px;
	width:36px;height:36px;font-size:1.1rem;cursor:pointer;line-height:1;color:var(--osv-text);transition:.15s;}
.osv-cal-prev:hover,.osv-cal-next:hover{border-color:var(--osv-accent);color:var(--osv-accent);transform:translateY(-1px);}
.osv-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
.osv-dow{text-align:center;font-size:.68rem;color:var(--osv-muted);font-weight:700;padding:4px 0;text-transform:uppercase;letter-spacing:.04em;}
.osv-day{aspect-ratio:1;border:1.5px solid transparent;border-radius:10px;background:#fff;cursor:pointer;
	font-size:.9rem;color:var(--osv-text);display:flex;align-items:center;justify-content:center;transition:.15s;}
.osv-day:hover:not(.osv-disabled){border-color:var(--osv-accent);transform:translateY(-1px);}
.osv-day.osv-empty{background:transparent;cursor:default;}
.osv-day.osv-disabled{color:#cbd5e1;background:transparent;cursor:not-allowed;}
.osv-day.osv-today{font-weight:800;box-shadow:inset 0 0 0 1.5px var(--osv-accent);}
.osv-day.osv-selected{background:var(--osv-accent);color:var(--osv-accent-text);border-color:var(--osv-accent);box-shadow:0 4px 12px rgba(37,99,235,.3);}

/* Slots */
.osv-slots{margin-top:20px;}
.osv-slots-hint{color:var(--osv-muted);font-size:.9rem;margin:0 0 10px;}
.osv-slots-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:9px;}
.osv-slot{padding:11px 8px;border:1.5px solid var(--osv-border);border-radius:10px;background:#fff;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--osv-text);transition:.15s;}
.osv-slot:hover:not(.osv-slot-taken){border-color:var(--osv-accent);color:var(--osv-accent);transform:translateY(-1px);}
.osv-slot.osv-selected{background:var(--osv-accent);color:var(--osv-accent-text);border-color:var(--osv-accent);box-shadow:0 4px 12px rgba(37,99,235,.3);}
.osv-slot-taken{opacity:.35;cursor:not-allowed;text-decoration:line-through;}

/* Buttons */
.osv-btn{margin-top:22px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--osv-accent);
	color:var(--osv-accent-text);font-size:1rem;font-weight:700;cursor:pointer;transition:.15s;}
.osv-btn:hover:not(:disabled){background:var(--osv-accent-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,.25);}
.osv-btn:disabled{opacity:.4;cursor:not-allowed;}
.osv-link{background:none;border:none;color:var(--osv-accent);cursor:pointer;font-size:.9rem;font-weight:600;padding:0;margin-bottom:14px;}

/* Form */
.osv-selected-summary{background:var(--osv-bg-soft);color:var(--osv-text);padding:12px 14px;border-radius:10px;font-weight:700;font-size:.92rem;margin:0 0 20px;border-left:3px solid var(--osv-accent);}
.osv-field{margin-bottom:18px;animation:osv-fade .3s ease;}
.osv-field-label{display:block;font-weight:700;font-size:.9rem;margin-bottom:7px;}
.osv-req{color:#dc2626;}
.osv-field input[type=text],.osv-field input[type=email],.osv-field input[type=tel],
.osv-field input[type=number],.osv-field input[type=date],.osv-field textarea,.osv-field select{
	width:100%;padding:11px 13px;border:1.5px solid var(--osv-border);border-radius:10px;font-size:.95rem;font-family:inherit;color:var(--osv-text);background:#fff;transition:.15s;}
.osv-field input:focus,.osv-field textarea:focus,.osv-field select:focus{outline:none;border-color:var(--osv-accent);box-shadow:0 0 0 3px rgba(37,99,235,.14);}
.osv-choices{display:flex;flex-direction:column;gap:9px;}
.osv-choice{display:flex;align-items:center;gap:9px;font-size:.92rem;cursor:pointer;font-weight:500;padding:9px 12px;border:1.5px solid var(--osv-border);border-radius:10px;transition:.15s;}
.osv-choice:hover{border-color:var(--osv-accent);}
.osv-field-invalid .osv-field-label{color:#dc2626;}
.osv-field-invalid input,.osv-field-invalid textarea,.osv-field-invalid select{border-color:#dc2626;}
.osv-form-error{color:#dc2626;font-size:.88rem;margin-top:10px;min-height:1em;font-weight:600;}

/* Success */
.osv-success{text-align:center;padding:34px 10px;}
.osv-check{width:68px;height:68px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:2.1rem;
	display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:osv-pop .35s ease;}
.osv-success-msg{font-size:1.08rem;color:var(--osv-text);font-weight:600;}

/* Branding footer */
.osv-powered{margin-top:24px;padding-top:16px;border-top:1px solid var(--osv-border);
	text-align:center;font-size:.78rem;color:var(--osv-muted);letter-spacing:.02em;}

@keyframes osv-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes osv-pop{0%{transform:scale(.6);opacity:0;}100%{transform:scale(1);opacity:1;}}

@media(max-width:480px){
	.osv-booking-widget{padding:18px;}
	.osv-slots-list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));}
}