/* SideroCloud custom theme overrides
   Background: #17142f
   Accent: #fe7800 */

/* Background */
html body {
  background-color: #17142f !important;
}

/* Links */
html body a,
html body a:hover {
  color: #fe7800 !important;
}

/* Pagination active */
html body .pagination .page-item.active .page-link,
html body div.pagination ul.pagination li.active .page-link,
html body div.pagination ul.pagination li.active a {
  background-color: #fe7800 !important;
  border-color: #fe7800 !important;
}

/* Headings within list groups often used as accents */
html body .list-group-item h4 {
  color: #fe7800 !important;
}

/* Primary brand accents */
html body .bg-primary {
  background-color: #fe7800 !important;
}

html body .text-primary {
  color: #fe7800 !important;
}

html body .border-primary {
  border-color: #fe7800 !important;
}

html body .badge-primary {
  color: #ffffff !important;
  background-color: #fe7800 !important;
}

html body .btn-primary {
  color: #ffffff !important;
  background-color: #fe7800 !important;
  border-color: #fe7800 !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus {
  color: #ffffff !important;
  background-color: #fe7800 !important;
  border-color: #fe7800 !important;
}

html body .btn-outline-primary {
  color: #fe7800 !important;
  border-color: #fe7800 !important;
}

html body .btn-outline-primary:hover,
html body .btn-outline-primary:focus {
  color: #ffffff !important;
  background-color: #fe7800 !important;
  border-color: #fe7800 !important;
}

/* Header, title, and nav backgrounds to reflect brand */
html body .header,
html body .title,
html body .nav-content nav.navbar {
  background: #17142f !important;
  background-image: none !important;
}

/* Site header wrapper for sticky behavior and layered shadow */
html body .site-header {
  position: sticky;
  top: 0;
  z-index: 1040;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

/* Visual separation between header, navbar, title, and content */
html body .header {
  border-bottom: 1px solid rgba(254, 120, 0, 0.4) !important;
}

html body .nav-content nav.navbar {
  border-bottom: 1px solid rgba(254, 120, 0, 0.35) !important;
}

html body .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Footer separation */
html body .footer {
  border-top: 1px solid rgba(254, 120, 0, 0.35) !important;
}

html body .footer hr {
  border-top: 1px solid rgba(254, 120, 0, 0.35) !important;
}

/* Professional separators: subtle neutrals + soft elevation */
html body .header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; /* neutral divider */
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html body .nav-content nav.navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html body .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  margin-bottom: 0.75rem !important;
}

html body .footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.35), 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Navbar link colors */
html body .nav-content nav.navbar .navbar-nav > li > a,
html body nav.navbar .navbar-nav .show .dropdown-menu > a {
  color: #fe7800 !important;
}

/* Site footer styles */
html body .site-footer {
  background: #17142f;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
html body .site-footer .footer-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
html body .site-footer .footer-nav .nav-link:hover {
  color: #fe7800;
}

html body .nav-content nav.navbar .navbar-nav > li > a:hover,
html body nav.navbar .navbar-nav .show .dropdown-menu > a:hover,
html body nav.navbar .navbar-nav .show .dropdown-menu > a:focus,
html body .nav-content nav.navbar .navbar-nav > .active > a,
html body nav.navbar .navbar-nav > .active > a:hover,
html body nav.navbar .navbar-nav > .active > a:focus {
  color: #fe7800 !important;
}

/* Highlight hover areas use subtle accent tint */
html body .list-group.list-options a.list-group-item:hover,
html body .list-group.list-options a.list-group-item:focus,
html body a.list-group-item:hover,
html body a.list-group-item:focus,
html body .table-hover > tbody > tr:hover > td,
html body .table-hover > tbody > tr:hover > th,
html body .top-focus-box {
  background-color: rgba(254, 120, 0, 0.15) !important;
}