@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;  
}