/* ===========================================================================
   style.classic.css — Classic

   THE POINT OF THIS FILE IS HOW LITTLE IT DOES.

   Classic's brief is to preserve the current appearance. The safest way to
   preserve an appearance is not to reproduce it — it is to leave it alone. So
   Classic is the untouched baseline: assets/styles.css and assets/booking.css
   render exactly as they do on dev.canvasict.com today, and this file adds no
   colour, no radius, no shadow and no spacing of its own.

   Two things do reach Classic from outside, both requested:

     · the shared container in ui-core.css, which replaces the baseline's three
       different rails (.container 1100px, .ab-progress-inner 1100px,
       .stickyCtaInner 1120px) and the floating logo with one aligned rail.
       Classic was too narrow; that is fixed there, for every style at once.

     · the text size scale, also in ui-core.css. booking.css declares all 74 of
       its font sizes in px, so raising the root font size cannot reach them;
       ui-core restates them multiplied by the scale factor, using the
       baseline's own px values. At Standard they compute back to exactly what
       Classic renders today.

   The token values below were read off the live page on 2026-09-11 and only
   describe what the baseline already looks like, so the shared toolbar
   controls sit correctly inside Classic:

       :root --bg #F6F7FB · --accent #2563eb · --text #0f172a
             --muted #5b6b7b · --radius 18px
             --shadow-2 0 10px 26px rgba(15,23,42,.08)
       body  ui-sans-serif, system-ui, -apple-system, …

   If Classic ever needs a real change, add it here — never by editing
   booking.css, which all four styles share as their base layer.
   =========================================================================== */

html[data-ui="classic"] {
  --ui-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ui-ink: #0f172a;
  --ui-ink-soft: #5b6b7b;
  --ui-surface: #ffffff;
  --ui-line: rgba(15, 23, 42, .10);
  --ui-accent: #2563eb;
  --ui-accent-ink: #ffffff;
  --ui-accent-soft: rgba(37, 99, 235, .10);
  --ui-shadow: 0 10px 26px rgba(15, 23, 42, .08);
  --ui-ring: 0 0 0 3px rgba(37, 99, 235, .35);
}

/* The service row's duration and price no longer carry ⏱️ and 💲 prefixes —
   they are now .svcDur and .svcPrice. Classic showed them as a plain inline
   pair, so it keeps doing exactly that; the separator replaces the visual gap
   the emoji used to provide. */
html[data-ui="classic"] .svcMeta > .svcPrice::before {
  content: "·";
  margin: 0 .4em 0 .1em;
  opacity: .45;
}