/* Tandartspraktijk Sint-Joris — Alken
 * Kleuren en fonts overgenomen op 03-09-2026.
 */

@font-face {
  font-family: "SintJoris Display";
  src: url("https://static.wixstatic.com/ufonts/502ab6_f04132e631dc45f9a04ef35052776d99/woff2/file.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "SintJoris Sans";
  src: url("https://static.wixstatic.com/ufonts/ac6e4e_903a1d9b95044ac5ad6bc1b11fdbb013/woff2/file.woff2")
    format("woff2");
  font-display: swap;
}

.booking-preview-body {
  --color-bg: #FBFAF8;
  --color-surface: #FFFFFF;
  --color-surface-sunk: #F1EFEC;

  --color-ink: #6A3B49;
  --color-ink-soft: #4E4045;
  --color-muted: #74666B;

  --color-border: #E8DDE1;
  --color-border-strong: #D5BCC6;

  --color-primary: #BF7493;
  --color-primary-dark: #6A3B49;
  --color-primary-tint: #FAF4F6;

  --shadow-focus: 0 0 0 3px #EBD6DF;

  --font-display: "SintJoris Display", Georgia, serif;
  --font-sans: "SintJoris Sans", Manrope, sans-serif;
}

/* Het tandarts-symbool uit hun eigen website. */
.booking-preview-monogram {
  background: transparent
    url("https://static.wixstatic.com/media/ac6e4e_c6af2b51e2ac4faa84c1a033faa6c721~mv2.png")
    center / contain no-repeat;
  border-radius: 0;
  color: transparent;
}

.booking-preview-content h1,
.booking-preview-state h1,
.booking-preview-gate h1 {
  font-size: clamp(30px, 5vw, 44px);
  font-weight: 400;
  letter-spacing: -0.02em;
}

/* Rechthoekige knoppen zoals op de praktijkwebsite. */
.booking-preview-button,
.booking-preview-days button,
.booking-preview-times button {
  border-radius: 0;
}