/* ======================================
   WAFEEQ ACADEMY - DARK MODE STYLES
   تحسين الرؤية للصم - Dark/Light Mode
   ====================================== */

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 9999;
    background: linear-gradient(135deg, #ef8010, #b95f13);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}

.dark-mode-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(239, 128, 16, 0.4);
}

.dark-mode-toggle .icon-sun,
.dark-mode-toggle .icon-moon {
    position: absolute;
    transition: all 0.3s ease;
}

.dark-mode-toggle .icon-sun {
    opacity: 0;
    transform: rotate(-90deg);
}

.dark-mode-toggle .icon-moon {
    opacity: 1;
    transform: rotate(0deg);
}

/* When dark mode is active */
body.dark-mode .dark-mode-toggle .icon-sun {
    opacity: 1;
    transform: rotate(0deg);
}

body.dark-mode .dark-mode-toggle .icon-moon {
    opacity: 0;
    transform: rotate(90deg);
}

body.dark-mode .dark-mode-toggle {
    background: linear-gradient(135deg, #ffc107, #ff9800);
}

/* RTL Support for Arabic */
html[lang="ar"] .dark-mode-toggle,
body.rtl .dark-mode-toggle {
    right: auto;
    left: 20px;
}

/* ======================================
   DARK MODE THEME STYLES
   ====================================== */

/* Global background override - catch all white backgrounds */
body.dark-mode,
body.dark-mode *:not(img):not(video):not(iframe):not(svg):not(path) {
    --bs-body-bg: #1a1a2e;
}

body.dark-mode {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
}

/* Override any inline white backgrounds */
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background:white"],
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color:#fff"],
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color:white"],
body.dark-mode [style*="background: rgb(255"],
body.dark-mode [style*="background-color: rgb(255"] {
    background-color: #1a1a2e !important;
}

/* Sections and divs */
body.dark-mode section,
body.dark-mode div,
body.dark-mode main,
body.dark-mode article,
body.dark-mode aside {
    background-color: inherit;
}

body.dark-mode .section,
body.dark-mode .wrapper,
body.dark-mode .content,
body.dark-mode .main-content {
    background-color: #1a1a2e !important;
}

/* Header & Navbar */
body.dark-mode header,
body.dark-mode .navbar,
body.dark-mode .navbar-light,
body.dark-mode .bg-light,
body.dark-mode #navbar {
    background-color: #16213e !important;
    border-bottom: 1px solid #0f3460;
}

body.dark-mode .navbar-nav .nav-link {
    color: #e0e0e0 !important;
}

body.dark-mode .navbar-nav .nav-link:hover {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
    color: #fff !important;
}

body.dark-mode .dropdown-menu {
    background-color: #16213e !important;
    border: 1px solid #0f3460;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #0f3460 !important;
    color: #ef8010 !important;
}

/* Page Title Bar */
body.dark-mode .page-title-bar {
    background-color: #16213e !important;
}

body.dark-mode .page-title-bar h1,
body.dark-mode .page-title-bar .heading {
    color: #ffffff !important;
}

body.dark-mode .breadcrumb-item a {
    color: #ef8010 !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #b0b0b0 !important;
}

/* Main Content */
body.dark-mode .container {
    color: #e0e0e0;
}

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: #ffffff !important;
}

body.dark-mode p {
    color: #b0b0b0 !important;
}

/* Cards & Items */
body.dark-mode .card,
body.dark-mode .item,
body.dark-mode .course-item,
body.dark-mode .course-owner,
body.dark-mode .course-widget {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .course-widget .item {
    border-bottom: 1px solid #0f3460 !important;
}

/* Lessons List */
body.dark-mode .lessons-details {
    background-color: #16213e !important;
}

body.dark-mode .lessons-details .item {
    background-color: #1a1a2e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .lessons-details .item:hover {
    background-color: #0f3460 !important;
}

body.dark-mode .lessons-details .item h4 {
    color: #ffffff !important;
}

body.dark-mode .lessons-details .item p {
    color: #b0b0b0 !important;
}

/* Buttons */
body.dark-mode .btn-primary,
body.dark-mode .btn-out-thrid {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
    border-color: #ef8010 !important;
    color: #ffffff !important;
}

body.dark-mode .btn-outline-primary {
    border-color: #ef8010 !important;
    color: #ef8010 !important;
}

body.dark-mode .btn-outline-primary:hover {
    background-color: #ef8010 !important;
    color: #ffffff !important;
}

/* Forms */
body.dark-mode .form-control,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #1a1a2e !important;
    border: 1px solid #0f3460 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus {
    border-color: #ef8010 !important;
    box-shadow: 0 0 0 0.2rem rgba(239, 128, 16, 0.25) !important;
}

body.dark-mode .form-control::placeholder,
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #666 !important;
}

/* Comments Section */
body.dark-mode .comments,
body.dark-mode .item-comment {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .item-comment .contain h3 {
    color: #ffffff !important;
}

body.dark-mode .item-comment .contain p {
    color: #b0b0b0 !important;
}

body.dark-mode .comment-date {
    color: #888 !important;
}

body.dark-mode .comx-form {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid #0f3460 !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid #0f3460 !important;
}

body.dark-mode .modal-title {
    color: #ffffff !important;
}

body.dark-mode .btn-close {
    filter: invert(1);
}

/* Price Section */
body.dark-mode .price-summary {
    background-color: #1a1a2e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .coupon-section {
    background-color: #1a1a2e !important;
}

/* Footer */
body.dark-mode footer,
body.dark-mode .footer,
body.dark-mode footer .container,
body.dark-mode .footer-down,
body.dark-mode .footer-down .container {
    background-color: #0f0f1a !important;
    border-top: 1px solid #0f3460 !important;
}

body.dark-mode footer .item {
    background-color: #16213e !important;
}

body.dark-mode footer p,
body.dark-mode footer a,
body.dark-mode footer h2,
body.dark-mode footer li,
body.dark-mode footer ul,
body.dark-mode .footer p,
body.dark-mode .footer a,
body.dark-mode .footer-down p,
body.dark-mode .footer-down a,
body.dark-mode .footer-down li {
    color: #b0b0b0 !important;
}

body.dark-mode footer a:hover,
body.dark-mode .footer a:hover,
body.dark-mode .footer-down a:hover {
    color: #ef8010 !important;
}

/* Footer copyright section */
body.dark-mode footer div[style*="border-top"],
body.dark-mode div[style*="border-top: 1px solid #e0e0e0"] {
    border-top-color: #0f3460 !important;
    background-color: #0f0f1a !important;
}

body.dark-mode footer p[style*="color: #c9104c"],
body.dark-mode div[style*="text-align: center"] p {
    color: #b0b0b0 !important;
}

/* Social icons in footer */
body.dark-mode .social-icons img {
    filter: brightness(0.8) invert(0.8);
}

body.dark-mode .social-icons img:hover {
    filter: brightness(1) invert(0);
}

/* Tables */
body.dark-mode table {
    background-color: #16213e !important;
    color: #e0e0e0 !important;
}

body.dark-mode th {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode td {
    border-color: #0f3460 !important;
}

body.dark-mode tr:hover {
    background-color: #0f3460 !important;
}

/* Scrollbar */
body.dark-mode::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: #1a1a2e;
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: #0f3460;
    border-radius: 5px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover {
    background: #ef8010;
}

/* Search Results */
body.dark-mode #search-results {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode #search-results a {
    color: #e0e0e0 !important;
}

body.dark-mode #search-results a:hover {
    background-color: #0f3460 !important;
}

/* HR */
body.dark-mode hr {
    border-color: #0f3460 !important;
    opacity: 1;
}

/* Icons */
body.dark-mode .icon,
body.dark-mode img.icon {
    filter: brightness(1.5);
}

/* GIF Tooltip */
body.dark-mode #hover-gif-tooltip {
    background: #16213e !important;
    border-color: #ef8010 !important;
}

/* Alerts */
body.dark-mode .alert {
    background-color: #1a1a2e !important;
    border-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .alert-success {
    background-color: rgba(40, 167, 69, 0.2) !important;
    border-color: #28a745 !important;
}

body.dark-mode .alert-danger {
    background-color: rgba(220, 53, 69, 0.2) !important;
    border-color: #dc3545 !important;
}

body.dark-mode .alert-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
    border-color: #ffc107 !important;
}

/* Animations */
body.dark-mode * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Video Player */
body.dark-mode .video-js {
    background-color: #000 !important;
}

/* Course Cards in Related Section */
body.dark-mode .courses .item {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .courses .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(239, 128, 16, 0.2) !important;
}

body.dark-mode .courses .col-data h3 {
    color: #ffffff !important;
}

body.dark-mode .courses .col-data p {
    color: #b0b0b0 !important;
}

body.dark-mode .courses .price {
    color: #ef8010 !important;
}

/* Team Section */
body.dark-mode .team-desc {
    color: #b0b0b0 !important;
}

/* Not Found */
body.dark-mode .not-found-result {
    background-color: #16213e !important;
}

body.dark-mode .notfound {
    color: #b0b0b0 !important;
}

/* Media Query for Mobile */
@media (max-width: 768px) {
    .dark-mode-toggle {
        top: 70px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}

/* Accessibility Improvements for Deaf Users */
body.dark-mode .rating img {
    filter: brightness(1.2);
}

/* High Contrast for Important Elements */
body.dark-mode .btn-pay {
    background: linear-gradient(135deg, #28a745, #218838) !important;
    color: #ffffff !important;
    font-weight: bold;
}

body.dark-mode .discount-badge {
    background-color: #dc3545 !important;
}

/* ======================================
   ADDITIONAL COVERAGE FOR WHITE SECTIONS
   ====================================== */

/* Any remaining white background containers */
body.dark-mode .bg-white,
body.dark-mode .bg-light,
body.dark-mode .white-bg,
body.dark-mode .light-bg {
    background-color: #16213e !important;
}

/* Row and column backgrounds */
body.dark-mode .row,
body.dark-mode .col,
body.dark-mode [class*="col-"] {
    background-color: transparent;
}

/* Tooltip */
body.dark-mode #animated-tooltip {
    background-color: #16213e !important;
    border-color: #ef8010 !important;
}

/* Any inline styled divs with padding (often containers) */
body.dark-mode div[style*="padding"] {
    background-color: inherit;
}

/* Override copyright footer specifically */
body.dark-mode div[style*="text-align: center"][style*="padding"] {
    background-color: #0f0f1a !important;
}

body.dark-mode div[style*="border-top: 1px solid #e0e0e0"] {
    border-top: 1px solid #0f3460 !important;
    background-color: #0f0f1a !important;
}

/* Wafeeq specific sections */
body.dark-mode .tp-course-details-2-related-area,
body.dark-mode .tp-course-details-2-related-border {
    background-color: #1a1a2e !important;
}

/* Page wrappers */
body.dark-mode #wrapper,
body.dark-mode #main,
body.dark-mode #content,
body.dark-mode .page-wrapper,
body.dark-mode .site-content {
    background-color: #1a1a2e !important;
}

/* Home page sections */
body.dark-mode .home-section,
body.dark-mode .hero-section,
body.dark-mode .banner-section,
body.dark-mode .feature-section,
body.dark-mode .cta-section {
    background-color: #1a1a2e !important;
}

/* List items and links */
body.dark-mode li {
    color: #b0b0b0;
}

body.dark-mode a {
    color: #ef8010;
}

body.dark-mode a:hover {
    color: #ffc107 !important;
}

/* Images filter for better visibility */
body.dark-mode footer img:not(.logo) {
    filter: brightness(0.9);
}

/* Specific footer contact section */
body.dark-mode footer .row.justify-content-md-center .item {
    background-color: #16213e !important;
    border-radius: 8px;
}

body.dark-mode footer .row.justify-content-md-center .item h2 {
    color: #ffffff !important;
}

body.dark-mode footer .row.justify-content-md-center .item p {
    color: #b0b0b0 !important;
}

/* Ensure html background is also dark */
html.dark-mode,
body.dark-mode html {
    background-color: #1a1a2e !important;
}

/* Override Bootstrap backgrounds */
body.dark-mode .bg-body {
    background-color: #1a1a2e !important;
}

body.dark-mode .text-body {
    color: #e0e0e0 !important;
}
/* ======================================
   COMPREHENSIVE TEXT VISIBILITY FIX
   All text must be white/visible in dark mode
   ====================================== */

/* Global text color override */
body.dark-mode,
body.dark-mode *:not(img):not(video):not(iframe):not(svg):not(path):not(.btn):not(.btn *) {
    color: #e0e0e0;
}

/* All headings white */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .title, body.dark-mode .heading,
body.dark-mode [class*="title"], body.dark-mode [class*="heading"] {
    color: #ffffff !important;
}

/* All paragraphs and text */
body.dark-mode p, body.dark-mode span, body.dark-mode label,
body.dark-mode small, body.dark-mode strong, body.dark-mode b,
body.dark-mode em, body.dark-mode i:not(.fas):not(.fab):not(.far):not(.fal) {
    color: #e0e0e0 !important;
}

/* Course Cards Fix */
body.dark-mode .course-card,
body.dark-mode .course-item,
body.dark-mode .item-course,
body.dark-mode .courses .item,
body.dark-mode .course-box,
body.dark-mode [class*="course"] {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .course-card h3, body.dark-mode .course-card h4,
body.dark-mode .course-item h3, body.dark-mode .course-item h4,
body.dark-mode .item-course h3, body.dark-mode .courses .item h3,
body.dark-mode .col-data h3, body.dark-mode .col-data h4 {
    color: #ffffff !important;
}

body.dark-mode .course-card p, body.dark-mode .course-item p,
body.dark-mode .item-course p, body.dark-mode .courses .item p,
body.dark-mode .col-data p, body.dark-mode .course-desc {
    color: #b0b0b0 !important;
}

/* Price text */
body.dark-mode .price, body.dark-mode .course-price,
body.dark-mode [class*="price"], body.dark-mode .cost {
    color: #ef8010 !important;
    font-weight: bold !important;
}

/* Slider/Carousel Fix */
body.dark-mode .swiper, body.dark-mode .swiper-slide,
body.dark-mode .owl-carousel, body.dark-mode .owl-item,
body.dark-mode .carousel, body.dark-mode .carousel-item,
body.dark-mode .slick-slider, body.dark-mode .slick-slide {
    background-color: transparent !important;
}

body.dark-mode .swiper-slide *, body.dark-mode .owl-item *,
body.dark-mode .carousel-item *, body.dark-mode .slick-slide * {
    color: #e0e0e0 !important;
}

/* Navigation arrows */
body.dark-mode .swiper-button-next, body.dark-mode .swiper-button-prev,
body.dark-mode .owl-next, body.dark-mode .owl-prev,
body.dark-mode .carousel-control-next, body.dark-mode .carousel-control-prev,
body.dark-mode .slick-next, body.dark-mode .slick-prev {
    background-color: rgba(239, 128, 16, 0.8) !important;
    color: #ffffff !important;
}

/* Pricing Cards Fix */
body.dark-mode .pricing-card, body.dark-mode .price-card,
body.dark-mode .plan-card, body.dark-mode .pricing-box,
body.dark-mode [class*="pricing"], body.dark-mode [class*="plan"] {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .pricing-card h2, body.dark-mode .pricing-card h3,
body.dark-mode .plan-card h2, body.dark-mode .plan-card h3,
body.dark-mode .pricing-title, body.dark-mode .plan-title {
    color: #ffffff !important;
}

body.dark-mode .pricing-card p, body.dark-mode .plan-card p,
body.dark-mode .pricing-desc, body.dark-mode .plan-desc {
    color: #b0b0b0 !important;
}

body.dark-mode .pricing-card li, body.dark-mode .plan-card li,
body.dark-mode .pricing-features li, body.dark-mode .plan-features li {
    color: #e0e0e0 !important;
}

body.dark-mode .pricing-card .price-amount,
body.dark-mode .plan-card .price-amount,
body.dark-mode .pricing-amount, body.dark-mode .plan-price {
    color: #ef8010 !important;
    font-size: 2rem;
    font-weight: bold !important;
}

/* Contact Section Fix */
body.dark-mode .contact-section, body.dark-mode .contact-box,
body.dark-mode .contact-item, body.dark-mode [class*="contact"] {
    background-color: #16213e !important;
}

body.dark-mode .contact-section h2, body.dark-mode .contact-box h2,
body.dark-mode .contact-item h2, body.dark-mode .contact-title {
    color: #ffffff !important;
}

body.dark-mode .contact-section p, body.dark-mode .contact-box p,
body.dark-mode .contact-item p, body.dark-mode .contact-info {
    color: #b0b0b0 !important;
}

body.dark-mode .contact-section a, body.dark-mode .contact-box a {
    color: #ef8010 !important;
}

/* Footer Complete Fix */
body.dark-mode footer, body.dark-mode .footer,
body.dark-mode .footer-section, body.dark-mode [class*="footer"] {
    background-color: #0f0f1a !important;
}

body.dark-mode footer *, body.dark-mode .footer * {
    color: #b0b0b0 !important;
}

body.dark-mode footer h1, body.dark-mode footer h2,
body.dark-mode footer h3, body.dark-mode footer h4,
body.dark-mode .footer h1, body.dark-mode .footer h2,
body.dark-mode .footer h3, body.dark-mode .footer h4 {
    color: #ffffff !important;
}

body.dark-mode footer a:hover, body.dark-mode .footer a:hover {
    color: #ef8010 !important;
}

/* Dropdown Menu Fix */
body.dark-mode .dropdown-menu, body.dark-mode .submenu,
body.dark-mode .mega-menu, body.dark-mode ul.dropdown {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
}

body.dark-mode .dropdown-menu li, body.dark-mode .dropdown-item,
body.dark-mode .submenu li, body.dark-mode .mega-menu li {
    color: #e0e0e0 !important;
}

body.dark-mode .dropdown-menu a, body.dark-mode .dropdown-item,
body.dark-mode .submenu a, body.dark-mode .mega-menu a {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

body.dark-mode .dropdown-menu a:hover, body.dark-mode .dropdown-item:hover,
body.dark-mode .submenu a:hover, body.dark-mode .mega-menu a:hover {
    background-color: #0f3460 !important;
    color: #ef8010 !important;
}

/* Sidebar Fix */
body.dark-mode .sidebar, body.dark-mode .side-menu,
body.dark-mode aside, body.dark-mode [class*="sidebar"] {
    background-color: #16213e !important;
}

body.dark-mode .sidebar *, body.dark-mode .side-menu *,
body.dark-mode aside * {
    color: #e0e0e0 !important;
}

body.dark-mode .sidebar h3, body.dark-mode .sidebar h4,
body.dark-mode .side-menu h3, body.dark-mode aside h3 {
    color: #ffffff !important;
}

/* Section Titles */
body.dark-mode .section-title, body.dark-mode .section-heading,
body.dark-mode .block-title, body.dark-mode .widget-title {
    color: #ffffff !important;
}

body.dark-mode .section-subtitle, body.dark-mode .section-desc {
    color: #b0b0b0 !important;
}

/* List styling */
body.dark-mode ul li, body.dark-mode ol li {
    color: #e0e0e0 !important;
}

body.dark-mode ul li::marker, body.dark-mode ol li::marker {
    color: #ef8010 !important;
}

/* Feature/Icon Boxes */
body.dark-mode .feature-box, body.dark-mode .icon-box,
body.dark-mode .service-box, body.dark-mode [class*="feature"],
body.dark-mode [class*="service"] {
    background-color: #16213e !important;
    border: 1px solid #0f3460 !important;
}

body.dark-mode .feature-box h3, body.dark-mode .icon-box h3,
body.dark-mode .service-box h3 {
    color: #ffffff !important;
}

body.dark-mode .feature-box p, body.dark-mode .icon-box p,
body.dark-mode .service-box p {
    color: #b0b0b0 !important;
}

/* Icons in boxes */
body.dark-mode .feature-box i, body.dark-mode .icon-box i,
body.dark-mode .service-box i {
    color: #ef8010 !important;
}

/* Tabs */
body.dark-mode .nav-tabs, body.dark-mode .tab-content {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

body.dark-mode .nav-tabs .nav-link {
    color: #b0b0b0 !important;
    border-color: #0f3460 !important;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: #0f3460 !important;
}

body.dark-mode .tab-pane * {
    color: #e0e0e0 !important;
}

/* Accordion */
body.dark-mode .accordion, body.dark-mode .accordion-item {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

body.dark-mode .accordion-button {
    background-color: #16213e !important;
    color: #ffffff !important;
}

body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #0f3460 !important;
    color: #ef8010 !important;
}

body.dark-mode .accordion-body {
    color: #e0e0e0 !important;
}

/* Badge/Tag */
body.dark-mode .badge, body.dark-mode .tag, body.dark-mode .label {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

body.dark-mode .badge-primary, body.dark-mode .badge-success {
    background-color: #ef8010 !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
    background-color: transparent !important;
}

body.dark-mode .breadcrumb-item, body.dark-mode .breadcrumb-item a {
    color: #b0b0b0 !important;
}

body.dark-mode .breadcrumb-item.active {
    color: #ef8010 !important;
}

/* Yellow decoration elements - make them visible */
body.dark-mode [style*="background: yellow"],
body.dark-mode [style*="background-color: yellow"],
body.dark-mode [style*="background:#ffff"],
body.dark-mode .yellow-bg, body.dark-mode .bg-yellow {
    background-color: #ef8010 !important;
}

/* Training Courses Section */
body.dark-mode .training-courses, body.dark-mode .courses-section {
    background-color: #1a1a2e !important;
}

body.dark-mode .training-courses h2, body.dark-mode .courses-section h2 {
    color: #ffffff !important;
}

body.dark-mode .training-courses p, body.dark-mode .courses-section p {
    color: #b0b0b0 !important;
}

/* Join Now Button */
body.dark-mode .btn-join, body.dark-mode .join-now,
body.dark-mode [class*="join"] {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
    color: #ffffff !important;
}

/* Ensure white text on buttons */
body.dark-mode .btn, body.dark-mode button,
body.dark-mode [type="submit"], body.dark-mode [type="button"] {
    color: #ffffff !important;
}

/* Link colors */
body.dark-mode a:not(.btn):not(.nav-link) {
    color: #ef8010 !important;
}

body.dark-mode a:not(.btn):not(.nav-link):hover {
    color: #ffc107 !important;
}

/* Small/muted text */
body.dark-mode .text-muted, body.dark-mode .muted,
body.dark-mode small, body.dark-mode .small {
    color: #888888 !important;
}

/* Input labels */
body.dark-mode label {
    color: #e0e0e0 !important;
}

/* Checkboxes and radio labels */
body.dark-mode .form-check-label {
    color: #e0e0e0 !important;
}

/* Select2 / Custom Selects */
body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #1a1a2e !important;
    border-color: #0f3460 !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0 !important;
}

body.dark-mode .select2-dropdown {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

body.dark-mode .select2-results__option {
    color: #e0e0e0 !important;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #0f3460 !important;
    color: #ef8010 !important;
}

/* Tooltip */
body.dark-mode .tooltip-inner {
    background-color: #16213e !important;
    color: #ffffff !important;
}

/* Popover */
body.dark-mode .popover {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

body.dark-mode .popover-body {
    color: #e0e0e0 !important;
}

body.dark-mode .popover-header {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: #0f3460 !important;
}

/* Ensure check icons visible */
body.dark-mode .fa-check, body.dark-mode .check-icon {
    color: #28a745 !important;
}

/* Rating stars */
body.dark-mode .rating i, body.dark-mode .star-rating i {
    color: #ffc107 !important;
}

/* Counter numbers */
body.dark-mode .counter, body.dark-mode .count,
body.dark-mode [class*="counter"], body.dark-mode [class*="count"] {
    color: #ef8010 !important;
}

/* Home specific - hero section text */
body.dark-mode .hero h1, body.dark-mode .hero h2,
body.dark-mode .banner h1, body.dark-mode .banner h2 {
    color: #ffffff !important;
}

body.dark-mode .hero p, body.dark-mode .banner p {
    color: #e0e0e0 !important;
}

/* ======================================
   COURSE CARD METADATA FIX
   Trainer name, video count, etc.
   ====================================== */

/* .more div - contains trainer name and video count */
body.dark-mode .more,
body.dark-mode .more span,
body.dark-mode .col-data .more span,
body.dark-mode .item .more span,
body.dark-mode .item-course .more span,
body.dark-mode .course-card .more span {
    color: #b0b0b0 !important;
}

/* SVG icons in .more section */
body.dark-mode .more img,
body.dark-mode .more svg {
    filter: brightness(0) invert(0.8) !important;
}

/* All spans inside col-data */
body.dark-mode .col-data span,
body.dark-mode .col-data small,
body.dark-mode .col-data label {
    color: #b0b0b0 !important;
}

/* Price section with inline styles override */
body.dark-mode .col-data h5,
body.dark-mode .col-data h5.price,
body.dark-mode .col-data .price span,
body.dark-mode h5.price,
body.dark-mode h5.price span,
body.dark-mode [style*="color:#000"],
body.dark-mode [style*="color: #000"],
body.dark-mode [style*="color:black"],
body.dark-mode [style*="color: black"] {
    color: #e0e0e0 !important;
}

/* Price highlight in orange */
body.dark-mode .price b,
body.dark-mode .price strong,
body.dark-mode h5.price b {
    color: #ef8010 !important;
}

/* Course author/instructor name */
body.dark-mode .author,
body.dark-mode .author-name,
body.dark-mode .instructor,
body.dark-mode .instructor-name,
body.dark-mode .trainer-name,
body.dark-mode .team-name,
body.dark-mode [class*="author"],
body.dark-mode [class*="instructor"] {
    color: #b0b0b0 !important;
}

/* Lesson/video count */
body.dark-mode .lesson-count,
body.dark-mode .video-count,
body.dark-mode [class*="lesson"],
body.dark-mode [class*="video-count"] {
    color: #b0b0b0 !important;
}

/* Force all text in course cards to be visible */
body.dark-mode .courses .item *,
body.dark-mode .course-card *,
body.dark-mode .item-course * {
    color: #e0e0e0;
}

body.dark-mode .courses .item h3,
body.dark-mode .courses .item h4,
body.dark-mode .courses .item h5 {
    color: #ffffff !important;
}

body.dark-mode .courses .item p {
    color: #b0b0b0 !important;
}

/* Fix any remaining inline color styles */
body.dark-mode .col-data [style],
body.dark-mode .more [style],
body.dark-mode .item [style] {
    color: #e0e0e0 !important;
}

/* ======================================
   FOOTER DARK MODE FIX
   ====================================== */

/* Main footer section */
body.dark-mode footer {
    background-color: #1a1a2e !important;
}

/* Footer contact boxes */
body.dark-mode footer .item,
body.dark-mode footer .col-4,
body.dark-mode footer .container > .row > div {
    background-color: #16213e !important;
    border-color: #0f3460 !important;
}

/* Footer text */
body.dark-mode footer h2,
body.dark-mode footer h3,
body.dark-mode footer h4 {
    color: #ffffff !important;
}

body.dark-mode footer p,
body.dark-mode footer a,
body.dark-mode footer span {
    color: #b0b0b0 !important;
}

body.dark-mode footer a:hover {
    color: #ef8010 !important;
}

/* Footer icons */
body.dark-mode footer img:not(.logo) {
    filter: brightness(0) invert(0.6) sepia(1) saturate(5) hue-rotate(350deg) !important;
}

/* Footer down section */
body.dark-mode .footer-down {
    background-color: #0f0f23 !important;
    border-top: 1px solid #0f3460 !important;
}

body.dark-mode .footer-down a {
    color: #ef8010 !important;
}

body.dark-mode .footer-down a:hover {
    color: #ff9933 !important;
}

/* Footer logo - keep visible */
body.dark-mode footer .logo,
body.dark-mode .footer-down .logo,
body.dark-mode footer img.logo {
    filter: brightness(1.2) !important;
}

/* Social icons in footer */
body.dark-mode footer .social a,
body.dark-mode footer .social i,
body.dark-mode .footer-down i {
    color: #b0b0b0 !important;
}

body.dark-mode footer .social a:hover,
body.dark-mode footer .social i:hover {
    color: #ef8010 !important;
}

/* Footer links list */
body.dark-mode footer ul li a {
    color: #ef8010 !important;
}

/* Video Recording Terms link */
body.dark-mode footer li a[href*="terms-upload"] {
    color: #ef8010 !important;
}

/* Footer email link with inline style override */
body.dark-mode footer a[style*="color: #333"],
body.dark-mode footer a[style*="color:#333"] {
    color: #b0b0b0 !important;
}

/* ======================================
   LOGO DARK MODE FIX
   Make logo visible on dark backgrounds
   ====================================== */

/* Header logo - brighten for dark mode */
body.dark-mode .navbar-brand img.logo,
body.dark-mode .navbar img.logo,
body.dark-mode header img.logo,
body.dark-mode .logo {
    filter: brightness(1.3) contrast(1.1) !important;
}

/* Footer logo - brighten more */
body.dark-mode footer img.logo,
body.dark-mode .footer-down img.logo {
    filter: brightness(1.5) contrast(1.2) !important;
}

/* If logo has dark text, invert/brighten it */
body.dark-mode img[src*="logo"]:not([src*="logo-white"]) {
    filter: brightness(1.4) !important;
}

/* Alternative: Add white glow around logo */
body.dark-mode .navbar-brand img,
body.dark-mode footer .logo {
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.3)) brightness(1.3) !important;
}

/* ======================================
   OFFER POPUP DARK MODE FIX
   ====================================== */

/* Popup overlay */
body.dark-mode .popup-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

/* Popup container */
body.dark-mode .popup-container {
    background: rgba(26, 26, 46, 0.98) !important;
    border: 1px solid #0f3460 !important;
}

/* Bundle features list */
body.dark-mode .bundle-features li {
    background: rgba(15, 52, 96, 0.5) !important;
    border: 1px solid #0f3460 !important;
}

/* Feature text */
body.dark-mode .feature-text,
body.dark-mode .feature-text h5,
body.dark-mode .feature-text p,
body.dark-mode .feature-text span,
body.dark-mode .bundle-features li span,
body.dark-mode .bundle-features li h5,
body.dark-mode .bundle-features li p {
    color: #e0e0e0 !important;
}

/* Feature titles */
body.dark-mode .bundle-features-title,
body.dark-mode .bundle-features-title span {
    color: #ffffff !important;
}

/* Feature icons */
body.dark-mode .feature-icon {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
}

body.dark-mode .feature-icon i {
    color: #ffffff !important;
}

/* Bundle price */
body.dark-mode .bundle-price,
body.dark-mode .price-number,
body.dark-mode .price-currency {
    color: #ffffff !important;
}

body.dark-mode .bundle-original-price {
    color: #888888 !important;
}

/* Bundle savings badge */
body.dark-mode .bundle-savings-badge {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
    color: #ffffff !important;
}

/* Popup titles */
body.dark-mode .popup-container h2,
body.dark-mode .popup-container h3,
body.dark-mode .popup-container h4 {
    color: #ffffff !important;
}

body.dark-mode .popup-container p {
    color: #b0b0b0 !important;
}

/* Claim offer button */
body.dark-mode .bundle-cta,
body.dark-mode .claim-offer-btn,
body.dark-mode [class*="claim"],
body.dark-mode [class*="cta-btn"] {
    background: linear-gradient(135deg, #ef8010, #b95f13) !important;
    color: #ffffff !important;
}

/* Limited spots text */
body.dark-mode .limited-spots,
body.dark-mode [class*="limited"] {
    color: #ef8010 !important;
}

/* Close button */
body.dark-mode .popup-close,
body.dark-mode .close-popup {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .popup-close:hover,
body.dark-mode .close-popup:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}