/*
 * White-label brand config — edit this file and restart the container (no rebuild needed).
 * Colors use HSL format matching Tailwind/shadcn conventions.
 */

:root {
  /* Primary brand color — used for buttons, links, active states */
  --brand-primary: 220 90% 56%;
  --brand-primary-foreground: 0 0% 100%;
  --brand-sidebar-bg: 220 14% 96%;
  --brand-accent: 220 90% 56%;
  --brand-accent-foreground: 0 0% 100%;
}

/* Phone input (react-phone-input-2) in Hebrew/RTL: flag on inline-start (right),
   input padded right, digits LTR. */
[dir="rtl"] .react-tel-input .flag-dropdown { position: absolute; right: 0; left: auto; }
[dir="rtl"] .react-tel-input .selected-flag { padding: 0 8px 0 0; }
[dir="rtl"] .react-tel-input .form-control {
  direction: ltr;
  text-align: right;
  padding-right: 48px;
  padding-left: 8px;
}

/* Bug 4: pin waitlist button to bottom of the meta column — DESKTOP ONLY.
   Month view is the only layout that renders an `mt-auto` child; but mobile also
   reports that layout, so we additionally gate on the md breakpoint (>=768px)
   where the 3-column grid exists. On mobile the column stacks above the calendar,
   so the button sits snug after the details with a normal margin (no mt-auto push). */
/* Desktop-only: the waitlist-pin mechanism (h-full + mt-auto) is gated to md: in
   Booker.tsx (md:h-full, md:mt-auto). Match the desktop class here so the meta cell
   fills its grid row only on desktop; mobile falls back to cal.com's native
   content-sized meta row (no gap). */
@media (min-width: 768px) {
  .\[grid-area\:meta\]:has(.md\:mt-auto) { height: 100%; }
}

/* Booker radio groups (e.g. garage "סוג השירות") render with direction:ltr, pushing the
   radio circle + option text to the left edge in a Hebrew/RTL form. Force RTL so the
   options align to the right like the rest of the form. Scoped to RTL pages only.
   Salon bookers have no radio fields, so this is a no-op for them. */
[dir="rtl"] [role="radiogroup"] { direction: rtl; }