/* ===== DARK NAVY THEME ===== */

body {
  background: #060d20 !important;
  color: #fff !important;
}

/* === HEADER === */
header {
  background-color: #008cff !important;
}

.header-info {
  background-color: #008cff !important;
}

nav.navbar {
  background: #0b1628 !important;
  border-bottom: 1px solid #1a2d50;
}

.offcanvas-body,
.offcanvas-header {
  background-color: #0b1628 !important;
}

/* === ARTICLES / CARDS === */
.article {
  background: #0d1a35 !important;
  border: 1px solid #1a2d50;
}

.article p,
.article span {
  color: #9ba3b4 !important;
}

.article p b {
  color: #fff !important;
}

/* === SECTION TITLES === */
.section-title h1,
.section-title h2 {
  color: #fff !important;
}

.section-title p {
  color: #9ba3b4 !important;
}

/* XRP Markets title with blue left border */
.markets .section-title h2 {
  border-left: 3px solid #008cff;
  padding-left: 12px;
  text-align: left !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* === STATS BLOCK === */
.ac-col {
  border-bottom: 1px solid #1a2d50;
  padding: 8px 0;
}

.ac-col:last-child {
  border-bottom: none;
}

.ac-col p:first-child {
  color: #6b7c9e !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ac-col p:last-child {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* === TABLE === */
.table {
  --bs-table-color: #fff !important;
  --bs-table-bg: #0d1a35 !important;
  --bs-table-border-color: #1a2d50 !important;
  color: #fff !important;
}

.table thead tr {
  background: #0f2040 !important;
}

.table tr th {
  color: #6b7c9e !important;
  background: #0f2040 !important;
  border-bottom: 1px solid #1a2d50 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.table tr td {
  border-color: #1a2d50 !important;
  color: #fff !important;
}

div.dt-container div.dt-layout-table > div {
  background: #0d1a35 !important;
  border: 1px solid #1a2d50 !important;
  border-radius: 12px !important;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  color: #6b7c9e !important;
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 140, 255, 0.07) !important;
}

.table-hover > tbody > tr:hover > * {
  color: #fff !important;
  opacity: 1 !important;
}

/* Pagination */
.pagination {
  --bs-pagination-color: #6b7c9e !important;
  --bs-pagination-bg: transparent !important;
  --bs-pagination-hover-color: #fff !important;
  --bs-pagination-hover-bg: #008cff !important;
  --bs-pagination-active-color: #fff !important;
  --bs-pagination-active-bg: #008cff !important;
}

.disabled > .page-link,
.page-link.disabled {
  color: #3a4f70 !important;
  background-color: #0d1a35 !important;
}

/* === BG-SDR SECTION === */
.bg-sdr {
  background-color: #0d1a35 !important;
  border-top: 1px solid #1a2d50;
  border-bottom: 1px solid #1a2d50;
}

.site-desc h2 {
  color: #fff !important;
}

.site-desc p {
  color: #9ba3b4 !important;
}

/* === FOOTER === */
.footer {
  background-color: #0b1628 !important;
  border-top: 1px solid #1a2d50;
}

.footer h5 {
  color: #fff !important;
}

.footer .nav-link {
  color: #6b7c9e !important;
}

.footer .nav-link:hover {
  color: #008cff !important;
}

.footer p,
.text-ln-main {
  color: #6b7c9e !important;
}

/* === ABOUT PAGE === */
.description-text {
  color: #9ba3b4 !important;
}

.desc-title {
  color: #fff !important;
}

.desc-text {
  color: #9ba3b4 !important;
}

/* === FAQ ACCORDION === */
.accordion-button {
  background: #0f2040 !important;
  color: #fff !important;
  border: 1px solid #1a2d50 !important;
}

.accordion-button:not(.collapsed) {
  background: #112448 !important;
  color: #fff !important;
  border: 1px solid #008cff !important;
  border-bottom: none !important;
}

.accordion-button:not(.collapsed) span {
  color: #fff !important;
}

.accordion-body {
  background: #0d1a35 !important;
  color: #9ba3b4 !important;
  border: 1px solid #1a2d50 !important;
  border-top: none !important;
}

.accordion-item {
  background: transparent !important;
}

/* === CONTACTS FORM === */
.xinput input,
.xinput textarea {
  background: #0f2040 !important;
  border: 1px solid #1a2d50 !important;
  color: #fff !important;
}

.xinput input::placeholder,
.xinput textarea::placeholder {
  color: #3a4f70 !important;
}

.contact-icon {
  background: rgba(0, 140, 255, 0.1) !important;
  border: 1px solid rgba(0, 140, 255, 0.25) !important;
}

.contact-text h4 {
  color: #fff !important;
}

.contact-text p,
.contact-text a {
  color: #6b7c9e !important;
}

/* === HERO SECTION TITLES === */
.hero-start h1,
.hero-start p {
  color: #fff !important;
}

/* === LONG TEXT PAGES === */
.long-text p,
.long-text p span {
  color: #9ba3b4 !important;
}

.long-text p span.desc-title {
  color: #fff !important;
}

/* === NAVBAR LINKS === */
a.nav-link {
  color: #6b7c9e !important;
}

a.nav-link:hover,
.nav-item.active a.nav-link {
  color: #fff !important;
}

/* === GRAPH SECTION === */
.graph .article {
  background: #0d1a35 !important;
}

#course {
  color: #fff !important;
}

/* === SCROLLBAR === */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #060d20;
}

::-webkit-scrollbar-thumb {
  background: #1a2d50;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #008cff;
}