/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/
/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/
/* ==============================
   🎨 Client Brand Theme Overrides
   ============================== */
:root {
  --primary-color: #FF1B8D;   /* Brand / Main CTA */
  --secondary-color: #4A00E0; /* Secondary Buttons / Highlights */
  --background-color: #2B0052;/* Page Background */
  --text-primary: #FFFFFF;    /* Main Text */
  --text-secondary: #CCCCCC;  /* Light Gray Text */
  --border-color: #4A00E0;    /* Match with secondary for consistency */
}

/* Global Background */
body {
  // background: var(--background-color) !important;
  color: var(--text-primary) !important;
}

/* Links */
a, a:hover, a:focus {
  color: var(--primary-color) !important;
}

/* Primary Buttons (CTA) */
.btn-main,
button.btn-main,
a.btn-main {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--text-primary) !important;
}

.btn-main:hover {
  background: #e0147d !important; /* darker pink hover */
  border-color: #e0147d !important;
}

/* Secondary Buttons */
.btn-secondary,
button.btn-secondary,
a.btn-secondary {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--text-primary) !important;
}

.btn-secondary:hover {
  background: #3600a3 !important; /* darker purple/blue hover */
  border-color: #3600a3 !important;
}

/* Text */
p, span, li, label, input, textarea, select {
  color: var(--text-secondary) !important;
}

h1, h2, h3, h4, h5, h6, strong, b {
  color: var(--text-primary) !important;
}

/* Video Player & Highlights */
.mejs-qualities-selected, .mejs__qualities-selected {
  color: var(--primary-color) !important;
}

.video-title:hover,
.menu-item.active,
.navbar a:hover {
  color: var(--primary-color) !important;
}

/* Borders & Inputs */
input, textarea, select {
  border: 1px solid var(--border-color) !important;
  background: #1A0033 !important; /* darker shade for input background */
  color: var(--text-primary) !important;
}
.dropdown-menu {
    max-height: 450px !important;/* adjust as needed */
    overflow-y: auto;
}
.dropdown-menu .fi {
    margin-right: 8px; /* adds space between flag and text */
}