/* Theme overrides: FF9A00 color palette */

:root {
  --brand-color: #FF9A00;
  --brand-color-dark: #cc7b00;
  --brand-color-darker: #a46300;
  --brand-color-light: #ffb74d;

  /* Bootstrap primary overrides */
  --bs-primary: #FF9A00;
  --bs-primary-rgb: 255, 154, 0;
  --bs-link-color: #FF9A00;
  --bs-link-hover-color: #cc7b00;
}

/* Links */
a { color: var(--brand-color); }
a:hover, a:focus { color: var(--brand-color-dark); }

/* Buttons (bootstrap) */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-bg: var(--brand-color-dark);
  --bs-btn-hover-border-color: var(--brand-color-dark);
  --bs-btn-active-bg: var(--brand-color-darker);
  --bs-btn-active-border-color: var(--brand-color-darker);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-bg: var(--brand-color);
  --bs-btn-hover-border-color: var(--brand-color);
  --bs-btn-active-bg: var(--brand-color-dark);
  --bs-btn-active-border-color: var(--brand-color-dark);
}

/* Common theme button classes (site-specific) */
.theme-btn1,
.theme-btn2,
.theme-btn3,
.theme-btn,
.header1-buttons a.theme-btn3,
.sidebar-area2 .button .theme-btn2 {
  background: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
  color: #fff !important;
}

.theme-btn1:hover,
.theme-btn2:hover,
.theme-btn3:hover,
.theme-btn:hover {
  background: var(--brand-color-dark) !important;
  border-color: var(--brand-color-dark) !important;
}

/* Text and background helpers */
.text-primary { color: var(--brand-color) !important; }
.bg-primary { background-color: var(--brand-color) !important; }

/* UI accents */
.badge.bg-primary,
.progress-bar,
.nav-pills .nav-link.active,
.pagination .page-item.active .page-link {
  background-color: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--brand-color);
  box-shadow: 0 0 0 0.2rem rgba(255, 154, 0, 0.25);
}

/* Header/menus hover states */
.main-menu-ex a:hover,
.main-menu-ex .main1:hover,
.mega-menu-single h3 { color: var(--brand-color) !important; }

/* Misc components seen in the site */
.compareplan-section-area .comparison table thead .theme-btn1,
.single-pricing-area .pricing-box .theme-btn1 { background: var(--brand-color) !important; }



