/**
 * CafeTal777 - Complete Color Fix
 * Removes ALL white backgrounds and blue colors from entire site
 */

/* ========== GLOBAL WHITE BACKGROUND FIXES ========== */

/* Body and main containers */
body,
html,
.container,
.container-fluid,
.row,
.col,
[class*="col-"] {
  background: transparent !important;
}

/* All white backgrounds → dark */
.bg-white,
.bg--white,
[style*="background: white"],
[style*="background: #fff"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"] {
  background: var(--ct777-dark-card) !important;
}

/* Cards and panels */
.card,
.card-body,
.card-header,
.card-footer,
.panel,
.panel-body,
.custom--card,
.custom--card .card-body,
.dashboard-card,
.user-card,
.widget {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-text) !important;
}

/* Modals */
.modal-content,
.modal-body,
.modal-header,
.modal-footer {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-accent) !important;
  color: var(--ct777-text) !important;
}

/* Dropdowns */
.dropdown-menu,
.dropdown-item {
  background: var(--ct777-dark-card) !important;
  color: var(--ct777-text) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(255, 215, 0, 0.1) !important;
  color: var(--ct777-accent) !important;
}

/* Tables */
.table,
.table tbody,
.table thead,
.table tfoot {
  background: transparent !important;
  color: var(--ct777-text) !important;
}

.table thead th {
  background: var(--ct777-dark-soft) !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-accent) !important;
}

.table tbody td {
  background: transparent !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-text) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* List groups */
.list-group,
.list-group-item {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-text) !important;
}

/* Accordions */
.accordion-item,
.accordion-button,
.accordion-body,
.accordion-header {
  background: var(--ct777-dark-card) !important;
  color: var(--ct777-text) !important;
  border-color: var(--ct777-border) !important;
}

.accordion-button:not(.collapsed) {
  background: var(--ct777-dark-soft) !important;
  color: var(--ct777-accent) !important;
}

/* ========== BLUE COLOR FIXES (#4634ff, #336699) ========== */

/* Replace all blue with gold/green */
.text-primary,
.text--primary,
.bg-primary,
.bg--primary,
.btn-primary,
.btn--primary,
.badge-primary,
.badge--primary,
.border-primary,
.alert-primary {
  color: var(--ct777-accent) !important;
  background: var(--ct777-accent) !important;
  border-color: var(--ct777-accent) !important;
}

/* Buttons - ensure all use gold */
.btn-primary,
.btn--primary,
.cmn-btn {
  background: linear-gradient(135deg, var(--ct777-accent), #e6c200) !important;
  color: var(--ct777-dark) !important;
  border-color: var(--ct777-accent) !important;
}

/* Links */
a,
a.text-primary,
a.text--primary {
  color: var(--ct777-accent) !important;
}

a:hover {
  color: #ffc107 !important;
}

/* ========== DASHBOARD SPECIFIC FIXES ========== */

.dashboard-wrapper,
.dashboard-right,
.dashboard-sidebar {
  background: transparent !important;
}

.user-dashboard {
  background: var(--ct777-dark) !important;
}

.dashboard-sidebar {
  background: var(--ct777-dark-soft) !important;
  border-right: 2px solid rgba(255, 215, 0, 0.2) !important;
}

.sidebar-menu-item a {
  color: var(--ct777-text-muted) !important;
}

.sidebar-menu-item.active a,
.sidebar-menu-item a:hover {
  background: rgba(255, 215, 0, 0.1) !important;
  color: var(--ct777-accent) !important;
}

/* ========== USER PAGES ========== */

.user-header-primary {
  background: linear-gradient(135deg, var(--ct777-primary), var(--ct777-dark-soft)) !important;
  border-bottom: 2px solid var(--ct777-accent) !important;
}

/* ========== PAYMENT & DEPOSIT PAGES ========== */

.payment-system-list,
.payment-item,
.deposit-info {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-text) !important;
}

.payment-item:hover {
  border-color: rgba(255, 215, 0, 0.3) !important;
}

/* ========== FORMS ========== */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select,
.form-control,
.form-select {
  background: var(--ct777-dark-card) !important;
  border: 1px solid var(--ct777-border) !important;
  color: var(--ct777-text) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--ct777-text-muted) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.form-select:focus {
  background: var(--ct777-dark) !important;
  border-color: var(--ct777-accent) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.2) !important;
  color: var(--ct777-text) !important;
}

/* ========== BREADCRUMBS ========== */

.breadcrumb,
.breadcrumb-item {
  background: transparent !important;
  color: var(--ct777-text-muted) !important;
}

.breadcrumb-item.active {
  color: var(--ct777-accent) !important;
}

/* ========== NAV TABS ========== */

.nav-tabs,
.nav-tabs .nav-link {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-border) !important;
  color: var(--ct777-text-muted) !important;
}

.nav-tabs .nav-link.active {
  background: var(--ct777-dark-soft) !important;
  color: var(--ct777-accent) !important;
  border-bottom-color: var(--ct777-accent) !important;
}

/* ========== BLOG & CONTENT PAGES ========== */

.blog-card,
.blog-item,
.post-card {
  background: var(--ct777-dark-card) !important;
  border: 1px solid var(--ct777-border) !important;
}

/* ========== CONTACT & SUPPORT ========== */

.contact-card,
.support-card {
  background: var(--ct777-dark-card) !important;
  border: 1px solid var(--ct777-border) !important;
}

/* ========== MISC FIXES ========== */

/* Tooltips */
.tooltip-inner {
  background: var(--ct777-dark-soft) !important;
  color: var(--ct777-text) !important;
}

/* Popovers */
.popover {
  background: var(--ct777-dark-card) !important;
  border-color: var(--ct777-accent) !important;
}

.popover-body {
  color: var(--ct777-text) !important;
}

/* Progress bars */
.progress {
  background: var(--ct777-dark-soft) !important;
}

.progress-bar {
  background: var(--ct777-accent) !important;
}

/* Spinners */
.spinner-border {
  border-color: var(--ct777-accent) !important;
  border-right-color: transparent !important;
}

/* Text colors */
.text-dark,
.text-black {
  color: var(--ct777-text) !important;
}

.text-muted {
  color: var(--ct777-text-muted) !important;
}

/* Remove any remaining blue (#4634ff) */
[style*="#4634ff"],
[style*="rgb(70, 52, 255)"] {
  color: var(--ct777-accent) !important;
  background: var(--ct777-accent) !important;
  border-color: var(--ct777-accent) !important;
}

/* Remove any remaining old blue (#336699) */
[style*="#336699"],
[style*="rgb(51, 102, 153)"] {
  color: var(--ct777-primary) !important;
  background: var(--ct777-primary) !important;
  border-color: var(--ct777-primary) !important;
}