/* ============================================ */
/* TAJDIGITECH - DARK MODE STYLES */
/* ============================================ */

:root {
    --dark-bg: #0a0e17;
    --dark-card: #141b2d;
    --dark-card-hover: #1a243b;
    --dark-border: #2a3a5a;
    --dark-text: #e8edf5;
    --dark-text-muted: #8899bb;
    --dark-primary: #FF6B35;
    --dark-secondary: #1a2a4f;
    --dark-input: #1a243b;
    --dark-shadow: rgba(0,0,0,0.4);
}

body.dark-mode {
    background: var(--dark-bg);
    color: var(--dark-text);
}

/* ===== HEADER ===== */
body.dark-mode .main-header {
    background: var(--dark-card);
    border-bottom: 1px solid var(--dark-border);
}
body.dark-mode .main-header .nav-menu > li > a {
    color: var(--dark-text);
}
body.dark-mode .main-header .nav-menu > li > a:hover {
    color: var(--dark-primary);
    background: rgba(255,107,53,0.1);
}
body.dark-mode .top-header {
    background: var(--dark-secondary);
    border-bottom: 1px solid var(--dark-border);
}
body.dark-mode .top-header .top-info a {
    color: var(--dark-text-muted);
}

/* ===== FOOTER ===== */
body.dark-mode footer {
    background: var(--dark-card) !important;
    border-top: 1px solid var(--dark-border);
}
body.dark-mode footer h4, 
body.dark-mode footer h5 {
    color: var(--dark-primary) !important;
}
body.dark-mode footer .text-white-50 {
    color: var(--dark-text-muted) !important;
}
body.dark-mode footer .list-unstyled a {
    color: var(--dark-text-muted) !important;
}
body.dark-mode footer .list-unstyled a:hover {
    color: var(--dark-primary) !important;
}

/* ===== CARDS ===== */
body.dark-mode .card,
body.dark-mode .blog-card,
body.dark-mode .service-card,
body.dark-mode .testimonial-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .card .card-header {
    background: var(--dark-card) !important;
    border-bottom-color: var(--dark-border) !important;
    color: var(--dark-text);
}
body.dark-mode .card .card-body {
    color: var(--dark-text);
}
body.dark-mode .card .card-footer {
    background: var(--dark-card) !important;
    border-top-color: var(--dark-border) !important;
}

/* ===== SECTIONS ===== */
body.dark-mode section {
    background: var(--dark-bg) !important;
}
body.dark-mode .bg-light {
    background: var(--dark-card) !important;
}
body.dark-mode .bg-white {
    background: var(--dark-card) !important;
}
body.dark-mode .bg-light {
    background: var(--dark-card) !important;
}

/* ===== TEXT COLORS ===== */
body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5,
body.dark-mode h6 {
    color: var(--dark-text) !important;
}
body.dark-mode p,
body.dark-mode span,
body.dark-mode .text-muted {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .text-dark {
    color: var(--dark-text) !important;
}
body.dark-mode .text-muted {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .lead {
    color: var(--dark-text-muted) !important;
}

/* ===== FORMS ===== */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background: var(--dark-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    border-color: var(--dark-primary) !important;
    box-shadow: 0 0 0 3px rgba(255,107,53,0.15) !important;
}
body.dark-mode .form-control::placeholder {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .input-group-text {
    background: var(--dark-input) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

/* ===== TABLES ===== */
body.dark-mode .table {
    color: var(--dark-text);
}
body.dark-mode .table thead th {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text);
}
body.dark-mode .table tbody td {
    border-color: var(--dark-border) !important;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background: var(--dark-card) !important;
}
body.dark-mode .table-bordered {
    border-color: var(--dark-border) !important;
}

/* ===== BUTTONS ===== */
body.dark-mode .btn-outline-primary {
    border-color: var(--dark-primary) !important;
    color: var(--dark-primary) !important;
}
body.dark-mode .btn-outline-primary:hover {
    background: var(--dark-primary) !important;
    color: #fff !important;
}
body.dark-mode .btn-primary {
    background: var(--dark-primary) !important;
    border-color: var(--dark-primary) !important;
}
body.dark-mode .btn-secondary {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}
body.dark-mode .btn-secondary:hover {
    background: var(--dark-card-hover) !important;
}

/* ===== MODALS ===== */
body.dark-mode .modal-content {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .modal-header {
    border-bottom-color: var(--dark-border) !important;
}
body.dark-mode .modal-footer {
    border-top-color: var(--dark-border) !important;
}
body.dark-mode .modal-header .btn-close {
    filter: invert(1);
}

/* ===== DROPDOWNS ===== */
body.dark-mode .dropdown-menu {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .dropdown-item {
    color: var(--dark-text) !important;
}
body.dark-mode .dropdown-item:hover {
    background: var(--dark-card-hover) !important;
}

/* ===== ALERTS ===== */
body.dark-mode .alert {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .alert-success {
    background: rgba(34,197,94,0.15) !important;
    border-color: #22c55e !important;
    color: #4ade80 !important;
}
body.dark-mode .alert-danger {
    background: rgba(220,38,38,0.15) !important;
    border-color: #dc2626 !important;
    color: #fca5a5 !important;
}
body.dark-mode .alert-warning {
    background: rgba(245,158,11,0.15) !important;
    border-color: #f59e0b !important;
    color: #fcd34d !important;
}
body.dark-mode .alert-info {
    background: rgba(59,130,246,0.15) !important;
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
}

/* ===== ACCORDION ===== */
body.dark-mode .accordion-item {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .accordion-button {
    background: var(--dark-card) !important;
    color: var(--dark-text) !important;
}
body.dark-mode .accordion-button:not(.collapsed) {
    background: var(--dark-card-hover) !important;
    color: var(--dark-primary) !important;
}
body.dark-mode .accordion-body {
    background: var(--dark-card) !important;
    color: var(--dark-text-muted) !important;
}

/* ===== NAV TABS ===== */
body.dark-mode .nav-tabs .nav-link {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .nav-tabs .nav-link.active {
    background: var(--dark-card) !important;
    color: var(--dark-primary) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .nav-tabs {
    border-bottom-color: var(--dark-border) !important;
}

/* ===== BREADCRUMB ===== */
body.dark-mode .breadcrumb-item a {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .breadcrumb-item a:hover {
    color: var(--dark-primary) !important;
}
body.dark-mode .breadcrumb-item.active {
    color: var(--dark-primary) !important;
}
body.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: var(--dark-text-muted) !important;
}

/* ===== PAGINATION ===== */
body.dark-mode .page-link {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}
body.dark-mode .page-link:hover {
    background: var(--dark-card-hover) !important;
    color: var(--dark-primary) !important;
}
body.dark-mode .page-item.active .page-link {
    background: var(--dark-primary) !important;
    border-color: var(--dark-primary) !important;
}

/* ===== HERO SECTION ===== */
body.dark-mode .hero-slide .slider-bg::before {
    background: rgba(10, 14, 23, 0.75) !important;
}
body.dark-mode .hero-slide h1 {
    color: var(--dark-text) !important;
}
body.dark-mode .hero-slide p {
    color: var(--dark-text-muted) !important;
}

/* ===== STATS BANNER ===== */
body.dark-mode .stats-banner {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .stats-banner .stat-number {
    color: var(--dark-primary) !important;
}
body.dark-mode .stats-banner .stat-label {
    color: var(--dark-text-muted) !important;
}

/* ===== ABOUT SECTION ===== */
body.dark-mode .about-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .about-section .stat-item {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .about-section .stat-item h3 {
    color: var(--dark-primary) !important;
}
body.dark-mode .about-section .stat-item p {
    color: var(--dark-text-muted) !important;
}

/* ===== SERVICES SECTION ===== */
body.dark-mode .services-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .service-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .service-card .service-icon {
    background: rgba(255,107,53,0.1) !important;
}
body.dark-mode .service-card .service-icon i {
    color: var(--dark-primary) !important;
}
body.dark-mode .service-card h5 {
    color: var(--dark-text) !important;
}
body.dark-mode .service-card p {
    color: var(--dark-text-muted) !important;
}

/* ===== TESTIMONIALS ===== */
body.dark-mode .testimonials-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .testimonial-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .testimonial-card h5 {
    color: var(--dark-text) !important;
}
body.dark-mode .testimonial-card p {
    color: var(--dark-text-muted) !important;
}

/* ===== BLOGS ===== */
body.dark-mode .blog-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .blog-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .blog-card h5 {
    color: var(--dark-text) !important;
}
body.dark-mode .blog-card p {
    color: var(--dark-text-muted) !important;
}

/* ===== CONTACT ===== */
body.dark-mode .contact-page-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .contact-info-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .contact-form-card {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .info-item {
    background: var(--dark-input) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .info-item h6 {
    color: var(--dark-text) !important;
}
body.dark-mode .info-item p {
    color: var(--dark-text-muted) !important;
}

/* ===== FAQ SECTION ===== */
body.dark-mode .faq-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .faq-section .accordion-item {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}

/* ===== PARTNERS ===== */
body.dark-mode .partners-section {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}

/* ===== BLOG DETAIL ===== */
body.dark-mode .blog-detail-section {
    background: var(--dark-bg) !important;
}
body.dark-mode .blog-meta span {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}
body.dark-mode .chat-box {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .chat-bubble-user {
    background: var(--dark-card-hover) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .chat-bubble-admin {
    background: var(--dark-input) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .comment-form {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}

/* ===== ADMIN DARK MODE ===== */
body.dark-mode .sidebar {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .sidebar-nav a {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .sidebar-nav a:hover,
body.dark-mode .sidebar-nav a.active {
    color: var(--dark-primary) !important;
    background: rgba(255,107,53,0.1) !important;
}
body.dark-mode .navbar-top {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .navbar-top .page-title {
    color: var(--dark-text) !important;
}
body.dark-mode .stat-card {
    border-color: var(--dark-border) !important;
}
body.dark-mode .stat-card .stat-number {
    color: var(--dark-text) !important;
}
body.dark-mode .stat-card .stat-label {
    color: var(--dark-text-muted) !important;
}
body.dark-mode .quick-action {
    background: var(--dark-card) !important;
    border-color: var(--dark-border) !important;
}
body.dark-mode .quick-action h4 {
    color: var(--dark-text) !important;
}
body.dark-mode .quick-action i {
    color: var(--dark-primary) !important;
}
body.dark-mode .quick-action:hover {
    background: var(--dark-primary) !important;
}
body.dark-mode .quick-action:hover h4 {
    color: #fff !important;
}
body.dark-mode .quick-action:hover i {
    color: #fff !important;
}

/* ===== DARK MODE TOGGLE BUTTON ===== */
.dark-mode-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--dark-primary);
    color: #fff;
    border: none;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(255,107,53,0.3);
    transition: all 0.3s ease;
}
.dark-mode-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 30px rgba(255,107,53,0.4);
}
.dark-mode-toggle i {
    transition: transform 0.5s ease;
}
body.dark-mode .dark-mode-toggle i {
    transform: rotate(180deg);
}

/* ===== SCROLLBAR DARK MODE ===== */
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body.dark-mode ::-webkit-scrollbar-track {
    background: var(--dark-card);
}
body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--dark-primary);
    border-radius: 4px;
}
body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #e55a2b;
}