/* ============================================================
   DARK THEME - Append this to the bottom of custom.css
   Only affects white/light backgrounds. Green areas untouched.
   ============================================================ */

body.dark-theme {
    background-color: #2f2b2b;
    color: #e8e8e8;
}

/* General white backgrounds to dark */
body.dark-theme .bg-white,
body.dark-theme .bg-light,
body.dark-theme section,
body.dark-theme .section-padding,
body.dark-theme .about-section,
body.dark-theme .services-section,
body.dark-theme .expertise-section,
body.dark-theme .features-section,
body.dark-theme .pricing-section,
body.dark-theme .testimonial-section,
body.dark-theme .faq-section,
body.dark-theme .blog-section,
body.dark-theme .contact-section,
body.dark-theme .cta-box,
body.dark-theme .team-section,
body.dark-theme .client-section,
body.dark-theme .gallery-section,
body.dark-theme .project-section {
    background-color: #2f2b2b !important;
}

/* Cards, boxes, panels */
body.dark-theme .card,
body.dark-theme .service-box,
body.dark-theme .feature-box,
body.dark-theme .pricing-box,
body.dark-theme .testimonial-box,
body.dark-theme .faq-item,
body.dark-theme .blog-post,
body.dark-theme .team-box,
body.dark-theme .about-content-box,
body.dark-theme .expertise-box,
body.dark-theme .approach-box,
body.dark-theme .wisdom-box {
    background-color: #3a3636 !important;
    border-color: #4a4646 !important;
}

/* All dark text to light */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
    color: #f0f0f0 !important;
}

body.dark-theme p,
body.dark-theme span,
body.dark-theme li,
body.dark-theme a:not(.btn-default):not(.btn-login):not(.nav-link) {
    color: #cccccc !important;
}

/* Nav links */
body.dark-theme .navbar {
    background-color: #2f2b2b !important;
}

body.dark-theme .navbar .nav-link {
    color: #e8e8e8 !important;
}

body.dark-theme .navbar .nav-link:hover {
    color: #ffffff !important;
}

/* Dropdown menus */
body.dark-theme .navbar .submenu ul,
body.dark-theme .navbar ul ul {
    background-color: #3a3636 !important;
    border-color: #4a4646 !important;
}

body.dark-theme .navbar .submenu ul li a {
    color: #cccccc !important;
}

body.dark-theme .navbar .submenu ul li a:hover {
    color: #ffffff !important;
    background-color: #4a4646 !important;
}

/* FAQ accordions */
body.dark-theme .accordion-item,
body.dark-theme .accordion-button {
    background-color: #3a3636 !important;
    color: #f0f0f0 !important;
    border-color: #4a4646 !important;
}

body.dark-theme .accordion-button:not(.collapsed) {
    background-color: #4a4646 !important;
}

/* Form inputs */
body.dark-theme input,
body.dark-theme textarea,
body.dark-theme select {
    background-color: #3a3636 !important;
    color: #e8e8e8 !important;
    border-color: #4a4646 !important;
}

body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
    color: #999999 !important;
}

/* Borders and dividers */
body.dark-theme hr,
body.dark-theme .border,
body.dark-theme [class*="border-"] {
    border-color: #4a4646 !important;
}

/* Preloader */
body.dark-theme .preloader {
    background-color: #2f2b2b !important;
}

/* Dark mode toggle button */
.dark-mode-toggle {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #1a5276;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transition: background-color 0.3s ease;
}

.dark-mode-toggle:hover {
    background-color: #154360;
}

.dark-mode-toggle svg {
    width: 22px;
    height: 22px;
    fill: #ffffff;
}


/* Sun icon shown in dark mode, moon icon shown in light mode */
.dark-mode-toggle .icon-sun { display: none; }
.dark-mode-toggle .icon-moon { display: block; }

body.dark-theme .dark-mode-toggle .icon-sun { display: block; }
body.dark-theme .dark-mode-toggle .icon-moon { display: none; }

html.dark-theme .our-expertise,
html.dark-theme .our-expertise .expertise-content,
html.dark-theme .our-expertise .expertise-content-header,
html.dark-theme .our-expertise .expertise-content-body,
html.dark-theme .our-expertise .expertise-list-item,
html.dark-theme .our-expertise .expertise-list-content,
html.dark-theme .our-expertise .our-tab-nav,
html.dark-theme .our-expertise .expertise-box,
html.dark-theme .our-expertise .expertise-item,
html.dark-theme .our-expertise .tab-pane,
html.dark-theme .our-expertise .tab-content,
html.dark-theme .our-expertise .nav-tabs,
html.dark-theme .our-expertise .section-row,
html.dark-theme .our-expertise .section-title,
html.dark-theme .our-expertise .section-title-content {
    background-color: #2f2b2b !important;
    border-color: #4a4646 !important;
}

html.dark-theme .our-expertise h2,
html.dark-theme .our-expertise h3,
html.dark-theme .our-expertise p {
    color: #cccccc !important;
}

html.dark-theme .our-expertise .nav-link.btn-highlighted {
    background-color: #3a3636 !important;
    color: #cccccc !important;
    border-color: #4a4646 !important;
}

html.dark-theme .our-expertise .nav-link.btn-highlighted.active,
html.dark-theme .our-expertise .nav-link.btn-highlighted:hover {
    background-color: #1a5276 !important;
    color: #ffffff !important;
    border-color: #1a5276 !important;
}

/* ============================================================
   LOGIN PAGE DARK THEME (guest2.blade.php)
   ============================================================ */

/* Main background */
html.dark-theme body {
    background-color: #2f2b2b !important;
}

/* Right side login area */
html.dark-theme .lg\:w-1\/2:not(.bg-gradient-to-br) {
    background-color: #2f2b2b !important;
}

/* Login card */
html.dark-theme .bg-white.rounded-2xl {
    background-color: #3a3636 !important;
    border: 1px solid #4a4646;
}

/* Text colors */
html.dark-theme .text-gray-900,
html.dark-theme .text-gray-800 {
    color: #f0f0f0 !important;
}

html.dark-theme .text-gray-700 {
    color: #e0e0e0 !important;
}

html.dark-theme .text-gray-600 {
    color: #cccccc !important;
}

html.dark-theme .text-gray-500 {
    color: #999999 !important;
}

/* Form inputs */
html.dark-theme input[type="text"],
html.dark-theme input[type="password"],
html.dark-theme input[type="email"] {
    background-color: #2f2b2b !important;
    border-color: #4a4646 !important;
    color: #e8e8e8 !important;
}

html.dark-theme input::placeholder {
    color: #999999 !important;
}

html.dark-theme input:focus {
    border-color: #1a5276 !important;
    ring-color: #1a5276 !important;
}

/* Input icons */
html.dark-theme .input-icon i {
    color: #999999 !important;
}

html.dark-theme .input-wrapper:focus-within .input-icon i {
    color: #1a5276 !important;
}

/* Buttons - secondary button (Create Account) */
html.dark-theme .bg-gray-100 {
    background-color: #4a4646 !important;
    color: #e8e8e8 !important;
}

html.dark-theme .bg-gray-100:hover {
    background-color: #555252 !important;
}

/* Links */
html.dark-theme a.text-primary-600 {
    color: #5ba3d0 !important;
}

html.dark-theme a.text-primary-600:hover {
    color: #78b9e0 !important;
}

/* Checkbox */
html.dark-theme input[type="checkbox"] {
    background-color: #2f2b2b !important;
    border-color: #4a4646 !important;
}

html.dark-theme input[type="checkbox"]:checked {
    background-color: #1a5276 !important;
    border-color: #1a5276 !important;
}

/* Alert boxes */
html.dark-theme .bg-red-100 {
    background-color: #4a2626 !important;
    border-color: #8b3a3a !important;
}

html.dark-theme .text-red-700 {
    color: #ff9999 !important;
}

/* Bottom links section */
html.dark-theme .text-xs.text-gray-500 {
    color: #999999 !important;
}

/* Page loader */
html.dark-theme .page-loading {
    background-color: #2f2b2b !important;
}

html.dark-theme .page-loading .text {
    color: #5ba3d0 !important;
}