/* ═══════════════════════════════════════════════════════════
   Investify Light Theme v1.1
   Remaps all --td-* CSS variables and overrides dark-mode
   backgrounds/borders/colors for a clean white + blue UI.
═══════════════════════════════════════════════════════════ */

/* ── Global dashboard-only CSS variables ── */
/* --iv-* vars are only used inside dashboard, safe to keep in :root */
:root {
    --iv-bg:           #f0f2f8;
    --iv-card:         #ffffff;
    --iv-border:       #e4e8f2;
    --iv-shadow:       0 4px 24px rgba(49,87,225,0.07);
}

/*
  --td-* variable remapping is SCOPED to the dashboard wrapper only.
  Landing page (.rock-page-bg body) keeps the original dark-theme
  variables so white text on dark backgrounds works correctly.
*/
.rock-page-body,
.rock-dashboard-bg {
    --td-white:        #1a2035;      /* dark text for light dashboard UI */
    --td-text-primary: #6b7491;
    --td-heading:      #1a2035;
    --td-primary:      #3157e1;
    --td-secondary:    #5b7ff8;
    --td-tertiary:     #2543c4;
    --td-placeholder:  hsla(220,20%,50%,0.5);
    --td-selection:    #3157e1;
}

/* ── Page background ── */
body.rock-dashboard-bg,
.rock-dashboard-bg {
    background: var(--iv-bg) !important;
    background-image: none !important;
}

/* ── Content area cards & wrappers ── */
.rock-page-body .default-page,
.rock-page-body .rock-add-mony-wrapper,
.rock-page-body .rock-withdraw-wrapper,
.rock-page-body .rock-transaction-wrapper,
.rock-page-body .rock-single-input,
.rock-page-body form,
.rock-page-body section {
    background: transparent;
}

/* Card containers */
.site-card,
.rock-add-mony-wrapper > .row > div > div,
.rock-page-body .card {
    background: var(--iv-card) !important;
    border: 1px solid var(--iv-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--iv-shadow) !important;
}

/* ── Text colours throughout page body ── */
.rock-page-body h1, .rock-page-body h2,
.rock-page-body h3, .rock-page-body h4,
.rock-page-body h5, .rock-page-body h6,
.rock-page-body p,
.rock-page-body label,
.rock-page-body span:not(.iv2-badge):not(.status-pill),
.rock-page-body .title,
.rock-page-body .info,
.rock-page-body .description,
.rock-page-body .text {
    color: #1a2035;
}

.rock-add-mony-details > .title,
.rock-add-mony-list ul li .title,
.rock-add-mony-list ul li .info {
    color: #1a2035 !important;
}

/* ── Form inputs ── */
.rock-page-body input,
.rock-page-body select,
.rock-page-body textarea,
.rock-page-body .form-control,
.rock-page-body .form-select,
.rock-page-body .nice-select {
    background: #f6f8fd !important;
    border: 1px solid var(--iv-border) !important;
    color: #1a2035 !important;
    border-radius: 10px !important;
}

.rock-page-body input::placeholder,
.rock-page-body textarea::placeholder {
    color: #9aa3be !important;
}

.rock-page-body input:focus,
.rock-page-body select:focus,
.rock-page-body textarea:focus,
.rock-page-body .form-control:focus,
.rock-page-body .form-select:focus {
    border-color: #b8c9ff !important;
    box-shadow: 0 0 0 3px rgba(49,87,225,0.1) !important;
    outline: none;
}

/* Input group addon */
.rock-page-body .input-group-text,
.rock-single-input .input-field .input-group-text {
    background: #edf2ff !important;
    border: 1px solid var(--iv-border) !important;
    color: #3157e1 !important;
}

/* Nice-select dropdown */
.rock-page-body .nice-select .list {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
    box-shadow: var(--iv-shadow) !important;
}

.rock-page-body .nice-select .option {
    color: #1a2035 !important;
}

.rock-page-body .nice-select .option:hover,
.rock-page-body .nice-select .option.selected {
    background: #edf2ff !important;
    color: #3157e1 !important;
}

/* ── Deposit / Withdraw detail list ── */
.rock-add-mony-list {
    border: 1px solid var(--iv-border) !important;
    background: #f6f8fd !important;
}

.rock-add-mony-list ul li:not(:last-child) {
    border: none !important;
    border-bottom: 1px solid var(--iv-border) !important;
}

/* ── Dashboard cards (all inner pages) ── */
.rock-dashboard-card {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 575px) {
    .rock-dashboard-card {
        background: #ffffff !important;
        backdrop-filter: none !important;
    }
    .rock-dashboard-title-inner {
        border-bottom-color: var(--iv-border) !important;
    }
}

/* ── rock-single-input: labels, text fields, select ── */
.rock-single-input .input-label,
.rock-single-input .rock-input-label {
    color: #1a2035 !important;
}

.rock-single-input .input-field input[type=text],
.rock-single-input .input-field input[type=email],
.rock-single-input .input-field input[type=tel],
.rock-single-input .input-field input[type=number],
.rock-single-input .input-field input[type=password],
.rock-single-input .input-field input[type=date],
.rock-single-input .input-field textarea,
.rock-single-input .input-field input {
    background: #f6f8fd !important;
    border: 1px solid var(--iv-border) !important;
    color: #1a2035 !important;
}

.rock-single-input .input-field input::-webkit-input-placeholder,
.rock-single-input .input-field input::-moz-placeholder,
.rock-single-input .input-field input:-moz-placeholder,
.rock-single-input .input-field input:-ms-input-placeholder,
.rock-single-input .input-field input::placeholder,
.rock-single-input .input-field textarea::placeholder {
    color: #9aa3be !important;
}

.rock-single-input .input-field input:focus,
.rock-single-input .input-field textarea:focus {
    border-color: #b8c9ff !important;
}

.rock-single-input .input-field.disabled input,
.rock-single-input .input-field.disabled textarea {
    color: #9aa3be !important;
}

/* ── Nice-select (gateway dropdown) ── */
.rock-single-input .input-select .nice-select {
    background-color: #f6f8fd !important;
    border: 1px solid var(--iv-border) !important;
}

.rock-single-input .input-select .nice-select .current {
    color: #1a2035 !important;
}

.rock-single-input .input-select .nice-select .list {
    background: #ffffff !important;
    border-color: var(--iv-border) !important;
}

.rock-single-input .input-select .nice-select .option {
    color: #1a2035 !important;
}

.rock-single-input .input-select .nice-select .option:hover,
.rock-single-input .input-select .nice-select .option.selected,
.rock-single-input .input-select .nice-select .option.selected.focus {
    background-color: #edf2ff !important;
    color: #3157e1 !important;
}

/* ── Investment Packages (pricing) cards ── */
.rock-pricing-item {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
    backdrop-filter: none !important;
}

.rock-pricing-item:before {
    background: linear-gradient(139.9deg, rgba(49,87,225,0.06) 0%, rgba(91,127,248,0.15) 100%) !important;
}

.rock-pricing-item.is-active {
    background: #edf2ff !important;
    border-color: #b8c9ff !important;
}

.rock-pricing-item.is-active::before {
    background: linear-gradient(139.9deg, rgba(49,87,225,0.2) 0%, rgba(91,127,248,0.05) 100%) !important;
}

.rock-pricing-item .item-title {
    color: #1a2035 !important;
}

.rock-pricing-item .price-badge {
    background: #edf2ff !important;
    border: 1px solid #b8c9ff !important;
    color: #3157e1 !important;
}

.rock-pricing-item .price-list ul li .single-list .list-content .list-item-text {
    color: #6b7491 !important;
}

.rock-pricing-item .price-list ul li .single-list .list-valu span {
    color: #3157e1 !important;
}

.rock-pricing-item .price-btn-wrp .description {
    color: #6b7491 !important;
}

/* Progress bars */
.single-progress .progress {
    background: #e4e8f2 !important;
}

/* ── Inner-page tables ── */
.rock-custom-table .contents .site-table-head .site-table-col {
    background: #edf2ff !important;
    color: #3157e1 !important;
    border-bottom: 1px solid var(--iv-border) !important;
}

.rock-custom-table .contents .site-table-body .site-table-row {
    border-bottom: 1px solid var(--iv-border) !important;
    background: #ffffff !important;
}

.rock-custom-table .contents .site-table-body .site-table-col {
    color: #1a2035 !important;
}

/* ── Modals ── */
.modal-dialog.rock-dashboard-modal .modal-content,
.modal-dialog.rock-dashboard-modal .rock-modal-content-wrapper {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
}

.modal-dialog.rock-dashboard-modal .rock-modal-content-wrapper h3.title,
.modal-dialog.rock-dashboard-modal .rock-modal-content-wrapper h4,
.modal-dialog.rock-dashboard-modal .rock-modal-content-wrapper p {
    color: #1a2035 !important;
}

/* SIDEBAR */
.rock-sidebar-wrapper {
    background: #ffffff !important;
    border-right: 1px solid var(--iv-border) !important;
    box-shadow: 4px 0 24px rgba(49, 87, 225, 0.06) !important;
}

@media (max-width: 1399px) {
    .rock-sidebar-wrapper {
        background-color: #ffffff !important;
    }
}

.user-sidebar .site-logo {
    background: #ffffff !important;
    border-right: 1px solid var(--iv-border) !important;
    border-bottom: 1px solid var(--iv-border) !important;
}

.user-sidebar .user-nav ul li a span { color: #3a4260 !important; }

.user-sidebar .user-nav ul li a svg path,
.user-sidebar .user-nav ul li a svg circle,
.user-sidebar .user-nav ul li a svg rect {
    fill: #3157e1 !important;
    opacity: 1 !important;
}

.user-sidebar .user-nav ul li a:hover { background: #edf2ff !important; }
.user-sidebar .user-nav ul li a:hover span { color: #3157e1 !important; }

.user-sidebar .user-nav ul li.active a {
    background: linear-gradient(135deg, #3157e1 0%, #5b7ff8 100%) !important;
    box-shadow: 0 4px 14px rgba(49, 87, 225, 0.28) !important;
}

.user-sidebar .user-nav ul li.active a span { color: #ffffff !important; }

.user-sidebar .user-nav ul li.active a svg path,
.user-sidebar .user-nav ul li.active a svg circle,
.user-sidebar .user-nav ul li.active a svg rect {
    fill: #ffffff !important;
    opacity: 1 !important;
}

.user-sidebar .user-nav ul li.active:before {
    background: linear-gradient(135deg, #3157e1 0%, #5b7ff8 100%) !important;
}

.user-sidebar .user-nav ul li.separator { border-top-color: var(--iv-border) !important; }
.user-sidebar::-webkit-scrollbar-thumb { background: #c7d4ff !important; }
.user-sidebar::-webkit-scrollbar-track { background: #f0f2f8 !important; }

/* HEADER */
.rock-page-header,
.rock-page-header.dashboard-sticky {
    background: #ffffff !important;
    border-bottom: 1px solid var(--iv-border) !important;
    box-shadow: 0 2px 12px rgba(49, 87, 225, 0.06) !important;
}

.rock-dashboard-header .header-left-content .content-inner .current-status .title {
    color: #1a2035 !important;
}

.rock-dashboard-header .toggle-sidebar svg path { fill: #3157e1 !important; }

.notifications-drop-btn svg path,
.notifications-drop-btn svg circle {
    fill: #3157e1 !important;
    opacity: 1 !important;
}

.rock-dashboard-header .header-right-content .language-box .header-lang-item > span {
    color: #1a2035 !important;
}

.rock-dashboard-header .header-right-content .user-head-drop-btn {
    border-color: #c7d4ff !important;
    background: #f0f2f8 !important;
}

/* ════════════════════════════════════
   PROFILE DROPDOWN — White card
═════════════════════════════════════ */
.user-profile-drop .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
    box-shadow: 0 8px 32px rgba(49, 87, 225, 0.12) !important;
}

.user-profile-drop .dropdown-info-list ul li a .content {
    color: #1a2035 !important;
}

.user-profile-drop .dropdown-info-list ul li a .content svg path,
.user-profile-drop .dropdown-info-list ul li a .content svg circle,
.user-profile-drop .dropdown-info-list ul li a .content svg rect {
    fill: #3157e1 !important;
    opacity: 1 !important;
}

.user-profile-drop .dropdown-info-list ul li a:hover .content {
    background-color: #edf2ff !important;
    color: #3157e1 !important;
}

.user-profile-drop .dropdown-menu .user-logout .user-logout-btn {
    background: rgba(248, 23, 23, 0.07) !important;
    color: #e02424 !important;
}

/* Also theme the notifications dropdown */
.notifications-box .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--iv-border) !important;
    box-shadow: 0 8px 32px rgba(49, 87, 225, 0.12) !important;
}

/* ════════════════════════════════════
   PAGE LOADER — Light mode
═════════════════════════════════════ */
#preloader {
    background-color: #f0f2f8 !important;
}

.sk-three-bounce {
    background-color: #f0f2f8 !important;
}

.sk-three-bounce .sk-child {
    background-color: #3157e1 !important;
}
.user-sidebar .site-logo .logo img {
    height: 46px !important;
    max-width: 200px;
    object-fit: contain;
}

/* ════════════════════════════════════
   BUTTONS — White text on blue bg
   (--td-white was remapped to #1a2035,
   breaking any rule using color:var(--td-white))
═════════════════════════════════════ */
.site-btn {
    background: #3157e1 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(49, 87, 225, 0.22) !important;
}

.site-btn:hover,
.site-btn:focus {
    background: #2543c4 !important;
    color: #ffffff !important;
}

.site-btn.gradient-btn {
    background: linear-gradient(135deg, #3157e1 0%, #5b7ff8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(49, 87, 225, 0.3) !important;
}

.site-btn.gradient-btn:hover {
    background: linear-gradient(135deg, #2543c4 0%, #3157e1 100%) !important;
    color: #ffffff !important;
}

.site-btn.secondary-btn {
    background: linear-gradient(135deg, #3157e1 0%, #5b7ff8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(49, 87, 225, 0.3) !important;
}

.site-btn.secondary-btn:hover {
    background: linear-gradient(135deg, #2543c4 0%, #3157e1 100%) !important;
    color: #ffffff !important;
}

.site-btn.secondary-btn.outline-btn {
    background: #edf2ff !important;
    border: 1px solid #b8c9ff !important;
    color: #3157e1 !important;
    box-shadow: none !important;
}

.site-btn.outline-opcity-btn {
    background: #edf2ff !important;
    border: 1px solid #b8c9ff !important;
    color: #3157e1 !important;
    box-shadow: none !important;
}

/* ════════════════════════════════════
   PLAN CARD ICONS — Blue pill on light bg
   (SVGs have hardcoded fill="white")
═════════════════════════════════════ */
.rock-pricing-item .list-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #edf2ff;
    flex-shrink: 0;
}

.rock-pricing-item .list-item-icon svg path,
.rock-pricing-item .list-item-icon svg circle,
.rock-pricing-item .list-item-icon svg rect {
    fill: #3157e1 !important;
    opacity: 1 !important;
}

/* ════════════════════════════════════
   PREMIUM POLISH
═════════════════════════════════════ */

/* Page header title */
.rock-dashboard-tile {
    color: #1a2035 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* Plan card hover lift */
.rock-pricing-item {
    transition: box-shadow 0.22s ease, transform 0.22s ease !important;
}

.rock-pricing-item:hover {
    box-shadow: 0 14px 42px rgba(49, 87, 225, 0.14) !important;
    transform: translateY(-5px);
}

.rock-pricing-item.is-active {
    border: 2px solid #3157e1 !important;
    box-shadow: 0 8px 32px rgba(49, 87, 225, 0.15) !important;
}

.rock-pricing-item .item-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* Toggle sidebar button pill */
.rock-dashboard-header .toggle-sidebar {
    background: #edf2ff !important;
    border: none !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
}

.rock-dashboard-header .toggle-sidebar:hover {
    background: #d8e3ff !important;
}

/* Dashboard card hover lift */
.rock-dashboard-card {
    transition: box-shadow 0.22s ease, transform 0.22s ease !important;
}

.rock-dashboard-card:hover {
    box-shadow: 0 8px 32px rgba(49, 87, 225, 0.10) !important;
    transform: translateY(-2px);
}

/* Table row hover tint */
.rock-custom-table .contents .site-table-body .site-table-row {
    transition: background 0.15s ease !important;
}

.rock-custom-table .contents .site-table-body .site-table-row:hover .site-table-col {
    background: #f4f7ff !important;
}