/*!
 * Theme overrides — premium SaaS palette on top of Transhub + Bootstrap
 * Loads after design-tokens.css and style.css
 */

/* ---- Typography & utilities ---- */
.text-muted {
  color: var(--text-secondary) !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: var(--text-primary);
}

.text-primary {
  color: var(--primary) !important;
}

.text-dark {
  color: var(--text-primary) !important;
}

.text-secondary {
  color: var(--text-secondary) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-light {
  background-color: var(--background) !important;
}

.bg-dark {
  background-color: var(--secondary) !important;
  color: var(--white) !important;
}

.bg-secondary {
  background-color: #64748b !important;
}

.bg-shade {
  background-color: var(--background) !important;
}

.bg-info {
  background-color: var(--surface) !important;
}

/* ---- Buttons ---- */
.btn-primary {
  background-color: var(--primary) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff !important;
}

.btn-outline-primary {
  border: 1px solid var(--primary) !important;
  color: var(--primary) !important;
  background-color: transparent !important;
  border-radius: 10px !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: #64748b !important;
  border-color: #64748b !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #475569 !important;
  border-color: #475569 !important;
  color: #fff !important;
}

.btn-dark {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: #fff !important;
}

.btn-dark:hover,
.btn-dark:focus {
  background-color: #1e293b !important;
  border-color: #1e293b !important;
  color: #fff !important;
}

.btn-check:checked + .btn,
.btn-check:active + .btn {
  color: #fff !important;
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
}

/* ---- Header / navbar (sticky = light surface + soft shadow) ---- */
header .header-nav-wrapper.header-sticky.scroll-on {
  background: var(--surface) !important;
  box-shadow: var(--shadow-sm) !important;
}

.header .navbar-toggler svg path,
.header .burger-menu svg path {
  fill: var(--primary) !important;
}

.navbar .navbar-nav > li a.nav-link {
  color: var(--text-primary) !important;
}

header .header-nav-wrapper .navbar .navbar-nav li:hover a.nav-link,
header .header-nav-wrapper .navbar .navbar-nav li:hover a.nav-link:after {
  color: var(--primary) !important;
}

/* Promo / inner page hero */
section.promo-sec {
  background-color: var(--background) !important;
  background-blend-mode: normal;
}

section.promo-sec .parallax-overly {
  background-color: var(--secondary) !important;
  opacity: 0.55 !important;
}

section.promo-sec ol.breadcrumb .breadcrumb-item a {
  color: var(--primary) !important;
}

/* ---- Swiper / carousel controls ---- */
.swiper-button-next,
.swiper-button-prev {
  background: var(--primary) !important;
  color: var(--white) !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--primary-dark) !important;
}

.slider-sec2 .parallax-overly {
  background: linear-gradient(
    89deg,
    var(--secondary) 0%,
    rgba(var(--secondary-rgb), 0.72) 28.75%,
    rgba(var(--secondary-rgb), 0.5) 53.3%,
    rgba(var(--secondary-rgb), 0)
  ) !important;
}

/* ---- Forms ---- */
.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-check-input:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.2) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.08rem rgba(var(--primary-rgb), 0.25) !important;
}

/* ---- Footer accents ---- */
.footer .copy-right a,
.footer-widget ul li:hover a {
  color: var(--primary) !important;
}

.footer-widget .footer-info > div:first-child .icon,
.footer-widget .footer-info > div:first-child .icon-lg,
.footer-widget .footer-info > div:first-child .icon-xl,
.footer-widget .footer-info > div:first-child .icon-xs,
.footer-widget .footer-info > div:nth-child(2) .icon,
.footer-widget .footer-info > div:nth-child(2) .icon-lg,
.footer-widget .footer-info > div:nth-child(2) .icon-xl,
.footer-widget .footer-info > div:nth-child(2) .icon-xs {
  background-color: var(--primary) !important;
}

.footer-widget .widget-title:before {
  background-color: var(--primary) !important;
}

.footer-widget ul li:hover a:before {
  color: var(--primary) !important;
}

.footer-nav ul li:hover a {
  color: var(--primary) !important;
}

.footer-widgets .social-share a:hover {
  background-color: var(--primary) !important;
}

.footer-2 .footer-bottom,
.footer-3 .footer-bottom {
  background: var(--primary) !important;
}

/* ---- Misc theme fixes (legacy hex in bundle) ---- */
.ratings i {
  color: var(--warning) !important;
}

.scroll-top .progress-circle path {
  stroke: var(--primary) !important;
}

.preloader span {
  background: var(--primary) !important;
}

/* Nav tabs */
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover {
  color: var(--white) !important;
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}

/* Pagination */
.pager .current,
.pager a:hover {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* Progress bars */
.progress .progress-bar,
.progress .progress-bar span:before {
  background: var(--primary) !important;
  border-top-color: var(--primary) !important;
}

.progress-circle-item svg circle {
  stroke: var(--primary) !important;
}