/* StayNets brand UI overrides.
   Loaded after the template CSS to enforce consistent palette + typography. */

:root {
  --brand-blue: #104868;
  --brand-green: #388840;
}

/* Headings: consistent color + font */
h1, h2, h3, h4, h5, h6,
.sec-title, .box-title, .widget_title,
.title-area .sec-title {
  color: var(--brand-blue);
  font-family: var(--title-font);
}

a, .link, .text-primary {
  color: var(--brand-blue);
}
a:hover, a:focus, .text-primary:hover {
  color: var(--brand-green);
}

/* Primary buttons (template th-btn + bootstrap btn-primary) */
.th-btn,
.btn.btn-primary,
.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}

/* Hover uses the secondary brand color */
.th-btn:before {
  background-color: var(--brand-green) !important;
}
.btn.btn-primary:hover,
.btn-primary:hover,
.btn.btn-primary:focus,
.btn-primary:focus,
.th-btn:hover,
.th-btn:focus {
  background-color: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: #fff !important;
}

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

/* Success accents */
.text-success { color: var(--brand-green) !important; }
.bg-success { background-color: var(--brand-green) !important; }
.btn-success {
  background-color: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #2f7436 !important;
  border-color: #2f7436 !important;
}