/* ================================================================
   Fullerton Markets — Orange Theme Override
   Primary : #F97316
   Dark    : #EA580C
   Darker  : #C2410C
   ================================================================ */

/* ---- CSS Variables ------------------------------------------ */
:root {
  --primary           : #F97316 !important;
  --bs-primary        : #F97316 !important;
  --bs-primary-rgb    : 249, 115, 22 !important;
}

/* ---- Buttons ------------------------------------------------- */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
  color            : #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color : #EA580C !important;
  border-color     : #EA580C !important;
  color            : #fff !important;
}
.btn-primary:focus,
.btn-primary.focus {
  box-shadow : 0 0 0 0.15rem rgba(249,115,22,.5) !important;
}
.btn-outline-primary {
  color            : #F97316 !important;
  border-color     : #F97316 !important;
  background-color : transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
  color            : #fff !important;
}
.btn-soft-primary {
  background-color : rgba(249,115,22,.18) !important;
  color            : #F97316 !important;
}
.btn-soft-primary:hover {
  background-color : #F97316 !important;
  color            : #fff !important;
}

/* ---- Backgrounds -------------------------------------------- */
.bg-primary,
.badge-primary,
.badge.bg-primary {
  background-color : #F97316 !important;
}
.bg-soft-primary {
  background-color : rgba(249,115,22,.18) !important;
}

/* ---- Text ---------------------------------------------------- */
.text-primary {
  color : #F97316 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color : #EA580C !important;
}

/* ---- Borders ------------------------------------------------- */
.border-primary {
  border-color : #F97316 !important;
}

/* ---- Forms --------------------------------------------------- */
.form-check-input:checked,
.form-switch .form-check-input:checked {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
}
.form-control:focus,
.form-select:focus {
  border-color : #F97316 !important;
  box-shadow   : 0 0 0 0.15rem rgba(249,115,22,.25) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
}

/* ---- Navigation Pills / Tabs --------------------------------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color : #F97316 !important;
  color            : #fff !important;
}
.nav-tabs .nav-link.active,
.nav-tabs-custom .nav-item .nav-link.active {
  color        : #F97316 !important;
  border-color : #F97316 !important;
}
.nav-tabs-custom .nav-item .nav-link.active {
  border-bottom-color : #F97316 !important;
}

/* ---- Pagination ---------------------------------------------- */
.page-item.active .page-link {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
  color            : #fff !important;
}
.page-link {
  color : #F97316 !important;
}
.page-link:hover {
  color : #EA580C !important;
}

/* ---- Progress ------------------------------------------------ */
.progress-bar {
  background-color : #F97316 !important;
}

/* ---- Alerts -------------------------------------------------- */
.alert-primary {
  background-color : rgba(249,115,22,.15) !important;
  border-color     : rgba(249,115,22,.3) !important;
  color            : #C2410C !important;
}

/* ---- List Groups --------------------------------------------- */
.list-group-item.active {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
}

/* ---- Dropdowns ----------------------------------------------- */
.dropdown-item.active,
.dropdown-item:active {
  background-color : #F97316 !important;
}

/* ---- Card Headers -------------------------------------------- */
.card-header.bg-primary {
  background-color : #F97316 !important;
}

/* ---- Sidebar / Metis Menu ------------------------------------ */
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a.active,
.mm-active > a,
.mm-active > a i,
.mm-active .active {
  color : #F97316 !important;
}

/* ---- Navbar brand box (sidebar top) -------------------------- */
.navbar-brand-box {
  background : transparent !important;
}

/* ---- Topbar links -------------------------------------------- */
.header-item:hover {
  color : #F97316 !important;
}

/* ---- Spinners ------------------------------------------------ */
.text-primary.spinner-border,
.text-primary.spinner-grow {
  color : #F97316 !important;
}

/* ================================================================
   BACKEND — Topnav Horizontal (data-topbar="colored") Override
   ================================================================ */

/* Topnav background — colored mode */
body[data-layout="horizontal"][data-topbar="colored"] .topnav,
body[data-layout="horizontal"] .topnav {
  background-color : #F97316 !important;
}
body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link {
  color : rgba(255,255,255,.85) !important;
}
body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:focus,
body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav .nav-link:hover,
body[data-layout="horizontal"] .topnav .navbar-nav .nav-link:focus,
body[data-layout="horizontal"] .topnav .navbar-nav .nav-link:hover {
  color : #fff !important;
}
body[data-layout="horizontal"][data-topbar="colored"] .topnav .navbar-nav > .dropdown.active > a,
body[data-layout="horizontal"] .topnav .navbar-nav > .dropdown.active > a {
  color : #fff !important;
}

/* Topnav generic (non-horizontal or fallback) */
.topnav {
  background-color : #F97316 !important;
}
.topnav .navbar-nav .nav-link {
  color : rgba(255,255,255,.85) !important;
}
.topnav .navbar-nav .nav-link:hover,
.topnav .navbar-nav .nav-link:focus {
  color : #fff !important;
}
.topnav .navbar-nav .nav-link.active,
.topnav .navbar-nav .nav-item .nav-link.active,
.topnav .navbar-nav .dropdown.active > a {
  color : #fff !important;
}
.topnav .navbar-nav .dropdown-item.active,
.topnav .navbar-nav .dropdown-item:hover {
  color : #F97316 !important;
}

/* Sidebar colored variant */
body[data-sidebar="colored"] #sidebar-menu ul li a:hover,
body[data-sidebar="colored"] #sidebar-menu ul li a i {
  color : #F97316 !important;
}
body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {
  color : #fff !important;
}

/* ================================================================
   FRONTEND (Public Site) — Supplemental overrides
   (Main replacement done via style.css find-replace)
   ================================================================ */

/* Banner / Hero buttons */
.common-btn {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
  color            : #fff !important;
}
.common-btn.three {
  background-color : transparent !important;
  border-color     : #fff !important;
  color            : #fff !important;
}
.common-btn:hover {
  background-color : #EA580C !important;
  border-color     : #EA580C !important;
}
.default-btn {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
  color            : #fff !important;
}
.default-btn:hover {
  background-color : #EA580C !important;
}

/* Back-to-top button */
.back-to-top,
#back-to-top,
.backtotop {
  background-color : #F97316 !important;
  border-color     : #F97316 !important;
}

/* Section sub-title accent */
.sub-title {
  color : #F97316 !important;
}
.sub-title::before,
.sub-title::after {
  background-color : #F97316 !important;
}

/* Highlighted spans in headings */
h1 span, h2 span, h3 span {
  color : #F97316 !important;
}

/* Footer sign-up button */
.newsletter-form button[type="submit"] {
  background-color : #F97316 !important;
}