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

/* Dark Mode Toggle - Contrast Circle Icon */
.theme-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.35s ease;
    color: #4d267c;
    background: rgba(77, 38, 124, 0.08);
    border: 1.5px solid rgba(77, 38, 124, 0.25);
    flex-shrink: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.theme-toggle-btn:hover {
    background: rgba(77, 38, 124, 0.15);
    border-color: rgba(77, 38, 124, 0.4);
    transform: scale(1.1);
    box-shadow: 0 0 12px rgba(77, 38, 124, 0.15);
}

.theme-toggle-btn:active {
    transform: scale(0.95);
}

.theme-toggle-icon {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
}

.theme-toggle-btn:hover .theme-toggle-icon {
    transform: rotate(180deg);
}

/* Dark mode active state for toggle */
body.dark-mode .theme-toggle-btn {
    color: #e2e8f0;
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.2);
}

body.dark-mode .theme-toggle-btn:hover {
    background: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.35);
    box-shadow: 0 0 14px rgba(239, 128, 16, 0.2);
}

/* Mobile size */
@media (max-width: 768px) {
    .theme-toggle-btn {
        width: 32px;
        height: 32px;
    }
    .theme-toggle-icon {
        width: 18px;
        height: 18px;
    }
}

/* ======================================
   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 - exclude popup and counter elements */
body.dark-mode section:not(.pop-layout):not(.counter),
body.dark-mode div:not(#staticBackdrop *):not(.video-js *):not(.vjs-poster):not(.popup-overlay):not(.popup-overlay *):not(.popup-container):not(.popup-container *):not(#magic):not(#magic *),
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: none;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

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 rgba(15, 52, 96, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

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: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important;
    color: #e0e0e0 !important;
}

body.dark-mode .course-widget .item {
    border-bottom: 1px solid rgba(15, 52, 96, 0.3) !important;
}

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

body.dark-mode .lessons-details .item {
    background-color: #1a1a2e !important;
    border: none !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !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 rgba(15, 52, 96, 0.5) !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: none !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !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: none !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: #16213e !important;
    border: none !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4) !important;
    color: #e0e0e0 !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid rgba(15, 52, 96, 0.4) !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid rgba(15, 52, 96, 0.4) !important;
}

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

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

/* Video Modal Specific Styles - Fix for dark mode video visibility */
body.dark-mode #staticBackdrop .modal-content {
    background-color: #1a1a2e !important;
}

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

body.dark-mode #staticBackdrop .modal-body {
    background-color: transparent !important;
    padding: 0 !important;
}

body.dark-mode #staticBackdrop .modal-body * {
    background-color: transparent !important;
}

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

/* Video.js player - ensure video is visible in dark mode */
body.dark-mode .video-js,
body.dark-mode .video-js .vjs-tech,
body.dark-mode #staticBackdrop video,
body.dark-mode #staticBackdrop iframe,
body.dark-mode #staticBackdrop .modal-body video {
    background-color: #000 !important;
}

/* Video container wrapper - must be transparent */
body.dark-mode #staticBackdrop .modal-body div,
body.dark-mode #staticBackdrop .modal-dialog,
body.dark-mode .video-js div {
    background-color: transparent !important;
}

/* Ensure video element itself is not affected by dark mode filters */
body.dark-mode video,
body.dark-mode iframe,
body.dark-mode .vjs-poster {
    filter: none !important;
    opacity: 1 !important;
    background-color: #000 !important;
}

/* Not allowed message in video modal */
body.dark-mode #staticBackdrop .not-allow {
    color: #fff !important;
    background-color: #1a1a2e !important;
    padding: 20px !important;
}

body.dark-mode #staticBackdrop .not-allow img {
    filter: invert(1) !important;
}

/* Price Section */
body.dark-mode .price-summary {
    background-color: #1a1a2e !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !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: none !important;
}

body.dark-mode footer .item {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 20px 15px !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: none !important;
    border-top-color: transparent !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,
body.dark-mode .social-icons i {
    filter: brightness(0.8) invert(0.8);
}

body.dark-mode .social-icons img:hover,
body.dark-mode .social-icons i: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: #1a1a2e !important;
    border: 1px solid #2d2d44 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

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

body.dark-mode #search-results::-webkit-scrollbar-thumb {
    background: #3d3d5c !important;
}

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

body.dark-mode .search-result {
    background-color: #1a1a2e !important;
    border-bottom-color: #2d2d44 !important;
}

body.dark-mode .search-result:hover {
    background-color: #252545 !important;
    border-left-color: #ef8010 !important;
    border-right-color: #ef8010 !important;
}

body.dark-mode .search-result .item-details h3 {
    color: #e0e0e0 !important;
}

body.dark-mode .search-result:hover .item-details h3 {
    color: #ef8010 !important;
}

body.dark-mode .search-result .item-details p,
body.dark-mode .search-result .item-details .item-summary {
    color: #a0a0a0 !important;
}

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

body.dark-mode #search-results a:hover {
    background-color: #252545 !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: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !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) {
    .theme-toggle-btn {
        margin-left: 5px;
    }
}

/* 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: none !important;
    border-top-color: transparent !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: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

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: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !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: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !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;
}

/* Achievements Section - seamless with page background */
body.dark-mode .achievements-section {
    background-color: #1a1a2e !important;
    border: none !important;
    box-shadow: none !important;
}
body.dark-mode .achievements-title {
    color: #ffffff !important;
}
body.dark-mode .achievements-title .achievements-title-en {
    color: #ef8010 !important;
}
body.dark-mode .achievements-img {
    border: none !important;
    box-shadow: none !important;
    outline: none !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;
    border: none !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: none !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.35) !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 - exclude bundle popup elements */
body.dark-mode .feature-box:not(.bundle-popup-content *), 
body.dark-mode .icon-box:not(.bundle-popup-content *),
body.dark-mode .service-box:not(.bundle-popup-content *) {
    background-color: #16213e !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !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: rgba(15, 52, 96, 0.3) !important;
}

body.dark-mode .nav-tabs .nav-link {
    color: #b0b0b0 !important;
    border-color: rgba(15, 52, 96, 0.3) !important;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: rgba(15, 52, 96, 0.3) !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: rgba(15, 52, 96, 0.3) !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;
}

/* Counter / Stats section - keep original beige/natural background */
/* Force white base so the beige ::before overlay looks correct */
body.dark-mode .counter#magic {
    background-color: #ffffff !important;
}

body.dark-mode .counter#magic::before {
    background-color: #F9F5EF !important;
    opacity: 0.4 !important;
}

/* Reset all children - remove dark card/item styling */
body.dark-mode .counter#magic *,
body.dark-mode .counter#magic .contain,
body.dark-mode .counter#magic .row,
body.dark-mode .counter#magic .col-md-8 {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Counter items - remove dark card styling */
body.dark-mode .counter#magic .item {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: inherit !important;
}

/* Restore original text colors */
body.dark-mode .counter#magic h2 {
    color: #252525 !important;
    background-color: transparent !important;
}

body.dark-mode .counter#magic h2 span {
    color: #ef8022 !important;
}

body.dark-mode .counter#magic .Single {
    color: #c9104c !important;
    background-color: transparent !important;
}

body.dark-mode .counter#magic h5 {
    color: #252525 !important;
    background-color: transparent !important;
}

body.dark-mode .counter#magic p {
    color: #252525 !important;
}

/* Decorative shape images inside counter - keep visible */
body.dark-mode .counter#magic .shape4,
body.dark-mode .counter#magic .shape13,
body.dark-mode .counter#magic .shape14,
body.dark-mode .counter#magic .shape15,
body.dark-mode .counter#magic .shape4 img,
body.dark-mode .counter#magic .shape13 img,
body.dark-mode .counter#magic .shape14 img,
body.dark-mode .counter#magic .shape15 img {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !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: #0f0f1a !important;
}

/* Footer contact boxes - seamless with footer bg */
body.dark-mode footer .item,
body.dark-mode footer .col-4,
body.dark-mode footer .container > .row > div {
    background-color: transparent !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !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: #0f0f1a !important;
    border: none !important;
    border-top: none !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 - ensure visibility */
body.dark-mode .navbar-brand img.logo,
body.dark-mode .navbar-brand img {
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !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;
}

/* ======================================
   EVENTS POPUP - Keep Original Light Styling
   (Excluded from dark mode overrides)
   ====================================== */

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

/* Force popup container and ALL children to keep original light styling */
body.dark-mode .popup-container,
body.dark-mode .popup-container * {
    color: unset;
    background-color: unset;
}

/* Restore the original popup-container white bg */
body.dark-mode .popup-container {
    background: rgba(255, 255, 255, 0.98) !important;
    border: none !important;
}

/* Restore original content-section gradient */
body.dark-mode .popup-container .content-section {
    background: linear-gradient(135deg, #4d267c 0%, #c9104c 100%) !important;
    color: white !important;
}

body.dark-mode .popup-container .content-section * {
    color: white !important;
}

body.dark-mode .popup-container .content-section .countdown-number {
    color: #ffd89b !important;
}

body.dark-mode .popup-container .content-section .highlight {
    -webkit-text-fill-color: transparent !important;
}

/* Slider section keeps white bg */
body.dark-mode .popup-container .slider-section {
    background: #ffffff !important;
}

/* Close button stays visible */
body.dark-mode .popup-container .close-btn {
    color: #333 !important;
    background: transparent !important;
}

/* Pop-layout wrapper - transparent */
body.dark-mode .pop-layout {
    background: transparent !important;
}

/* Bundle Popup - Override all feature selectors */
body.dark-mode .bundle-popup-content .bundle-features,
body.dark-mode .bundle-popup-content .bundle-features li,
body.dark-mode .bundle-popup-content .feature-icon,
body.dark-mode .bundle-popup-content .feature-text,
body.dark-mode .bundle-popup-content [class*="feature"] {
    border: none !important;
    box-shadow: none !important;
}

/* Bundle features list */
body.dark-mode .bundle-features li {
    background: rgba(15, 52, 96, 0.3) !important;
    border: none !important;
    box-shadow: none !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;
    border: none !important;
    background: transparent !important;
}

/* Bundle body - remove white background */
body.dark-mode .bundle-body {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

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

/* Bundle features list - no borders */
body.dark-mode .bundle-features {
    border: none !important;
    border-top: none !important;
    border-bottom: none !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 - keep original colors (handled above) */

/* 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;
}

/* ======================================
   TERMS & CONDITIONS - CERTIFICATES SECTION
   Dark mode for certificates disclaimer
   ====================================== */

/* Certificates disclaimer box in terms page */
body.dark-mode .certificates-box {
    background: #16213e !important;
    border-top-color: #ef8010 !important;
}

/* Certificates section heading */
body.dark-mode .certificates-box h4 {
    color: #ef8010 !important;
}

/* Certificates section text */
body.dark-mode .certificates-box p {
    color: #e0e0e0 !important;
}

body.dark-mode .certificates-box span {
    color: #e0e0e0 !important;
}

/* ======================================
   DECISION BOXES - DARK MODE FIX
   Keep buttons readable in dark mode
   ====================================== */

/* Beneficiary button: white bg + purple text must stay visible */
body.dark-mode .decision-box.beneficiary .decision-btn {
    background: #ffffff !important;
    color: #4d267c !important;
    border: 2px solid #ffffff !important;
}

body.dark-mode .decision-box.beneficiary .decision-btn span,
body.dark-mode .decision-box.beneficiary .decision-btn * {
    color: #4d267c !important;
}

body.dark-mode .decision-box.beneficiary .decision-btn:hover {
    background: #f0e6ff !important;
    color: #4d267c !important;
}

body.dark-mode .decision-box.beneficiary .decision-btn:hover span,
body.dark-mode .decision-box.beneficiary .decision-btn:hover * {
    color: #4d267c !important;
}

/* Supporter button: orange bg + white text */
body.dark-mode .decision-box.supporter .decision-btn {
    background: #ef8010 !important;
    color: #ffffff !important;
}

/* Decision box text stays white on gradient backgrounds */
body.dark-mode .decision-box .decision-title,
body.dark-mode .decision-box .decision-desc,
body.dark-mode .decision-box .decision-icon {
    color: #ffffff !important;
}

/* ======================================
   SUPPORT CARD - FORCE LIGHT MODE
   Keep white card readable in dark mode
   ====================================== */

/* Card itself stays white */
body.dark-mode .support-card {
    background: #ffffff !important;
    color: #000000 !important;
    color-scheme: light !important;
}

/* All text inside support card = dark */
body.dark-mode .support-card *:not(.checkout-btn):not(.checkout-btn *):not(.gift-btn.plus):not(.decision-btn) {
    color: #000000 !important;
}

/* Headings inside support card */
body.dark-mode .support-card .support-title,
body.dark-mode .support-card h2,
body.dark-mode .support-card h4 {
    color: #4d267c !important;
}

/* Subtitle */
body.dark-mode .support-card .support-subtitle,
body.dark-mode .support-card .support-subtitle span {
    color: #000000 !important;
}

/* Gift selector section */
body.dark-mode .support-card .gift-selector {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
}

body.dark-mode .support-card .gift-label,
body.dark-mode .support-card .gift-label span {
    color: #000000 !important;
}

body.dark-mode .support-card .gift-count {
    color: #4d267c !important;
}

body.dark-mode .support-card .gift-count-label,
body.dark-mode .support-card .gift-count-label span {
    color: #000000 !important;
}

body.dark-mode .support-card .gift-price {
    color: #ef8010 !important;
}

body.dark-mode .support-card .gift-price span {
    color: #000000 !important;
}

body.dark-mode .support-card .gift-btn.minus {
    background: #e9ecef !important;
    color: #000000 !important;
}

body.dark-mode .support-card .gift-btn.plus {
    background: #4d267c !important;
    color: #ffffff !important;
}

/* Bundle contents section */
body.dark-mode .support-card div[style*="background: linear-gradient"] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
}

body.dark-mode .support-card ul li,
body.dark-mode .support-card ul li span {
    color: #000000 !important;
}

/* Corporate sponsor section */
body.dark-mode .support-card .corporate-check {
    background: #f8f9fa !important;
}

body.dark-mode .support-card .corporate-check label,
body.dark-mode .support-card .corporate-check label span {
    color: #000000 !important;
}

body.dark-mode .support-card .corporate-fields {
    background: #f8f9fa !important;
    color: #000000 !important;
}

/* Form inputs inside support card */
body.dark-mode .support-card input,
body.dark-mode .support-card textarea,
body.dark-mode .support-card select {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #e9ecef !important;
}

body.dark-mode .support-card input:focus,
body.dark-mode .support-card textarea:focus,
body.dark-mode .support-card select:focus {
    border-color: #4d267c !important;
    box-shadow: 0 0 0 0.2rem rgba(77, 38, 124, 0.25) !important;
}

body.dark-mode .support-card label {
    color: #000000 !important;
}

/* Pricing clarification */
body.dark-mode .support-card p[style*="border-top"],
body.dark-mode .support-card p[style*="border-top"] span {
    color: #000000 !important;
}

body.dark-mode .support-card p[style*="border-top"] strong {
    color: #4d267c !important;
}

/* Refund policy notice */
body.dark-mode .support-card div[style*="background: #fff8e1"] {
    background: #fff8e1 !important;
}

body.dark-mode .support-card div[style*="background: #fff8e1"] p,
body.dark-mode .support-card div[style*="background: #fff8e1"] span,
body.dark-mode .support-card div[style*="background: #fff8e1"] strong {
    color: #856404 !important;
}

/* Checkout button stays purple with white text */
body.dark-mode .support-card .checkout-btn {
    background: linear-gradient(135deg, #4d267c, #6b3a9e) !important;
    color: #ffffff !important;
}

body.dark-mode .support-card .checkout-btn span,
body.dark-mode .support-card .checkout-btn i {
    color: #ffffff !important;
}

/* Info box */
body.dark-mode .support-card .info-box {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
}

body.dark-mode .support-card .info-box i {
    color: #4d267c !important;
}

body.dark-mode .support-card .info-text,
body.dark-mode .support-card .info-text span {
    color: #000000 !important;
}

body.dark-mode .support-card .info-text strong {
    color: #4d267c !important;
}

/* Coupon preview */
body.dark-mode .support-card .coupon-preview {
    background: #ffffff !important;
}

body.dark-mode .support-card .sample-coupon {
    background: #f8f9fa !important;
    color: #000000 !important;
}

body.dark-mode .support-card .sample-coupon code {
    background: #4d267c !important;
    color: #ffffff !important;
}

/* Logo upload */
body.dark-mode .support-card .logo-upload {
    color: #000000 !important;
    background: transparent !important;
}

body.dark-mode .support-card .logo-upload i {
    color: #4d267c !important;
}

/* ======================================
   BUNDLE POPUP OVERLAY - BLUR EFFECT
   ====================================== */

/* Make bundle popup overlay transparent with blur in dark mode */
body.dark-mode .bundle-popup-overlay {
    background: rgba(15, 23, 42, 0.3) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Ensure popup content is visible and has nice contrast */
body.dark-mode .bundle-popup-content {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%) !important;
    border: none !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(239, 128, 16, 0.15) !important;
}

/* Bundle header styling */
body.dark-mode .bundle-header {
    background: linear-gradient(135deg, rgba(77, 38, 124, 0.4), rgba(239, 128, 16, 0.3)) !important;
}

body.dark-mode .bundle-main-title,
body.dark-mode .bundle-main-title span {
    color: #ffffff !important;
}

body.dark-mode .bundle-subtitle,
body.dark-mode .bundle-subtitle span {
    color: #e0e0e0 !important;
}

/* Price box styling */
body.dark-mode .bundle-price-box {
    background: rgba(22, 33, 62, 0.8) !important;
}

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;
}

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

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

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

/* CTA Button */
body.dark-mode .bundle-cta-btn {
    background: linear-gradient(135deg, #ef8010, #f59e0b) !important;
    color: #ffffff !important;
}

/* Footer note */
body.dark-mode .bundle-footer-note {
    color: #aaaaaa !important;
}

/* ======================================
   MASTER BORDER REMOVAL - FINAL OVERRIDE
   Removes ALL sharp borders in dark mode
   Placed at bottom to override everything above
   ====================================== */

/* Remove all borders from main page sections, containers, cards */
body.dark-mode section,
body.dark-mode .container,
body.dark-mode .row,
body.dark-mode [class*="col-"],
body.dark-mode .card,
body.dark-mode .item:not(.dropdown-item),
body.dark-mode .course-item,
body.dark-mode .course-widget,
body.dark-mode .course-owner,
body.dark-mode .feature-box,
body.dark-mode .icon-box,
body.dark-mode .service-box,
body.dark-mode .pricing-card,
body.dark-mode .price-card,
body.dark-mode .plan-card {
    border: none !important;
    outline: none !important;
}

/* Remove ALL footer borders completely */
body.dark-mode footer,
body.dark-mode footer *,
body.dark-mode .footer,
body.dark-mode .footer *,
body.dark-mode .footer-down,
body.dark-mode .footer-down *,
body.dark-mode footer .item,
body.dark-mode footer .col-4,
body.dark-mode footer .col-md-4,
body.dark-mode footer .container,
body.dark-mode footer .container > .row,
body.dark-mode footer .container > .row > div,
body.dark-mode footer .row.justify-content-md-center,
body.dark-mode footer .row.justify-content-md-center > div {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Footer items should be transparent - blend with footer bg */
body.dark-mode footer .item,
body.dark-mode footer .col-4 .item,
body.dark-mode footer .row .item {
    background-color: transparent !important;
}

/* Unified footer background */
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;
}

/* Remove hr borders in footer */
body.dark-mode footer hr,
body.dark-mode .footer hr,
body.dark-mode .footer-down hr {
    border: none !important;
    border-color: transparent !important;
    opacity: 0 !important;
}

/* Keep form input borders subtle (functional) */
body.dark-mode .form-control,
body.dark-mode input:not([type="checkbox"]):not([type="radio"]),
body.dark-mode textarea,
body.dark-mode select {
    border: 1px solid rgba(15, 52, 96, 0.3) !important;
}

/* Keep dropdown/modal borders very subtle for usability */
body.dark-mode .dropdown-menu {
    border: 1px solid rgba(15, 52, 96, 0.15) !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid rgba(15, 52, 96, 0.2) !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid rgba(15, 52, 96, 0.2) !important;
}

/* Remove any inline border-top dividers */
body.dark-mode [style*="border-top"],
body.dark-mode [style*="border-bottom"] {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Course widget item separators - very subtle */
body.dark-mode .course-widget .item {
    border-bottom: 1px solid rgba(15, 52, 96, 0.15) !important;
}

/* Achievements section - ensure no borders */
body.dark-mode .achievements-section,
body.dark-mode .achievements-section * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Contact section items - transparent bg */
body.dark-mode .contact-section,
body.dark-mode .contact-box,
body.dark-mode .contact-item,
body.dark-mode [class*="contact"]:not(a):not(button) {
    border: none !important;
    box-shadow: none !important;
}

/* ======================================
   BUNDLE POPUP - BORDER FIX (Dark Mode)
   ====================================== */

/* Remove sharp border on subtitle box */
body.dark-mode .bundle-subtitle-box {
    border: none !important;
    box-shadow: none !important;
    background: rgba(15, 52, 96, 0.35) !important;
    border-radius: 12px !important;
}

/* Popup content - smooth border */
body.dark-mode .bundle-popup-content {
    border: none !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.5) !important;
    border-radius: 20px !important;
    overflow: hidden;
}

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

/* Popup header - seamless */
body.dark-mode .bundle-popup-header {
    border: none !important;
    border-bottom: none !important;
}

/* Popup close button */
body.dark-mode .bundle-close-btn {
    border: none !important;
    box-shadow: none !important;
}

/* Popup CTA button */
body.dark-mode .bundle-cta-button {
    border: none !important;
}

/* All popup inner elements - no borders */
body.dark-mode .bundle-popup-content *:not(.bundle-cta-button) {
    border-color: transparent !important;
}

/* ======================================
   SUCCESS PARTNERS - BORDER FIX (Dark Mode)
   ====================================== */

/* Partners section background */
body.dark-mode .partners {
    background-color: #1a1a2e !important;
    border: none !important;
}

/* Partner logos - give white card background with rounded corners */
body.dark-mode .partners img,
body.dark-mode .partners .owl-item img,
body.dark-mode .partners .owl-carousel .owl-item img,
body.dark-mode .owl-partners img,
body.dark-mode .owl-partners .owl-item img {
    border: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
    outline: none !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 8px !important;
}

/* Partner item containers */
body.dark-mode .partners .owl-item,
body.dark-mode .owl-partners .owl-item,
body.dark-mode .partners .item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Partners owl stage */
body.dark-mode .partners .owl-stage-outer,
body.dark-mode .partners .owl-stage {
    background: transparent !important;
    border: none !important;
}

/* Partners section title */
body.dark-mode .partners h2,
body.dark-mode .partners h3,
body.dark-mode .partners .section-title {
    color: #ffffff !important;
    border: none !important;
}

/* Partner nav dots */
body.dark-mode .partners .owl-dots .owl-dot span {
    background: rgba(239, 128, 16, 0.4) !important;
    border: none !important;
}

body.dark-mode .partners .owl-dots .owl-dot.active span {
    background: #ef8010 !important;
}

/* ======================================
   ADDITIONAL BORDER CLEANUP (Dark Mode)
   ====================================== */

/* Remove any remaining sharp borders on sections */
body.dark-mode section {
    border: none !important;
}

/* Card hover states - no sharp borders */
body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .card-header,
body.dark-mode .card-footer {
    border-color: rgba(15, 52, 96, 0.2) !important;
}

/* Remove borders from image containers */
body.dark-mode figure,
body.dark-mode .img-thumbnail {
    border: none !important;
    background: transparent !important;
}

/* List group items */
body.dark-mode .list-group-item {
    border-color: rgba(15, 52, 96, 0.2) !important;
    background-color: #16213e !important;
}

/* Table borders - subtle */
body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
    border-color: rgba(15, 52, 96, 0.25) !important;
}

/* Breadcrumb, pagination */
body.dark-mode .breadcrumb,
body.dark-mode .pagination .page-link {
    border-color: rgba(15, 52, 96, 0.2) !important;
}

/* Remove borders on feature/service boxes */
body.dark-mode [class*="box"]:not(select):not(input):not(textarea) {
    border-color: transparent !important;
}

/* Alert boxes - keep functional but subtle */
body.dark-mode .alert {
    border-color: rgba(15, 52, 96, 0.3) !important;
}

/* ======================================
   Payment Required Section (course-dashboard)
   All inline styles overridden with !important
   ====================================== */

/* Card container */
body.dark-mode #paymentRequiredSection {
    background: #1e1e1e !important;
    border-color: #c9104c !important;
}

/* Card body gradient - override inline white gradient */
body.dark-mode #paymentRequiredSection .card-body {
    background: linear-gradient(135deg, #2a1020, #1e1e1e) !important;
}

/* All text inside the card - override to light */
body.dark-mode #paymentRequiredSection .card-body *,
body.dark-mode #paymentRequiredSection .card-body p,
body.dark-mode #paymentRequiredSection .card-body span:not(.btn *),
body.dark-mode #paymentRequiredSection .card-body label {
    color: #d0d0d0 !important;
}

/* "Payment Required" heading - keep pink, just lighter */
body.dark-mode #paymentRequiredSection h5 {
    color: #ff6b9d !important;
}

/* The coupon box background */
body.dark-mode #paymentRequiredSection [style*="background: #f8f9fa"],
body.dark-mode #paymentRequiredSection [style*="background:#f8f9fa"] {
    background: #2a2a2a !important;
    border-color: #444 !important;
}

/* "Have a coupon code?" label */
body.dark-mode #paymentRequiredSection [style*="color: #555"],
body.dark-mode #paymentRequiredSection [style*="color:#555"] {
    color: #bbbbbb !important;
}

/* Original price label */
body.dark-mode #paymentRequiredSection [style*="color:#888"],
body.dark-mode #paymentRequiredSection [style*="color: #888"] {
    color: #aaaaaa !important;
}

/* "First lesson free" footer text */
body.dark-mode #paymentRequiredSection [style*="color: #999"],
body.dark-mode #paymentRequiredSection [style*="color:#999"] {
    color: #888888 !important;
}

/* Discount price in red */
body.dark-mode #paymentRequiredSection [style*="color: #c9104c"],
body.dark-mode #paymentRequiredSection [style*="color:#c9104c"] {
    color: #ff6b9d !important;
}

/* Coupon input field */
body.dark-mode #dashboard_coupon_code {
    background: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

body.dark-mode #dashboard_coupon_code::placeholder {
    color: #888 !important;
}

/* Events popup rules consolidated above - no duplicate rules here */