/* Font Imports */
@font-face {
  font-family: "Barlow";
  src: url("/fonts/jewlerryAcademyBringthon/Barlow.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unna";
  src: url("/fonts/jewlerryAcademyBringthon/Unna.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("/fonts/jewlerryAcademyBringthon/Lato.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Astronout";
  src: url("/fonts/jewlerryAcademyBringthon/Astronout.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Color Variables */
:root {
  --color-pink: #ddadb1;
  --color-blush: #eed9d4;
  --color-mauve: #aa9c9e;
  --color-white: #ffffff;
  --color-off-black: #231f20;
}

/* Typography Defaults */
body {
  font-family: "Unna" !important;
  color: var(--color-off-black) !important;
  margin: 0;
  padding: 0;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow" !important;
  color: var(--color-off-black) !important;
  margin: 0.5em 0;
}

/* Accent Text (optional Astronout usage) */
.accent-text {
  font-family: "Astronout", cursive;
  color: var(--color-pink);
}

/* Buttons */
button,
.btn,
.btn-secondary {
  font-family: "Lato" !important;
  font-weight: bold;
  background-color: var(--color-pink);
  color: var(--color-white);
  border: none;
  padding: 0.75em 1.5em;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

button:hover,
.btn:hover {
  background-color: var(--color-mauve);
}

/* Waitlist-style buttons */
.btn-secondary,
.calendar-list-item__actions,
.secondary-button {
  background-color: var(--color-white) !important;
  color: var(--color-pink) !important;
  border: 2px solid var(--color-pink) !important;
}

.btn-secondary,
.calendar-list-item__actions,
.secondary-button:hover {
  background-color: var(--color-blush) !important;
  color: var(--color-white) !important;
}

/* book now */
.calendar-list-item__actions--bookable,
.primary-button {
  background-color: var(--color-pink) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-pink) !important;
}

.primary-button:disabled {
  background-color: var(--color-mauve) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-mauve) !important;
}

.calendar-list-item__actions--bookable:hover,
.primary-button:hover {
  background-color: var(--color-mauve) !important;
}

/* Backgrounds */
.bg-white {
  background-color: var(--color-white);
}

.bg-blush {
  background-color: var(--color-blush);
}

/* Text Colors */
.text-black {
  color: var(--color-off-black);
}

.text-pink {
  color: var(--color-pink);
}

.text-mauve {
  color: var(--color-mauve);
}

/* waiting list checkout banner */
.waiting-list-checkout-banner {
  background-color: var(--color-off-black) !important;
}

.waiting-list-checkout-banner h3 {
  color: var(--color-white) !important;
}

.coursewidecard-priceWrapper,
.course-page-top-bar__link,
.date-selected-footer-bar,
.cancellation-policy-link,
a,
.virtual-classroom__title-colored {
  color: var(--color-pink) !important;
}

.course-page-header__pill {
  background-color: var(--color-pink) !important;
}

.session-date-row--is-selected {
  background-color: var(--color-pink) !important;
  color: var(--color-white) !important;
  border-color: var(--color-pink) !important;
}