/* ================================================
   AMELIA BOOKING PLUGIN — CSS Overrides (V2)
   Match Tabiji Academy brand identity
   ================================================ */

/* ---- V2 Root container ---- */
[id^="amelia-v2-booking"] {
  font-family: var(--font-sans) !important;
  color: var(--color-charcoal) !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ---- V2 Wrapper & main panel ---- */
[id^="amelia-v2-booking"] .am-fs__wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

[id^="amelia-v2-booking"] .am-fs__main {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

[id^="amelia-v2-booking"] .am-fs__main-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ---- Primary color overrides (buttons) ---- */
[id^="amelia-v2-booking"] #amelia-container {
  --am-c-primary: var(--color-amber) !important;
  --am-c-main-heading-text: var(--color-charcoal) !important;
  --am-c-main-text: var(--color-charcoal) !important;
  --am-c-main-bgr: var(--color-cream) !important;
}

[id^="amelia-v2-booking"] button[class*="primary"],
[id^="amelia-v2-booking"] .am-button--primary,
[id^="amelia-v2-booking"] button[type="submit"] {
  background-color: var(--color-amber) !important;
  border-color: var(--color-amber) !important;
  color: var(--color-charcoal) !important;
  font-family: var(--font-sans) !important;
  font-weight: var(--font-weight-medium) !important;
  border-radius: var(--radius-md) !important;
}

[id^="amelia-v2-booking"] button[class*="primary"]:hover,
[id^="amelia-v2-booking"] .am-button--primary:hover {
  background-color: #d4a462 !important;
  border-color: #d4a462 !important;
}

/* ---- Headings ---- */
[id^="amelia-v2-booking"] h2,
[id^="amelia-v2-booking"] h3,
[id^="amelia-v2-booking"] .am-heading {
  font-family: var(--font-sans) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-indigo) !important;
}

/* ---- Form inputs ---- */
[id^="amelia-v2-booking"] input[type="text"],
[id^="amelia-v2-booking"] input[type="email"],
[id^="amelia-v2-booking"] input[type="tel"],
[id^="amelia-v2-booking"] textarea {
  border: 1px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-sans) !important;
  color: var(--color-charcoal) !important;
}

[id^="amelia-v2-booking"] input:focus,
[id^="amelia-v2-booking"] textarea:focus {
  border-color: var(--color-indigo) !important;
  box-shadow: 0 0 0 3px rgba(43, 63, 88, 0.1) !important;
}

/* ---- Hide Amelia branding ---- */
[id^="amelia-v2-booking"] .am-powered-by {
  display: none !important;
}

/* ---- V1 fallback selectors ---- */
#amelia-app-booking,
.amelia-app-booking {
  font-family: var(--font-sans) !important;
  color: var(--color-charcoal) !important;
  width: 100% !important;
  max-width: 100% !important;
}