/* PROFITJITU navy/cyan/yellow theme — global frontend override */
:root {
  --primary-color: #efe94b !important;
  --secondary-color: #02064f !important;
  --tertiary-color: #090b0f !important;
  --pj-navy: #02064f;
  --pj-navy-dark: #010330;
  --pj-black: #090b0f;
  --pj-cyan: #149bd1;
  --pj-cyan-dark: #146e8e;
  --pj-yellow: #efe94b;
  --pj-white: #f7f8ff;
  --pj-border: #1c83b4;
}
html, body { background: var(--pj-navy) !important; color: var(--pj-white) !important; }
body, input, select, textarea, button { font-family: Poppins-Regular, Arial, sans-serif; }
a { color: var(--pj-white); }
a:hover, a:focus { color: var(--pj-yellow); text-decoration: none; }

/* Header, navigation and fixed mobile bars */
nav, header, .navbar, .navbar-default, .navbar-inverse,
#right-column, .active-menu-scroll, .main-menu-outer-container,
[class*="bottom-nav"], [class*="mobile-nav"], [class*="footer-menu"] {
  background-color: var(--pj-navy) !important;
  border-color: var(--pj-border) !important;
}
.navbar, .navbar-default, .navbar-inverse { box-shadow: 0 2px 10px rgba(0,0,0,.55) !important; }
.navbar a, nav a, #right-column a { color: var(--pj-white) !important; }
.navbar a:hover, nav a:hover, .navbar .active > a, nav .active > a { color: var(--pj-yellow) !important; }

/* Main page sections */
.container, .container-fluid, main, section, .content, .content-wrapper,
.page-content, .main-content { color: var(--pj-white); }
.panel, .card, .box, .well, .modal-content, .dropdown-menu,
.table-responsive, .list-group-item, .tab-content, .form-section {
  background-color: var(--pj-black) !important;
  color: var(--pj-white) !important;
  border-color: var(--pj-border) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}
.panel-heading, .card-header, .box-header, .modal-header,
.section-header, .title-header, .list-group-item.active {
  background: var(--pj-navy-dark) !important;
  color: var(--pj-cyan) !important;
  border-color: var(--pj-cyan) !important;
}
.panel-footer, .card-footer, .modal-footer {
  background: var(--pj-navy-dark) !important;
  border-color: var(--pj-border) !important;
}

/* Buttons matching screenshot */
.btn, button, input[type="submit"], input[type="button"],
.login-btn, .register-btn {
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
}
.btn-primary, .btn-info, .login-btn, button[type="submit"], input[type="submit"] {
  background: var(--pj-cyan-dark) !important;
  border-color: var(--pj-cyan) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-info:hover, .login-btn:hover, button[type="submit"]:hover {
  background: var(--pj-cyan) !important;
  border-color: #43c8ff !important;
}
.btn-success, .register-btn {
  background: var(--pj-cyan) !important;
  border-color: #43c8ff !important;
  color: #fff !important;
}
.btn-warning { background: var(--pj-yellow) !important; border-color: var(--pj-yellow) !important; color: #080808 !important; }
.btn-default, .btn-secondary { background: var(--pj-black) !important; border-color: var(--pj-cyan) !important; color: #fff !important; }

/* Forms and account pages */
.form-control, .form-select, input, select, textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #0d111b !important;
  border-color: var(--pj-border) !important;
  color: var(--pj-white) !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--pj-cyan) !important;
  box-shadow: 0 0 0 2px rgba(20,155,209,.22) !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color: #aab2c5 !important; }
label, .control-label, .form-label { color: var(--pj-white) !important; }

/* Tables, transaction history, deposit/withdraw */
table, .table { color: var(--pj-white) !important; background: var(--pj-black) !important; }
.table > thead > tr > th, table thead th {
  background: var(--pj-navy-dark) !important;
  color: var(--pj-yellow) !important;
  border-color: var(--pj-border) !important;
}
.table > tbody > tr > td, table tbody td, .table-bordered {
  border-color: #164e6c !important;
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #0d1220 !important; }
.table-hover > tbody > tr:hover { background-color: #102b3e !important; }

/* Tabs, pagination and badges */
.nav-tabs { border-bottom-color: var(--pj-border) !important; }
.nav-tabs > li > a { background: var(--pj-black) !important; color: #fff !important; border-color: var(--pj-border) !important; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { background: var(--pj-cyan-dark) !important; color: #fff !important; }
.pagination > li > a, .pagination > li > span { background: var(--pj-black) !important; color: #fff !important; border-color: var(--pj-border) !important; }
.pagination > .active > a, .pagination > li > a:hover { background: var(--pj-cyan) !important; color: #fff !important; }
.badge, .label-info { background: var(--pj-cyan) !important; }

/* Announcement and category accent */
.announcement-container { background: var(--pj-cyan-dark) !important; color: var(--pj-white) !important; }
.main-menu-outer-container { border-top: 1px solid #071169; border-bottom: 1px solid #071169; }
.main-menu-outer-container main a, .main-menu-outer-container main div { color: #fff !important; }
.main-menu-outer-container main a:hover, .main-menu-outer-container main .active { color: var(--pj-yellow) !important; }
#progressive_jackpot { color: #f6f6f6 !important; text-shadow: 0 0 8px rgba(20,155,209,.75); }
.circular-menu__icon { background: linear-gradient(180deg,#6575ff,#4c5cf4) !important; }

/* Alerts and popups */
.alert-info { background: #0d4059 !important; border-color: var(--pj-cyan) !important; color: #fff !important; }
.alert-success { background: #0d493e !important; color: #fff !important; }
.alert-warning { background: #5d5214 !important; color: #fff !important; }
.alert-danger { background: #571b26 !important; color: #fff !important; }
.modal-backdrop, .popup-home-backdrop { background-color: rgba(0,0,0,.78) !important; }
.popup-home-content, .popup-home-header, .popup-home-body { background: var(--pj-black) !important; color: #fff !important; border-color: var(--pj-border) !important; }
.popup-home-close { color: #fff !important; opacity: 1 !important; }

/* Scrollbar */
* { scrollbar-color: var(--pj-cyan-dark) var(--pj-navy-dark); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--pj-navy-dark); }
::-webkit-scrollbar-thumb { background: var(--pj-cyan-dark); border-radius: 8px; }

@media (max-width: 767px) {
  body { padding-bottom: 70px; }
  .panel, .card, .box, .well, .modal-content { border-radius: 4px !important; }
  .btn, button, input[type="submit"] { min-height: 38px; }
}

/* ===== Final pixel-match pass: PROFITJITU reference ===== */
:root {
  --pj-navy: #00054f !important;
  --pj-navy-dark: #000332 !important;
  --pj-black: #090b0f !important;
  --pj-cyan: #149bd1 !important;
  --pj-cyan-dark: #146e8e !important;
  --pj-blue-button: #166d91 !important;
  --pj-blue-button-2: #159bd1 !important;
  --pj-yellow: #efe94b !important;
  --pj-white: #f7f8ff !important;
  --primary-color: #efe94b !important;
  --secondary-color: #00054f !important;
  --tertiary-color: #090b0f !important;
}

html, body { background-color: #00054f !important; }
body[style] { background-color: #00054f !important; }

/* Front-page login/register strip: exact blue pair from the reference */
.home-auth-strip { background: #090b0f !important; }
.home-auth-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  background-image: none !important;
}
.home-auth-button--login { background-color: #166d91 !important; }
.home-auth-button--register { background-color: #159bd1 !important; }
.home-auth-button:hover,
.home-auth-button:focus { filter: brightness(1.08); color: #fff !important; }

/* Fallback for old inline button classes used elsewhere */
.glowing.home-auth-button,
.glowing2,
a.glowing2,
button.glowing2 {
  background-image: none !important;
  background-color: #159bd1 !important;
  color: #fff !important;
  border-color: #159bd1 !important;
  box-shadow: none !important;
}
.submit-mobile {
  background: #166d91 !important;
  border-color: #166d91 !important;
  color: #fff !important;
}

/* Main category and jackpot backgrounds */
.main-menu-outer-container,
.active-menu-scroll {
  background: #00054f !important;
  border-top: 0 !important;
  border-bottom: 1px solid #1584ba !important;
}
.main-menu-outer-container > main > a,
.main-menu-outer-container > main > div { color: #fff !important; }
.main-menu-outer-container > main > a:first-child { border-bottom-color: #7f8494 !important; }

.jackpot-title {
  color: #f7f8ff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.75) !important;
}
.jackpot-box {
  position: relative;
  background-color: #17120f !important;
  background-blend-mode: luminosity, normal !important;
}
.jackpot-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(32,17,6,.48), rgba(0,0,0,.05), rgba(32,17,6,.48));
}
.jackpot-box > div { position: relative; z-index: 1; }
.jackpot-currency {
  color: #19b7e8 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 0 7px rgba(20,155,209,.65) !important;
}
#progressive_jackpot { color: #fff !important; }

/* Announcement bar exactly cyan-dark */
.announcement-container {
  background: #146e8e !important;
  color: #f7f8ff !important;
  border: 0 !important;
}

/* Interior pages */
.content-wrapper, .page-content, .main-content, .container-fluid,
.member-content, .account-content, .transaction-content {
  background-color: #00054f !important;
}
.panel, .card, .box, .well, .modal-content, .dropdown-menu,
.table-responsive, .form-section, .list-group-item {
  background-color: #090b0f !important;
  border-color: #146e8e !important;
}
.panel-heading, .card-header, .box-header, .modal-header,
.section-header, .title-header {
  background-color: #000332 !important;
  color: #19a8dd !important;
  border-color: #146e8e !important;
}

/* Fixed mobile bottom menu */
.mobile-footer, .bottom-menu, .mobile-bottom-menu,
[class*="bottom-nav"], [class*="footer-menu"] {
  background: #090b0f !important;
  border-top-color: #00054f !important;
}

@media (max-width: 767px) {
  .home-auth-button { width: 120px !important; }
}