/* Copy Animation */

.copyInput {
	display: inline-block;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
  }
  
  .copied::after {
	position: absolute;
	top: 8px;
	right: 12%;
	width: 100px;
	display: block;
	content: "COPIED";
	font-size: 1em;
	padding: 5px 5px;
	color: #fff;
	background-color: #FF7000;
	border-radius: 3px;
	opacity: 0;
	will-change: opacity, transform;
	animation: showcopied 1.5s ease;
  }
  
  @keyframes showcopied {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}
	50% {
		opacity: 0.7;
		transform: translateX(40%);
	}
	70% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
	}
  }




  .cookies-card {
	width: 520px;
	padding: 30px;
	color: #1E2337;
	position:  fixed;
	bottom: 15px;  
	left: 15px;
	z-index: 99;
	transition: all .5s;
	background: #d1d1d1;
    border-radius: 5px;
  }
  
  .cookies-card.hide{
	bottom: -500px !important;
  }
  .radius--10px {
	border-radius: 10px;
  }
  
  .cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
    color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
  }
  
  .cookies-card__content {
	margin-bottom: 0;
  }
  
  .cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius:  999px;
  }
  
  .cookies-btn:hover {
	color: #363636;
  }

  
  @media (max-width: 767px) {
	  .cookies-card {
		  width:  100%;
		  left: 0;
		  bottom:  0;
		  font-size:  14px;
		  padding:  15px;
	  }
  }




.hover-input-popup {
        position: relative;
    }
    .input-popup {
        display: none;
    }
    .hover-input-popup .input-popup {
        display: block;
        position: absolute;
        bottom: 70%;
        left: 50%;
        width: 280px;
        background-color: #1a1a1a;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .input-popup::after {
        position: absolute;
        content: '';
        bottom: -19px;
        left: 50%;
        margin-left: -5px;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-color: transparent transparent #1a1a1a transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .input-popup p {
        padding-left: 20px;
        position: relative;
    }
    .input-popup p::before {
        position: absolute;
        content: '';
        font-family: 'Line Awesome Free';
        font-weight: 900;
        left: 0;
        top: 4px;
        line-height: 1;
        font-size: 18px;
    }
    .input-popup p.error {
        text-decoration: line-through;
    }
    .input-popup p.error::before {
        content: "\f057";
        color: #ea5455;
    }
    .input-popup p.success::before {
        content: "\f058";
        color: #28c76f;
    }



 .show-filter{
  display: none;
}
@media(max-width:767px){
  .responsive-filter-card{
      display: none;
      transition: none;
  }
  .show-filter{
      display: block;
  }
}
.form-group{
  margin-bottom: 15px
}

.treeview li.contains-items {
  background-image: url(icons/arrow-left.png) !important;
}

.treeview li.items-expanded {
  background-image: url(icons/arrow-down.png) !important;
}
#counter{
  font-family: 'lora';
}

.accordion-button {
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .accordion-button {
    padding: 15px 8px;
  }
}

@media (max-width: 575px) {
  .transaction-item {
      flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .transaction-item .icon-wrapper .trans-title {
      font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .transaction-item .icon-wrapper p, .transaction-item .icon-wrapper span {
      font-size: 0.75rem !important;
  }
}
@media (max-width: 575px) {
  .transaction-item .content-wrapper {
      padding-left: 2.5rem;
      margin-top: 8px !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .content-wrapper p {
      font-size: 0.75rem !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .amount-wrapper p {
      font-size: 0.8125rem !important;
  }
}
@media (max-width: 767px) {
  .transaction-item .amount-wrapper span {
      font-size: 0.75rem !important;
  }
}
.table--acordion {
  background-color: #fff;
}
.table--acordion .accordion-body {
  background-color: #faebd72e;
}
.table--acordion .accordion-button {
  text-align: left;
  align-items: center;
}
.table--acordion .accordion-button::after {
  display: none;
}
.table--acordion .accordion-button:focus {
  box-shadow: none;
}
.table--acordion .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.table--acordion .left .icon {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(69, 130, 255, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #4582ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.625rem;
}
@media (max-width: 575px) {
  .table--acordion .left .icon {
      width: 1.875rem;
      height: 1.875rem;
      font-size: 16px;
  }
}
.table--acordion .left .content {
  width: calc(100% - 2.5rem);
  padding-left: 0.9375rem;
}
@media (max-width: 575px) {
  .table--acordion .left .content {
      padding-left: 0.625rem;
  }
}
.table--acordion .accordion-item.rcv-item .icon {
  background-color: rgba(40, 199, 111, 0.15);
  color: #28c76f;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.table--acordion .accordion-item.sent-item .icon {
  background-color: rgba(234, 84, 85, 0.15);
  color: #ea5455;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.caption-list li {
  display: flex;
  flex-wrap: wrap;
  padding: 0.625rem 0;
  font-size: 0.9375rem;
  border-bottom: 1px dashed #cacaca;
}
.caption-list li:first-child {
  padding-top: 0;
}
.caption-list li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.caption-list li .caption {
  width: 30%;
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  position: relative;
}
@media (max-width: 480px) {
  .caption-list li .caption {
      width: 35%;
  }
}
.caption-list li .caption::after {
  position: absolute;
  content: ':';
  top: 0;
  right: 0;
}
.caption-list li .value {
  width: 70%;
  padding-left: 0.9375rem;
}
@media (max-width: 480px) {
  .caption-list li .value {
      width: 65%;
  }
}
.caption-list-two {
  padding: 0.625rem 0.9375rem;
  background-color: rgba(69, 130, 255, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.caption-list-two li {
  font-family: "Maven Pro", sans-serif;
  font-weight: 500;
  color: #373e4a;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px dashed #b1b1b1;
}
.caption-list-two li:first-child {
  padding-top: 0;
}
.caption-list-two li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.caption-list-two li .caption {
  width: 20%;
  position: relative;
}
.caption-list-two li .caption::after {
  position: absolute;
  content: ':';
  top: 0;
  right: 0;
}
.caption-list-two li .value {
  width: 80%;
  text-align: right;
}


.table--acordion .left .icon-success {
  background-color: #28c87026;
  color: #28c870;
}
.table--acordion .left .icon-warning {
  background-color: #ff9e4226;
  color: #ff9e42;
}
.table--acordion .left .icon-danger {
  background-color: #ea535326;
  color: #ea5353;
}
.table--acordion .left .icon-dark {
  background-color: #081f3026;
  color: #081f30;
}


.tr-icon.icon-success{
    transform: rotate(45deg);
}

.tr-icon.icon-danger{
    transform: rotate(-45deg);
}

.close{
  background-color: transparent;
  border: none;
}

label.required:after{
  content: '*';
  color: #DC3545!important;
  margin-left: 2px;
}

.auth-page-logo img{
  max-width: 180px !important;
}

.input-group-text{
  border: 1px solid hsl(var(--border));
}

.our_check_input{
  cursor:pointer;width:40px !important;height:20px;
}










/* custom investment  */

.green--show{
  color:#00A651;
}
.red--show{
  color:#EA5353;
}
.orange--show{
  color:#FBBA12;
}
.green--bg--show{
  background:#00A651;
}
.red--bg--show{
  background:#EA5353;
}
.orange--bg--show{
  background:#FBBA12;
}

.investment_first{
  display: flex;align-items: center;justify-content: space-between;
}
@media (min-width: 1400px) {
  .investment_note {
      padding-inline: 10px;
  }
}
@media (max-width: 1399px) {
  .investment_first {
      flex-wrap: wrap;
      flex-flow: column;
      gap: 20px;
  }
}


.investment_first .form-check-input:checked {
  background-color: #00A651;
  border-color: #00A651;
}



/* frontend color changes */

.sidebar-menu li a.active, .sidebar-menu li a:hover {
  color: #05A551;
  background-color: #EAF4EB;
}

.sidebar-menu li a.active img, .sidebar-menu li a:hover img {
  /* filter: invert(45%) sepia(49%) saturate(7409%) hue-rotate(228deg) brightness(101%) contrast(92%); */
  filter: invert(45%) sepia(49%) saturate(7409%) hue-rotate(106deg) brightness(101%) contrast(92%) !important;
}

.btn--secondary{
  background-color: #003333;
  border: 2px solid #003333;
}

.disabled-button{
  background-color: #8CB8B8;
  border: 2px solid #8CB8B8;
}

.dashboard-sidebar {
  background-color: #C2F0C5;
}

.profile-info{
  background-color: #C2F0C5;
  border-color: 2px solid #C2F0C5;
  border-radius: 10px;
}

.profile-info > h4{
  background-color: #ffffff;
  border-radius: 10px;
  padding: 7px;
  padding-left: 20px;
}
.profile-info > p{
  font-size: large;
  padding-left: 20px;
}
.label-color-black{
  color: #666666;
  font-size: small;
  font-weight: bold;
}
.label-color-green{
  color: #05A551;
  font-size: 22px;
}
.currency--display--new--theme{
  font-size: 13px;
  font-weight: 800;
}
.label-color-orange{
  color: #FF6633;
  font-size: 22px;
}
.dashboard-sidebar .profile-info {
  padding: 0;
}
.dashboard-wrapper{
  background-color: #CDDED0;
}
.dashboard-nav,.nav-header-link .dropdown-wrapper{
  background-color: #C2F0C5;
}

.nav-header-link .dropdown-wrapper .links li a:hover,.text--base{
  color: #05A551 !important;
}
.nav-header-link .dropdown-wrapper::before{
  background-color: #C2F0C5 !important;
  border: none;
}
.nav-header-link li .link{
  background-color: #05A551 !important;
}
.dropdown-header > .name{
  white-space: pre-line;
}
.mat-drawer-inner-container::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 10px;
}

/* .plan-btn{
  background-color: #003333 !important;
  border: 2px solid #003333 !important;
} */

.logo img {
  max-width: 100%;
  max-height: none;
}



/* cube balance new theme */
.bg--new-theme{
  background-color: #CDDED0 !important;
}

.border--radius--new{
  border-radius: 10px !important;
  padding: 15px;
}

.new--color--theme{
  color: #006633 !important;
  /* font-size: 35px; */
  padding-left: 5px;
}
.new--label--theme--card--cube{
  font-size: xx-large;
  color: #006633 !important;
  padding-bottom: 10px;
}

.border--radius--new > .card-body > h2{
  font-size: 55px;
  color: #006633 !important;
  padding: 0;
}

.disabled-button-new-theme{
  background-color: #8CB8B8 !important;
  border-color: #8CB8B8 !important;
  width: auto !important;
  border-radius: 10px;
}

.regular-button-new-theme{
  background-color: #003333 !important;
  border-color: #003333 !important;
  width: auto !important;
  border-radius: 10px;
}

.currency--size--new--theme{
  font-size: 34px;
  color: #006633 !important;
  padding-top: 12px;
  font-weight: 700;
}

.border--radius--new > .card-body > .card-text , .card-text--new--theme{
  color: #666666;
  font-size: larger;
}

.label--align{
  text-align: left;
  padding-left: 50px;
}

.counter-text--new--theme{
  color: #006633 !important;
  font-weight: 700;
}

.green--with--bold{
  color: #006633 !important;
  font-weight: 700; 
  /* text-align: right; */
}

.red--with--bold{
  color: red !important;
  font-weight: 700;
  /* text-align: right; */
}

.orange--with--bold{
  color: orange !important;
  font-weight: 700;
  /* text-align: right; */
}
.new--bolder{
  font-weight: 900;
}
.new--m-t-20{
  margin-top: 20px;
}

.new--m-t-15{
  margin-top: 15px;
}

.new--m-t-45{
  margin-top: 45px;
}

.green--with--bold--left{
  padding-left: 25px;
}

.textbox--new--theme{
  background-color: #CDDED0;
}

.textbox--new--theme::-webkit-outer-spin-button,
.textbox--new--theme::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.textbox--new--theme {
  -moz-appearance: textfield;
}

.textbox--new--theme:focus{
  border-color: #006633;
  background-color: #CDDED0;
  box-shadow: none;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  /* color: #fff;
  background-color: #198754;
  border-color: #198754; */
  color: #198754;/* hsl(var(--body)); */
  background-color: white;
  border-top: 2px solid #198754 !important;
  border-left: 2px solid #198754 !important;
  /* border-radius: 15px; */
}
.nav-link {
  color: hsl(var(--heading));
  font-weight: 400;
  font-size: medium;
}
.nav-link:focus, .nav-link:hover {
  color: #198754;
}
.treeview ul li {
  color: hsl(var(--body));
  font-size: small;
}

.nav-link > .menu-badge{
  border-radius: 20%;
  /* padding: 0; */
}

.treeview ul {
  border-left: none !important;
  padding-top: 0px;
}

.padding-new-design{
  /* margin-right: 20px; */
  /* padding-right: 20px; */
}

.height--new--design{
  /* height: 430px; */
  width: 20%;
}

.height--new--design--row2{
  /* height: 430px; */
  width: 33.33%;
}

.card--100--percent--add{
  height: 100%;
}

.new--align--center{
  text-align: center;
  margin-bottom: 5px;
}

.card--85--percent--add img {
  height: 120px;
  width: 100%;
  object-fit: contain;
}

.card--85--percent--add {
  padding: 15px 25px;
}

.height--new--design:last-child .card--100--percent--add img {
  /* transform: scale(1.1); */
  /* margin-top: 20px;
  margin-bottom: -20px;*/
}

.card--100--percent--add .new--dash--label--icon--img {
  min-height: auto;
  max-height: 48px;
  object-fit: contain;
}

.card--100--percent--add img {
  max-height: 168px;
  /* object-fit: contain; */
  object-position: center center;
  min-height: 168px;
}

.card--85--percent--add .row {
  align-items: center;
  justify-content: center;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}


.new--dash--label--icon--text{
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 7px;
}

.new--dash--label--icon--link{
  background: none;
  text-decoration: none;
  border: none;
  width: 100%;
}

.fs-16{
  font-size: 16px;
}


.fs-20{
  font-size: 20px;
}

.new--social--part{
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  /* border: 1px solid black; */
  border: 2px solid #003333;
  background-color: #003333;
}

.title--new--social{
  font-size: 25px;
  font-weight: 800;
  color: white;
  text-align: center;
  margin-bottom: 25px;
  margin-top: -10px;
}

.new--social--part > div > div > a > img {
  width: 80%;
}

.bolder--dollor-rate{
  font-weight: 800;
  font-size: 22px;
}

.new--button--change{
  margin-left: 11%;
}

.show--deposit--withdraw--new{
  display: flex;
}

.align--center--new{
  margin-bottom: 15px;
  font-weight: 800;
  text-align: center;
}

.left--with--padding{
  text-align: left;
  padding-left: 35px;
}

.display--right--view{
  text-align: right;
}

/* .show--deposit--withdraw--new > div > table{
  font-size: 15px;
  padding: 5px;
  color: hsl(var(--body));
  font-weight: 500;
}

.show--deposit--withdraw--new > div > table > tbody > tr > th{
  font-size: 16px;
}

.show--deposit--withdraw--new > div > table > tbody > tr > td {
  border-bottom: 1px dashed rgb(180, 175, 175);
  padding: 10px 0px 10px 0px;

} */

@media (min-width: 991px) {
  .ml-45--new{
    margin-left: 45px;
  }
}


@media (max-width: 1199px) {
  .card-text--new--theme {
    text-align: center;
    width: 100%;
  }
  .label--align{
    padding-left: 0;
  }
}


@media (max-width: 991px) {
  .height--new--design{
    width: 33.33%;
  }
  .height--new--design--row2 span.fs-16 {
    font-weight: 600;
  }
  .card--85--percent--add {
    height: 87%;
  }
  
  .card--100--percent--add img {
    max-height: 127px;
    min-height: 127px;  
  }

  .new--social--part > div > div > a > img {
    width: 80%;
  }

  .new--social--part > div > div > a{
    text-align: center;
    padding: 10px;
  }
}


@media (max-width: 767px) {
  .height--new--design{
    width: 50%;
  }
  .height--new--design--row2 {
    width: 50%;
  }
  .card--100--percent--add img {
    max-height: 151px;
    /* object-position: center center; */
    min-height: 151px;
    object-fit: contain;
  }
}


@media (max-width: 480px) {
  .height--new--design--row2 {
    width: 100%;
}
}




@media (max-width: 1199px) {
  .dashboard-sidebar .logo {
      padding-inline: 0;
  }
}


/* ================================================================
   OF Finance Design System — Theme Overrides (Navy + Gold)
   Replaces old green/teal palette with CSS token values
   ================================================================ */

/* Layout backgrounds */
.dashboard-sidebar {
  background: var(--bg-sidebar) !important;
  border-right: 1px solid var(--border-divider) !important;
}
.dashboard-wrapper {
  width: calc(100% - var(--sidebar-w));
  background: var(--bg-app) !important;
  min-height: 100vh;
}
@media (max-width: 1199px) {
  .dashboard-wrapper {
    width: 100%;
  }
}
.dashboard-container {
  padding: var(--space-8);
}
.dashboard-nav,
.nav-header-link .dropdown-wrapper {
  background: var(--bg-sidebar) !important;
}
.nav-header-link .dropdown-wrapper::before {
  background-color: var(--bg-sidebar) !important;
  border: none !important;
}

/* Profile info box */
.profile-info {
  background: var(--navy-surface) !important;
  border-color: var(--border-gold) !important;
  border-radius: var(--radius-lg) !important;
}
.profile-info > h4 {
  background: var(--navy-muted) !important;
  color: var(--fg1) !important;
}
.profile-info > p {
  color: var(--fg2) !important;
}

/* Labels */
.label-color-black  { color: var(--fg2) !important; }
.label-color-green  { color: var(--success) !important; }
.label-color-orange { color: var(--warning) !important; }

/* Sidebar menu active/hover — gold accent */
.sidebar-menu li a.active,
.sidebar-menu li a:hover {
  color: var(--gold) !important;
  background: var(--gold-subtle) !important;
}
.sidebar-menu li a.active img,
.sidebar-menu li a:hover img {
  filter: invert(75%) sepia(50%) saturate(600%) hue-rotate(5deg) brightness(110%) !important;
  opacity: 1 !important;
}

/* Buttons */
.btn--secondary {
  background: transparent !important;
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}
.btn--secondary:hover {
  background: var(--gold) !important;
  color: var(--fg-inverse) !important;
}
.disabled-button {
  background: rgba(211, 168, 93, 0.15) !important;
  border-color: rgba(211, 168, 93, 0.15) !important;
  opacity: 0.45 !important;
}
.disabled-button-new-theme {
  background: rgba(211, 168, 93, 0.15) !important;
  border-color: transparent !important;
}
.regular-button-new-theme {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* Nav user avatar link */
.nav-header-link li .link {
  background-color: var(--gold) !important;
  color: var(--fg-inverse) !important;
}
.nav-header-link .dropdown-wrapper .links li a:hover,
.text--base {
  color: var(--gold) !important;
}

/* Nav pills */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--gold) !important;
  background: var(--bg-card) !important;
  border-top-color: var(--gold) !important;
  border-left-color: var(--gold) !important;
}
.nav-link:focus,
.nav-link:hover {
  color: var(--gold) !important;
}

/* Background utilities */
.bg--new-theme     { background: var(--bg-app) !important; }
.textbox--new--theme {
  background: var(--bg-input) !important;
  color: var(--fg1) !important;
}
.textbox--new--theme:focus {
  border-color: var(--gold) !important;
  background: var(--bg-input) !important;
  box-shadow: 0 0 0 3px rgba(211, 168, 93, 0.15) !important;
}
.new--social--part {
  border-color: var(--border-gold) !important;
  background: var(--navy-muted) !important;
}

/* Content accent colors → success/gold */
.new--color--theme,
.new--label--theme--card--cube,
.border--radius--new > .card-body > h2,
.currency--size--new--theme,
.counter-text--new--theme {
  color: var(--success) !important;
}

/* Investment form checkbox */
.investment_first .form-check-input:checked {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* font-family overrides for old Maven Pro references */
.caption-list li .caption,
.caption-list-two li {
  font-family: var(--font-body);
}
#counter {
  font-family: var(--font-mono);
}

/* Fix: black text on dark card backgrounds */
.new--dash--label--icon--text {
  color: var(--fg2) !important;
}
.new--dash--label--icon--text.green--with--bold { color: var(--success) !important; }
.new--dash--label--icon--text.red--with--bold   { color: var(--danger) !important; }

/* Disable lift-hover on non-interactive status cards */
.card--100--percent--add:hover,
.card--85--percent--add:hover {
  transform: none !important;
}

/* card-body inside dark .card needs proper bg */
.card > .card-body,
.card.card-body {
  background: transparent;
}

/* border--radius--new (cube balance cards) */
.border--radius--new {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-gold) !important;
}
.border--radius--new > .card-body > .card-text,
.card-text--new--theme {
  color: var(--fg2) !important;
}

/* ================================================================
   Page-by-page Component Overrides
   ================================================================ */

/* === Bootstrap Accordion (transactions, deposit_history) === */
.accordion-item {
  background: var(--bg-card) !important;
  border-color: var(--border-divider) !important;
}
.accordion-button {
  background: var(--bg-card) !important;
  color: var(--fg1) !important;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
  background: var(--bg-card-hover) !important;
  color: var(--gold) !important;
  box-shadow: none !important;
}
.accordion-button::after {
  filter: invert(1) brightness(0.8) !important;
}
.accordion-body {
  background: var(--navy-surface) !important;
  color: var(--fg2) !important;
  border-top: 1px solid var(--border-divider) !important;
}
.accordion-button:focus {
  box-shadow: none !important;
  border-color: var(--border-gold) !important;
}
/* Fix explicit white from old custom.css */
.table--acordion {
  background-color: transparent !important;
}
.table--acordion .accordion-body {
  background-color: var(--navy-surface) !important;
}

/* === Custom Input Box (transaction/deposit filters) === */
.custom-input-box {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}
.custom-input-box label {
  color: var(--fg3) !important;
}
.custom-input-box select,
.custom-input-box input {
  color: var(--fg1) !important;
  font-family: var(--font-body) !important;
  background-color: transparent !important;
}
.custom-input-box select option {
  background: var(--bg-card) !important;
  color: var(--fg1) !important;
}
.trx-search .icon-area {
  color: var(--fg2) !important;
}

/* === Card Header / Footer (custom--card, Bootstrap card) === */
.card-header {
  background: var(--navy-muted) !important;
  border-color: var(--border-divider) !important;
  color: var(--fg1) !important;
}
.card-footer {
  background: var(--navy-muted) !important;
  border-color: var(--border-divider) !important;
  color: var(--fg2) !important;
}
.custom--card .card-header,
.custom--card .card-footer {
  background: var(--navy-muted) !important;
  border-color: var(--border-divider) !important;
}
.custom--card .card-header .title { color: var(--fg1) !important; }

/* === Plan items — invest_statistics (gradient + gold border) === */
.plan-item-two {
  background: linear-gradient(135deg, #0a1929 0%, #0f2a38 55%, rgba(211,168,93,0.07) 100%) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card) !important;
}
.plan-item-two .plan-desc { color: var(--fg2) !important; }
.plan-item-two .plan-name { color: var(--fg1) !important; }
.plan-item-two .plan-label { color: var(--fg3) !important; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.06em; }
.plan-item-two .plan-value { color: var(--fg1) !important; font-weight: 600; }
.plan-item-two .amount { color: var(--gold) !important; font-family: var(--font-display) !important; }

/* Promo countdown card */
.card.bg--primary,
.card.bg--base {
  background: linear-gradient(135deg, #0d1e2e 0%, #1a3446 50%, rgba(211,168,93,0.15) 100%) !important;
  border-color: var(--border-gold) !important;
}

/* === Bootstrap Table === */
.table {
  color: var(--fg2) !important;
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(211,168,93,0.03);
  --bs-table-hover-bg: rgba(211,168,93,0.05);
}
.table thead th,
.table > thead > tr > th {
  color: var(--fg3) !important;
  border-color: var(--border-divider) !important;
  background: var(--bg-card) !important;
}
.table > tbody > tr > td {
  border-color: var(--border-divider) !important;
  color: var(--fg2) !important;
}
.table > tbody > tr:hover > td {
  background: rgba(211,168,93,0.04) !important;
}

/* === Bootstrap Pagination === */
.page-link {
  background: var(--bg-card) !important;
  border-color: var(--border-divider) !important;
  color: var(--fg2) !important;
}
.page-link:hover {
  background: var(--gold-subtle) !important;
  color: var(--gold) !important;
  border-color: var(--gold-border) !important;
}
.page-item.active .page-link {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--fg-inverse) !important;
}
.page-item.disabled .page-link {
  background: var(--bg-card) !important;
  color: var(--fg3) !important;
  border-color: var(--border-divider) !important;
}

/* === List Group (deposit detail modal) === */
.list-group-item {
  background: var(--bg-card) !important;
  border-color: var(--border-divider) !important;
  color: var(--fg2) !important;
}

/* === Explicit white override === */
.bg-white {
  background-color: var(--bg-card) !important;
}

/* === Caption lists === */
.caption-list li {
  border-bottom-color: var(--border-divider) !important;
  color: var(--fg2) !important;
}
.caption-list li .caption { color: var(--fg3) !important; }
.caption-list-two {
  background-color: var(--gold-subtle) !important;
}
.caption-list-two li {
  color: var(--fg2) !important;
  border-color: var(--border-divider) !important;
}

/* === Copy link (referrals) === */
.copy-link input {
  background: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--fg1) !important;
}
.copy-link span { color: var(--gold) !important; }

/* === Input Group === */
.input-group-text {
  background: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--fg2) !important;
}

/* === Select options (dark bg) === */
select option {
  background: var(--bg-card) !important;
  color: var(--fg1) !important;
}

/* === Text utilities === */
.text-muted { color: var(--fg3) !important; }
.text-white  { color: var(--fg1) !important; }
.text-dark   { color: var(--fg1) !important; }
.text-black  { color: var(--fg1) !important; }
.text-body   { color: var(--fg2) !important; }

/* === Bootstrap badge--dark / badge--primary fix === */
.badge--dark {
  background: rgba(255,255,255,0.08) !important;
  color: var(--fg2) !important;
  border: 1px solid var(--border-white) !important;
}
.badge--primary {
  background: var(--gold-subtle) !important;
  color: var(--gold) !important;
  border: 1px solid var(--gold-border) !important;
}

/* === Form switch/check (auto-renewal toggle) === */
.form-check-input {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}
.form-check-input:checked {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* === Treeview (referrals) === */
.treeview { color: var(--fg2) !important; }
.treeview ul {
  background: transparent !important;
  border-left-color: var(--border-divider) !important;
}
.treeview ul li { color: var(--fg2) !important; }

/* === Dropdown wrapper (nav) === */
.nav-header-link .dropdown-wrapper .dropdown-header h6 { color: var(--gold) !important; }
.nav-header-link .dropdown-wrapper .links li a { color: var(--fg2) !important; }

/* === Readonly inputs highlight === */
input[readonly], textarea[readonly] {
  background: var(--bg-input) !important;
  color: var(--fg2) !important;
  cursor: not-allowed;
}
input:disabled, select:disabled, textarea:disabled {
  background: var(--bg-input) !important;
  color: var(--fg3) !important;
  opacity: 0.6;
}

/* === Section page headers (green leftover) === */
.new--color--theme { color: var(--gold) !important; }

/* === Stat/amount displays in plan items with gradient feel === */
.plan-item-two .investment_first {
  background: transparent !important;
}
.plan-inner-div { color: var(--fg2) !important; }

/* === Icon area (sidebar PNG icons) — gold tint when active === */
.sidebar-menu li a img {
  filter: invert(0.85) brightness(0.9) !important;
  opacity: 0.6;
}
.sidebar-menu li a.active img,
.sidebar-menu li a:hover img {
  filter: invert(75%) sepia(45%) saturate(700%) hue-rotate(2deg) brightness(115%) !important;
  opacity: 1 !important;
}

/* ================================================================
   Final Catch-All Overrides
   ================================================================ */

/* Bootstrap btn-primary / btn-secondary native → gold */
.btn-primary {
  background-color: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--fg-inverse) !important;
}
.btn-primary:hover {
  background-color: var(--gold-bright) !important;
  border-color: var(--gold-bright) !important;
}
.btn-secondary {
  background: transparent !important;
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* Bootstrap alert */
.alert {
  border-radius: var(--radius-lg) !important;
}
.alert-success {
  background: var(--success-dim) !important;
  border-color: var(--success) !important;
  color: var(--success) !important;
}
.alert-danger, .alert-error {
  background: var(--danger-dim) !important;
  border-color: var(--danger) !important;
  color: var(--danger) !important;
}
.alert-warning {
  background: var(--warning-dim) !important;
  border-color: var(--warning) !important;
  color: var(--warning) !important;
}
.alert-info {
  background: var(--info-dim) !important;
  border-color: var(--info) !important;
  color: var(--info) !important;
}

/* Form select focus ring */
.form-select {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--fg1) !important;
}
.form-select:focus {
  border-color: var(--gold) !important;
  box-shadow: 0 0 0 3px rgba(211,168,93,0.15) !important;
}
.form-select option {
  background: var(--bg-card) !important;
  color: var(--fg1) !important;
}

/* Table-responsive wrapper */
.table-responsive {
  border-color: var(--border-divider) !important;
}

/* Status badge from PHP ($statusBadge) — catch hardcoded Bootstrap */
.badge.bg-success { background: var(--success-dim) !important; color: var(--success) !important; border: 1px solid rgba(46,204,113,0.2); }
.badge.bg-warning { background: var(--warning-dim) !important; color: var(--warning) !important; border: 1px solid rgba(243,156,18,0.2); }
.badge.bg-danger  { background: var(--danger-dim)  !important; color: var(--danger)  !important; border: 1px solid rgba(231,76,60,0.2); }
.badge.bg-info    { background: var(--info-dim)     !important; color: var(--info)    !important; }
.badge.bg-primary { background: var(--gold-subtle)  !important; color: var(--gold)    !important; border: 1px solid var(--gold-border); }

/* Modal close button */
.modal .btn-close { filter: invert(1) brightness(0.7); }
.modal .close { color: var(--fg2) !important; }

/* Manual renewal button (invest_statistics) */
button.manual_go {
  background: var(--gold) !important;
  color: var(--fg-inverse) !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  padding: 6px 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
button.manual_go:hover {
  background: var(--gold-bright) !important;
}

/* Countdown timer text */
.countdown-timer { color: var(--gold) !important; font-family: var(--font-mono) !important; }

/* plan-name-data green/orange show classes */
.green--show  { color: var(--success) !important; }
.orange--show { color: var(--warning) !important; }

/* Fix deposit/transaction empty message */
.accordion-body.text-center { background: var(--bg-card) !important; }

/* Referral tabs */
.nav-tabs {
  border-color: var(--border-divider) !important;
}
.nav-tabs .nav-link {
  color: var(--fg2) !important;
  border-color: transparent !important;
}
.nav-tabs .nav-link.active {
  background: var(--bg-card) !important;
  color: var(--gold) !important;
  border-color: var(--border-gold) var(--border-gold) var(--bg-card) !important;
}

/* Support ticket view — message bubbles */
.admin--feedback { background: var(--navy-muted) !important; border-radius: var(--radius-lg) !important; }

/* VIP/payment page — wallet address display */
.display-address-id { color: var(--gold) !important; font-family: var(--font-mono) !important; font-size: var(--text-sm); }