/* --- LIGHT MODE THEME ENGINE --- */
body.titan-light-mode {
    background-color: #ffffff;
    color: #1d1d1f;
}

/* 1. Navigation Bar - Light */
.titan-light-mode #titan_main_nav {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    backdrop-filter: blur(20px);
}
        
/* Top Menu Links - Black */
.titan-light-mode .titan_menu_list > li > a.titan_link { 
    color: #1d1d1f !important; 
    opacity: 0.8; 
}
.titan-light-mode .titan_menu_list > li:hover > a.titan_link { 
    opacity: 1; 
    color: #0071e3 !important;
}
        
/* --- LOGO FIXES --- */
        
/* Remove Grey Line with text-decoration */
.titan-light-mode .titan_logo {
    text-decoration: none !important;
    border: none !important;
    color: #1d1d1f; /* Ensure text part is dark if transparent */
}
        
/* Only invert the text and toggle button, NOT the logo image */
.titan-light-mode .titan_logo_text span {
    filter: invert(1); 
}
        
/* 2. DROPDOWN MENU FIXES */
.titan-light-mode .titan_dropdown { 
    background: #ffffff !important;
    border-bottom: 1px solid #d2d2d7; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.titan-light-mode .titan_dropdown .titan_col h4 { 
    color: #86868b !important;
    font-weight: 600;
}
.titan-light-mode .titan_dropdown .titan_col a { 
    color: #1d1d1f !important;
    font-weight: 600;
}
.titan-light-mode .titan_dropdown .titan_col a:hover { 
    color: #0071e3 !important; 
}

/* Cards Backgrounds */
.titan-light-mode .titan_card,
.titan-light-mode .titan_banner_section {
    background-color: #f5f5f7; 
    border: none;
}
        
/* Hero Background */
.titan-light-mode .titan_hero {
    background-color: #fff;
    color: #1d1d1f;
}
        
/* FORCE HERO IMAGE VISIBILITY */
.titan-light-mode .titan_background_wrapper {
    z-index: 0 !important; 
}
        
.titan-light-mode .titan_hero .titan_bg_img {
    opacity: 1 !important; 
}

.titan-light-mode .titan_hero_content {
    z-index: 10 !important;
}

/* Buttons */
.titan-light-mode .titan_btn_primary {
    background: #0071e3;
    color: #fff;
    font-size: 20px;
}
.titan-light-mode .titan_btn_primary:hover {
    background: #0077ed;
}

/* Footer */
.titan-light-mode .titan_footer {
    background: #f5f5f7;
    color: #86868b;
    border-top: 1px solid #d2d2d7;
}

/* Chapter Navigation */
.titan-chapter-nav { position: relative; background-color: #fff; width: 100%; padding-top: 80px; padding-bottom: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; border-bottom: 1px solid rgba(0,0,0,0.08); }
.titan-chapter-nav::-webkit-scrollbar { display: none; }
.chapter-list { display: flex; justify-content: center; gap: 40px; min-width: max-content; padding: 0 20px; margin: 0 auto; max-width: 1000px; }
.chapter-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #1d1d1f; transition: color 0.2s; min-width: 70px; }
.chapter-item:hover { color: #0071e3; }
.chapter-icon { width: 50px; height: 50px; margin-bottom: 8px; transition: transform 0.2s ease; display: block; }
.chapter-item:hover .chapter-icon { transform: translateY(-3px); }
svg.chapter-icon { color: #1d1d1f; }
img.chapter-icon { object-fit: contain; border-radius: 5px; }
i.chapter-icon { font-size: 36px; line-height: 50px; text-align: center; color: #1d1d1f; }
.chapter-item:hover i.chapter-icon { color: #0071e3; }
.chapter-label { font-size: 12px; font-weight: 400; line-height: 1.2; color: #1d1d1f; }
.chapter-badge { font-size: 10px; font-weight: 400; display: block; margin-top: 2px; }
.badge-new {  color: #bf4800;  }
.badge-soon { color: #e30000; }

/* Zoom Modal Styles */
.titan-zoom-trigger { cursor: zoom-in; }
.titan-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px); z-index: 10000; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s; }
.titan-modal-overlay.active { opacity: 1; visibility: visible; }
.titan-modal-toolbar { position: absolute; top: 30px; right: 30px; z-index: 10001; display: flex; gap: 10px; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 50px; }
.titan-modal-btn { width: 40px; height: 40px; border-radius: 50%; border: none; background: #fff; color: #1d1d1f; font-size: 18px; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: transform 0.2s, background 0.2s; display: flex; align-items: center; justify-content: center; }
.titan-modal-btn:hover { transform: scale(1.1); background: #f5f5f7; }
.titan-modal-image-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
#titan-modal-img { max-width: 90%; max-height: 90%; object-fit: contain; transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.2); }


/* --- MOBILE MENU LIGHT MODE --- */
@media (max-width: 900px) {
    /* 1. Change Background to White (overrides black) */
    .titan-light-mode .titan_menu_list {
        background: #ffffff !important;
        border-top: 1px solid #e5e5e5;
    }

    /* 2. Change Link Text Color to Dark */
    .titan-light-mode .titan_menu_list > li {
        border-bottom: 1px solid #f0f0f0; /* Subtle separator */
    }
    .titan-light-mode .titan_menu_list > li > a.titan_link {
        color: #1d1d1f !important;
        opacity: 1;
    }

    /* 3. Handle Mobile Dropdowns */
    /* Ensure dropdowns inside mobile menu also have light backgrounds */
    .titan-light-mode .titan_dropdown {
        background: #fbfbfd !important; /* Slightly off-white to distinguish */
        border-bottom: 1px solid #e5e5e5;
    }
            
    /* Ensure Toggle/Hamburger color is black */
    .titan-light-mode .titan_mobile_toggle span {
        background: #000 !important;
        filter: none; 
    }

}