/* Theme color overrides for Lanka Econo Group */
:root {
  --primary: #2A54A6; /* deep blue */
  --secondary: #06B0A5; /* teal */
  /* Map to template variables so existing styles pick up new palette */
  --primary-color: #2A54A6;
  --secondary-color: #06B0A5;
}

/* Links */
a {
  color: var(--primary);
}
a:hover {
  color: #23478c; /* darker primary */
}

/* Text colors */
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }

/* Backgrounds */
.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

/* Borders */
.border-primary { border-color: var(--primary) !important; }
.border-secondary { border-color: var(--secondary) !important; }

/* Buttons - Primary */
.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  color: #fff;
  background-color: #23478c;
  border-color: #23478c;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #23478c;
  border-color: #23478c;
  box-shadow: 0 0 0 0.2rem rgba(42, 84, 166, 0.5);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1d3c79;
  border-color: #1d3c79;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(42, 84, 166, 0.5);
}

/* Buttons - Secondary */
.btn-secondary {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn-secondary:hover {
  color: #fff;
  background-color: #05978f;
  border-color: #05978f;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #05978f;
  border-color: #05978f;
  box-shadow: 0 0 0 0.2rem rgba(6, 176, 165, 0.5);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #047f79;
  border-color: #047f79;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(6, 176, 165, 0.5);
}

/* Outline buttons */
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-secondary {
  color: var(--secondary);
  border-color: var(--secondary);
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* Badges */
.badge-primary { background-color: var(--primary); }
.badge-secondary { background-color: var(--secondary); }

/* Pagination active state */
.page-item.active .page-link {
  background-color: var(--primary);
  border-color: var(--primary);
}

/* Progress */
.progress-bar.bg-primary { background-color: var(--primary) !important; }
.progress-bar.bg-secondary { background-color: var(--secondary) !important; }

/* Utilities */
.text-primary a { color: var(--primary); }
.text-secondary a { color: var(--secondary); }

/* Accordion overrides (Home page FAQ) */
.accordion .accordion-item {
  /* border-bottom: 1px solid var(--secondary-color); */
}
.accordion button {
  /* border: 1px solid var(--secondary-color); */
  color: var(--primary-color);
}
.accordion button:hover,
.accordion button:focus {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.accordion button .icon::before,
.accordion button .icon::after {
  background: currentColor; /* aligns with primary/hover color */
}
.accordion button[aria-expanded='true'] {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.accordion button[aria-expanded='true'] + .accordion-content {
  /* border-left: 2px solid var(--secondary-color); */
}

/* Main navigation colors */
.w3l-header-4 .navbar-light .navbar-nav .nav-link {
  color: var(--primary-color);
}
.w3l-header-4 .navbar-expand-lg .navbar-nav li.active .nav-link,
.w3l-header-4 .navbar-expand-lg .navbar-nav .nav-link:hover,
.w3l-header-4 .navbar-light .navbar-nav .show > .nav-link:hover {
  color: var(--secondary-color);
}
.w3l-header-4 .navbar-toggler,
.w3l-header-4 .navbar-toggler:hover {
  background: var(--primary-color);
}