/*
* RESERVATION WIDGET — Dark Theme
* Override file. Load AFTER rsv-widget.css.
*   <link href="rsv-widget.css" rel="stylesheet" />
*   <link href="rsv-theme-dark.css" rel="stylesheet" />
*/

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap');

:root
{
	/* Surfaces */
	--rsv-bg:#141414;
	--rsv-surface:#1e1e1e;
	--rsv-surface-2:#282828;
	--rsv-border:#2e2e2e;
	--rsv-border-focus:#e8e8e8;

	/* Text */
	--rsv-text:#f0f0f0;
	--rsv-text-2:#888;
	--rsv-text-3:#484848;

	/* Accent / semantic */
	--rsv-accent:#f0a030;
	--rsv-accent-bg:#f0a0301a;
	--rsv-accent-border:#f0a03059;
	--rsv-success:#34c470;
	--rsv-success-bg:#34c4701a;
	--rsv-success-border:#34c47059;
	--rsv-error:#ff6b6b;
	--rsv-error-bg:#ff6b6b14;
	--rsv-error-border:#ff6b6b59;
	--rsv-warn:#f0c040;
	--rsv-warn-bg:#f0c04012;
	--rsv-warn-border:#f0c04040;

	/* FAB */
	--rsv-fab-bg:#f0a030;
	--rsv-fab-color:#0a0a0a;
	--rsv-fab-shadow:0 4px 28px #f0a03066;
	--rsv-fab-hover-bg:#f8b040;
	--rsv-fab-hover-shadow:0 10px 40px #f0a0308c;

	/* Modal */
	--rsv-modal-bg:#141414;
	--rsv-modal-shadow:0 0 0 1px #ffffff0f, 0 16px 48px #000000cc, 0 48px 96px #00000080;
	--rsv-modal-border:1px solid #ffffff08;

	/* Typography */
	--rsv-title-font:Syne,system-ui,sans-serif;
	--rsv-title-color:#f0f0f0;
	--rsv-title-accent:#f0a030;
	--rsv-title-size:1.2rem;
	--rsv-title-weight:700;
	--rsv-title-style:normal;
	--rsv-title-transform:uppercase;
	--rsv-title-tracking:.04em;
	--rsv-body-font:Syne,system-ui,sans-serif;
	--rsv-heading-size:1.05rem;
	--rsv-heading-weight:700;
	--rsv-heading-style:normal;
	--rsv-heading-transform:uppercase;
	--rsv-heading-tracking:.05em;
	--rsv-confirm-title-size:1.15rem;
	--rsv-confirm-title-weight:700;
	--rsv-confirm-title-style:normal;
	--rsv-confirm-title-transform:uppercase;

	/* Header / body */
	--rsv-header-bg:#141414;
	--rsv-header-border:#222;
	--rsv-body-bg:#141414;

	/* Step dots */
	--rsv-dot-idle:#282828;
	--rsv-dot-active:#f0f0f0;
	--rsv-dot-done:#34c470;

	/* Calendar */
	--rsv-cal-day-hover-bg:#1e1e1e;
	--rsv-cal-selected-bg:#f0a030;
	--rsv-cal-selected-color:#0a0a0a;
	--rsv-cal-selected-shadow:0 2px 12px #f0a03059;
	--rsv-cal-disabled-color:#333;
	--rsv-cal-today-color:#f0a030;

	/* Time slots */
	--rsv-slot-bg:#1e1e1e;
	--rsv-slot-hover-bg:#282828;
	--rsv-slot-hover-border:#f0a030;
	--rsv-slot-selected-bg:#f0a030;
	--rsv-slot-selected-color:#0a0a0a;
	--rsv-slot-selected-shadow:0 2px 12px #f0a03059;
	--rsv-slot-unavailable-color:#383838;

	/* Buttons */
	--rsv-btn-primary-bg:#f0a030;
	--rsv-btn-primary-color:#0a0a0a;
	--rsv-btn-primary-hover-bg:#f8b040;
	--rsv-btn-primary-shadow:0 2px 16px #f0a0304d;
	--rsv-btn-primary-hover-shadow:0 6px 24px #f0a03073;
	--rsv-btn-ghost-border:#2e2e2e;
	--rsv-btn-ghost-color:#888;
	--rsv-btn-ghost-hover-border:#f0f0f0;
	--rsv-btn-ghost-hover-color:#f0f0f0;
	--rsv-btn-ghost-hover-bg:#1e1e1e;

	/* Spinner */
	--rsv-spinner-track:#282828;
	--rsv-spinner-color:#f0a030;

	/* Calendar export buttons */
	--rsv-cal-btn-hover-shadow:0 4px 16px #f0a03033;

	/* Confirm icon */
	--rsv-confirm-success-shadow:0 4px 24px #34c47066;
	--rsv-confirm-pending-bg:#282828;
	--rsv-confirm-pending-shadow:0 4px 20px #0006;
}

/* Dark theme uses a darker disabled background on primary button. */
.rsv-btn-primary:disabled
{
	background:var(--rsv-surface-2);
}

/* Override select dropdown arrow color to match dark text. */
select.rsv-form-input
{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23484848' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

/* Time slot unavailable: transparent on dark looks cleaner. */
.rsv-time-slot.rsv-unavailable { background:transparent }