.themeeiei {
    position: fixed!important;
    top: 5px!important;
    right: 5px!important;
    margin: 0!important;
    padding: 0!important;
    width: 50px!important;
    height: 50px!important;
    border-radius: 10px!important;
    background-color: #ffffff21!important;
    z-index: 9999!important;
    border: 0px solid #ccc!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
}
.themeeiei button {
    background-image: none!important;
    background-color: transparent!important;
    margin: 0 10px 0 0!important;
    padding: 0!important;
    border: 0px solid #ccc!important;
    outline: none!important;
    cursor: pointer;
}
.dark-theme {
    background-color: #222!important;
    color: #fff!important;
}
.dark-theme html, .dark-theme body, .dark-theme header, .dark-theme .container {
    background-color: #222!important;
    background-image: linear-gradient(to right, #222, #222);
}
.dark-theme .wrapper{
    background-color: #1c1c1c!important;
    background-image: linear-gradient(to right, #1c1c1c, #1c1c1c);
}
.dark-theme .file  {
    background-color: #1a1a1a!important;
}
.dark-theme .menubarr, .dark-theme .menubarr .container {
    background-color: #1c1c1c!important;
    background-image: linear-gradient(to right, #1c1c1c, #1c1c1c)!important;
}
.dark-theme header {
    width: 100%;
}
.dark-theme .menu-left {
    background-color: transparent!important;
    color: #fff!important;
}
.dark-theme a {
    color: #f4f4f4!important;
}
.dark-theme p {
    color: #ffffff!important;
}
.dark-theme h1 {
    color: #ffffff!important;
}
.dark-theme h2 {
    color: #ffffff!important;
}
.dark-theme h3 {
    color: #ffffff!important;
}
.dark-theme h4 {
    color: #ffffff!important;
}
.dark-theme h5 {
    color: #ffffff!important;
}
.dark-theme h6 {
    color: #ffffff!important;
}
.dark-theme .container,
.dark-theme .container-fluid,
.dark-theme .hero-content,
.dark-theme .service-content,
.dark-theme .section-header,
.dark-theme .contact-details,
.dark-theme .certificate-container,
.dark-theme .contact-content,
.dark-theme .footer-content {
    background: transparent!important;
    color: #f1f1f1!important;
}

/* Fix specific container backgrounds */
.dark-theme .services-section .container,
.dark-theme .certificates-section .container,
.dark-theme .contact-section .container,
.dark-theme .footer .container {
    background: transparent!important;
    color: #f1f1f1!important;
}

/* Fix nested container elements */
.dark-theme .container *:not(.service-card):not(.certificate-frame):not(.feedback-section):not(.alert-content):not(.cookie-notice) {
    color: inherit!important;
}

/* Ensure container text is readable */
.dark-theme .container p,
.dark-theme .container span:not(.gradient-text):not(.brand-text),
.dark-theme .container div:not(.service-card):not(.service-icon):not(.alert-content):not(.cookie-content) {
    color: #f1f1f1!important;
}
.dark-theme hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-theme .alertcookie {
    background-color: #1c1c1c!important;
    color: #fff!important;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.75)!important;
}
body .themeeiei,.dark-theme .themeeiei {
    background-color: #ffffff00!important;
    margin: 0px!important;
    padding: 0px!important;
}
.dark-theme .user_info {
    background: -webkit-linear-gradient(#c1ffa8, #83a4ff);
    background: linear-gradient(#c1ffa8, #83a4ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Dark theme for SweetAlert */
.dark-theme .swal2-popup {
    background-color: #222!important;
    color: #fff!important;
    border-color: #333!important;
}

.dark-theme .swal2-title {
    color: #fff!important;
}

.dark-theme .swal2-content {
    color: #ccc!important;
}

.dark-theme .swal2-actions button {
    color: #fff!important;
}

.dark-theme .swal2-confirm {
    background-color: #007bff!important; /* Example color, change as needed */
}

.dark-theme .swal2-cancel {
    background-color: #dc3545!important; /* Example color, change as needed */
}

/* --- Optimized for Dewey's World index.html dark mode --- */
.dark-theme body,
.dark-theme .services-section,
.dark-theme .certificates-section,
.dark-theme .contact-section,
.dark-theme .footer {
    background: #181a20!important;
    color: #f1f1f1!important;
}

.dark-theme .navbar,
.dark-theme .navbar-brand,
.dark-theme .navbar-nav .nav-link {
    background: #23242a!important;
    color: #e0e0e0!important;
}
.dark-theme .navbar-nav .nav-link.active,
.dark-theme .navbar-nav .nav-link:hover {
    background: linear-gradient(135deg, #6366f1, #818cf8)!important;
    color: #fff!important;
}
.dark-theme .navbar-brand .brand-text {
    background: linear-gradient(135deg, #caffca, #c7f6ff, #dcefff)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

.dark-theme .hero-section {
    background: linear-gradient(135deg, #23242a 0%, #23242a 100%)!important;
}
.dark-theme .hero-gradient {
    background: linear-gradient(135deg, rgba(99,102,241,0.2) 0%, rgba(85,155,247,0.2) 50%, rgba(72,236,124,0.2) 100%)!important;
}
.dark-theme .hero-content,
.dark-theme .hero-title,
.dark-theme .hero-subtitle {
    color: #fff!important;
}
.dark-theme .gradient-text {
    background: linear-gradient(135deg, #caffca, #c7f6ff, #dcefff)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

.dark-theme .service-card,
.dark-theme .certificate-frame,
.dark-theme .feedback-section,
.dark-theme .ad-frame {
    background: #23242a!important;
    color: #f1f1f1!important;
    border-color: #333!important;
}
.dark-theme .service-title,
.dark-theme .certificate-info h3,
.dark-theme .section-title {
    color: #fff!important;
}
.dark-theme .service-description,
.dark-theme .certificate-info p,
.dark-theme .section-subtitle {
    color: #bdbdbd!important;
}
.dark-theme .feature-tag {
    background: #181a20!important;
    color: #bdbdbd!important;
}
.dark-theme .service-btn,
.dark-theme .info-btn,
.dark-theme .feedback-btn,
.dark-theme .cta-btn,
.dark-theme .auth-btn,
.dark-theme .login-btn,
.dark-theme .logout-btn,
.dark-theme .loading-btn,
.dark-theme .scroll-top-btn,
.dark-theme .menu-btn,
.dark-theme .back-btn {
    background: linear-gradient(135deg, #6366f1, #818cf8)!important;
    color: #ffffff!important;
    border-color: #6366f1!important;
}
.dark-theme .service-btn:hover,
.dark-theme .info-btn:hover,
.dark-theme .feedback-btn:hover,
.dark-theme .cta-btn:hover,
.dark-theme .auth-btn:hover,
.dark-theme .login-btn:hover,
.dark-theme .logout-btn:hover,
.dark-theme .loading-btn:hover,
.dark-theme .scroll-top-btn:hover,
.dark-theme .menu-btn:hover,
.dark-theme .back-btn:hover {
    background: linear-gradient(135deg, #4f46e5, #6366f1)!important;
    color: #ffffff!important;
}

.dark-theme .cookie-notice,
.dark-theme .cookie-content {
    background: #23242a!important;
    color: #f1f1f1!important;
}
.dark-theme .cookie-link {
    color: #a5b4fc!important;
}
.dark-theme .cookie-accept-btn {
    background: #6366f1!important;
    color: #ffffff!important;
    border: none!important;
}
.dark-theme .cookie-accept-btn:hover {
    background: #4f46e5!important;
    color: #ffffff!important;
}

/* Specific button type overrides for dark mode */
.dark-theme .logout-btn {
    background: linear-gradient(135deg, #ef4444, #dc2626)!important;
    color: #ffffff!important;
}
.dark-theme .logout-btn:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c)!important;
    color: #ffffff!important;
}

.dark-theme .login-btn {
    background: linear-gradient(135deg, #10b981, #059669)!important;
    color: #ffffff!important;
}
.dark-theme .login-btn:hover {
    background: linear-gradient(135deg, #059669, #047857)!important;
    color: #ffffff!important;
}

.dark-theme .cta-btn.primary {
    background: rgba(99, 102, 241, 0.8)!important;
    color: #ffffff!important;
    border: 2px solid rgba(99, 102, 241, 0.6)!important;
}
.dark-theme .cta-btn.primary:hover {
    background: rgba(99, 102, 241, 1)!important;
    color: #ffffff!important;
}

.dark-theme .cta-btn.secondary {
    background: #23242a!important;
    color: #6366f1!important;
    border: 2px solid #6366f1!important;
}
.dark-theme .cta-btn.secondary:hover {
    background: #6366f1!important;
    color: #ffffff!important;
}

.dark-theme .theme-toggle,
.dark-theme .theme-btn {
    background: #23242a!important;
    color: #fff!important;
}
.dark-theme .theme-btn:hover {
    background: #6366f1!important;
}

.dark-theme .alert-overlay,
.dark-theme .alert-content {
    background: #23242a!important;
    color: #fff!important;
}
.dark-theme .alert-title {
    color: #fff!important;
}
.dark-theme .alert-message {
    color: #bdbdbd!important;
}
.dark-theme .alert-close-btn {
    color: #bdbdbd!important;
}
.dark-theme .alert-close-btn:hover {
    background: #181a20!important;
    color: #fff!important;
}

.dark-theme .footer {
    background: #181a20!important;
    color: #f1f1f1!important;
}
.dark-theme .footer-brand h4,
.dark-theme .footer-column h5 {
    color: #fff!important;
}
.dark-theme .footer-brand p,
.dark-theme .footer-column a,
.dark-theme .footer-copyright p {
    color: #bdbdbd!important;
}
.dark-theme .footer-column a:hover {
    color: #a5b4fc!important;
}
.dark-theme .footer-bottom {
    border-top: 1px solid #333!important;
}

/* Additional improvements for better readability */
.dark-theme input,
.dark-theme textarea,
.dark-theme select {
    background: #23242a!important;
    color: #f1f1f1!important;
    border: 1px solid #444!important;
}

.dark-theme input:focus,
.dark-theme textarea:focus,
.dark-theme select:focus {
    border-color: #6366f1!important;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2)!important;
}

.dark-theme .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.dark-theme .contact-icon {
    background: linear-gradient(135deg, #6366f1, #818cf8)!important;
    color: #ffffff!important;
}

/* Bootstrap grid and layout fixes */
.dark-theme .row,
.dark-theme .col-lg-6,
.dark-theme .col-md-6,
.dark-theme .g-4 {
    color: inherit!important;
}

/* Fix any remaining container color issues */
.dark-theme .container-fluid,
.dark-theme .collapse,
.dark-theme .navbar-collapse {
    background: transparent!important;
    color: #f1f1f1!important;
}

/* Ensure all container text inherits proper color */
.dark-theme .container h1,
.dark-theme .container h2,
.dark-theme .container h3,
.dark-theme .container h4,
.dark-theme .container h5,
.dark-theme .container h6 {
    color: #ffffff!important;
}

.dark-theme .container p:not(.hero-subtitle),
.dark-theme .container-fluid p {
    color: #bdbdbd!important;
}

/* User Dropdown Dark Mode Styles */
.dark-theme .user-dropdown {
    color: #fff!important;
}

.dark-theme .user-avatar-container {
    color: #fff!important;
}

.dark-theme .user-dropdown .user-name {
    color: #fff!important;
    opacity: 1!important;
    visibility: visible!important;
}

.dark-theme .user-avatar-container:hover {
    background-color: rgba(255, 255, 255, 0.1)!important;
}

.dark-theme .dropdown-menu {
    background-color: #2a2a2a!important;
    border: 1px solid #444!important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4)!important;
}

.dark-theme .dropdown-menu.show {
    background-color: #2a2a2a!important;
}

.dark-theme .dropdown-item {
    color: #fff!important;
    background-color: transparent!important;
}

.dark-theme .dropdown-item:hover {
    background-color: #444!important;
    color: #fff!important;
}

.dark-theme .dropdown-divider {
    border-color: #444!important;
}

.dark-theme .logout-item:hover {
    background-color: #dc2626!important;
}