/* Hide Template Customizer and Fix Navbar Issues */

/* Hide Template Customizer completely */
.template-customizer,
.template-customizer-open-btn,
.template-customizer-toggler {
    display: none !important;
}

/* Hide/Fix Top Navbar Search Bar */
.layout-navbar .navbar-search-wrapper {
    display: none !important;
}

.layout-navbar .navbar {
    min-height: 60px;
}

/* Improve Navbar Styling */
.layout-navbar {
    background: rgba(22, 33, 62, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-nav .nav-link {
    color: #e2e8f0 !important;
}

.navbar-nav .nav-link:hover {
    color: #c084fc !important;
}

/* User Dropdown Styling */
.navbar .dropdown-menu {
    background: #16213e !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .dropdown-item {
    color: #e2e8f0 !important;
}

.navbar .dropdown-item:hover {
    background: rgba(168, 85, 247, 0.15) !important;
    color: #c084fc !important;
}

/* Fix Referral Card and Text Visibility */
.card .card-body h6,
.card .card-body p,
.card .card-body span,
.card .card-body small {
    color: #e2e8f0 !important;
}

.card .card-title {
    color: #ffffff !important;
}

.card h5,
.card h4,
.card h3 {
    color: #ffffff !important;
}

/* Fix Input Fields in Cards */
.card input.form-control {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

.card input.form-control:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #a855f7 !important;
}

.card input.form-control::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Fix Button Styling in Cards */
.card .btn {
    color: #ffffff !important;
}

.card .btn-label-info {
    background: rgba(102, 126, 234, 0.15) !important;
    color: #93c5fd !important;
}

.card .btn-label-info:hover {
    background: rgba(102, 126, 234, 0.25) !important;
}

/* Fix Badge Styling */
.badge {
    color: #ffffff !important;
}

.bg-label-success {
    background: rgba(236, 72, 153, 0.15) !important;
    color: #f472b6 !important;
}

/* Fix Avatar Icons */
.avatar-initial {
    color: #ffffff !important;
}

/* Fix All Text in Dashboard Cards */
.container-xxl .card * {
    color: inherit;
}

.container-xxl .card .text-muted {
    color: #94a3b8 !important;
}

.container-xxl .card strong,
.container-xxl .card b {
    color: #ffffff !important;
}

/* Fix White Background on Input Fields */
input.form-control,
input[type="text"],
input[type="url"],
input[type="email"] {
    background: rgba(22, 33, 62, 0.6) !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
    color: #ffffff !important;
}

input.form-control:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus {
    background: rgba(22, 33, 62, 0.8) !important;
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 0.2rem rgba(168, 85, 247, 0.25) !important;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

input[readonly] {
    background: rgba(22, 33, 62, 0.4) !important;
    color: #e2e8f0 !important;
}
