@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600;700;800&display=swap');

/* Base body font */
body {
  font-family: 'Barlow Semi Condensed', Arial, sans-serif;
  font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow Semi Condensed', Arial, sans-serif;
  font-weight: 700 !important;
}

/* ===================== */
/* Buttons Styling */
/* ===================== */

/* Set the design tokens used by Eventsair's button-primary system */
:root {
  --button-primary-bg: #0054a5;
  --button-primary-border: #0054a5;
  --button-primary-color: #ffffff;
}

/* Catch Bootstrap-ish buttons + Eventsair's button classes */
.btn,
.btn.button-primary,
.btn.button-lg,
.btn.button-sm,
button,
input[type="button"],
input[type="submit"] {
  font-family: 'Barlow Semi Condensed', Arial, sans-serif !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;

  background-color: #0054a5 !important;
  border-color: #0054a5 !important;
  color: #ffffff !important;
}

/* Hover (keep simple + consistent) */
.btn:hover,
.btn.button-primary:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  background-color: #003f7d !important;
  border-color: #003f7d !important;
  color: #ffffff !important;
}

/* If the system uses variables directly, set hover tokens too */
:root {
  --button-primary-bg-hover: #003f7d;
  --button-primary-border-hover: #003f7d;
}

/* ===================== */
/* Step Sidebar Styling */
/* ===================== */

#step-sidebar {
  border-radius: 0;
  overflow: visible;
}

#step-sidebar .step {
  font-weight: 600;
  border-radius: 0;
}

/* First step - round top corners only */
#step-sidebar .step:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

/* Last step - round bottom corners only */
#step-sidebar .step:last-child {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* ===================== */
/* Topics Accordion Styling */
/* ===================== */

.topics-accordion {
  border: 2px solid #00a1ad;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'Barlow Semi Condensed', Arial, sans-serif;
}

.topics-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #e0e0e0;
}

.topics-accordion .accordion-item:last-child {
  border-bottom: none;
}

.topics-accordion .accordion-button {
  font-family: 'Barlow Semi Condensed', Arial, sans-serif !important;
  font-weight: 600 !important;
  color: #0054a5;
  background-color: transparent;
  box-shadow: none;
  padding: 16px 20px;
}

.topics-accordion .accordion-button:not(.collapsed) {
  background-color: #eeeeee;
  color: #0054a5;
  box-shadow: none;
}

.topics-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

.topics-accordion .accordion-button::after {
  background-image: none;
  content: "\25BE";
  font-size: 1.1rem;
  color: #0054a5;
  transition: transform 0.2s ease;
}

.topics-accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.topics-accordion .accordion-body {
  padding: 16px 20px 20px 20px;
  border-left: 3px solid #00a1ad;
  margin: 0 20px 16px 20px;
  padding-left: 16px;
}

.topics-accordion .accordion-body ul {
  margin: 0;
  padding-left: 20px;
}

.topics-accordion .accordion-body li {
  margin-bottom: 6px;
  color: #333;
}