/** * QUADHELIX CORE — Frontend dark mode * Activated via data-theme="dark" on */ /* Theme-aware logos (light default, dark variant when toggled) */ .theme-logo { height: auto; max-width: 100%; } .theme-logo-light { display: block; } .theme-logo-dark { display: none; } html:not([data-theme="dark"]) .theme-logo-dark { display: none !important; } html[data-theme="dark"] .theme-logo-light { display: none !important; } html[data-theme="dark"] .theme-logo-dark { display: block; } [data-theme="dark"] .preloader { background-color: #0b1220; } [data-theme="dark"] { --glass-bg: rgba(15, 23, 42, 0.55); --glass-bg-strong: rgba(30, 41, 59, 0.72); --glass-border: rgba(148, 163, 184, 0.18); --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.25); --glass-shadow-emboss: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 28px rgba(0, 0, 0, 0.35); --glass-primary-glow: 0 0 28px rgba(34, 176, 175, 0.45); --dm-page-bg: #0b1220; --dm-page-bg-alt: #111827; --dm-text: #e2e8f0; --dm-text-muted: #94a3b8; --dm-heading: #f1f5f9; --dm-input-bg: rgba(15, 23, 42, 0.85); --dm-input-border: rgba(148, 163, 184, 0.22); --dm-surface: rgba(30, 41, 59, 0.75); --dm-divider: rgba(148, 163, 184, 0.14); --base-color: #cbd5e1; --heading-color: #f1f5f9; --light-color: #1e293b; } [data-theme="dark"] body, [data-theme="dark"] .page-wrapper { background-color: var(--dm-page-bg); color: var(--dm-text); } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] h1 a, [data-theme="dark"] h2 a, [data-theme="dark"] h3 a, [data-theme="dark"] h4 a, [data-theme="dark"] h5 a, [data-theme="dark"] h6 a, [data-theme="dark"] .page-title, [data-theme="dark"] .section-title h2, [data-theme="dark"] .section-title h3, [data-theme="dark"] .section-title h4 { color: #f8fafc !important; } [data-theme="dark"] p, [data-theme="dark"] .text-muted, [data-theme="dark"] .breadcrumb-item, [data-theme="dark"] .breadcrumb-item a { color: var(--dm-text-muted); } [data-theme="dark"] .section-title p, [data-theme="dark"] .section-title span:not(.line):not(.bridge-dash):not(.bridge-node) { color: #cbd5e1 !important; } [data-theme="dark"] .breadcrumb-item.active { color: var(--dm-text); } /* Override glass-future light section gradients (full background, not just background-color) */ html[data-theme="dark"] .bg-lighter:not(.footer-section), html[data-theme="dark"] .feature-section, html[data-theme="dark"] .events-section, html[data-theme="dark"] .category-section, html[data-theme="dark"] .about-section, html[data-theme="dark"] .client-logo-area, html[data-theme="dark"] .event-page-section, html[data-theme="dark"] .event-details-section, html[data-theme="dark"] .blog-page-section, html[data-theme="dark"] .custom-page-area, html[data-theme="dark"] .cart-page, html[data-theme="dark"] .checkout-area, html[data-theme="dark"] .checkout-area-v2, html[data-theme="dark"] .shop-details-area, html[data-theme="dark"] .author-area, html[data-theme="dark"] .user-dashbord, html[data-theme="dark"] .glass-section:not(.testimonial-section), [data-theme="dark"] .login-area, [data-theme="dark"] .signup-area, [data-theme="dark"] .contact-area, [data-theme="dark"] .faq-area, [data-theme="dark"] .about-area, [data-theme="dark"] .blog-area, [data-theme="dark"] .shop-area, [data-theme="dark"] .event-area { background: linear-gradient(180deg, #0b1220 0%, #111827 100%) !important; } [data-theme="dark"] .glass-card, [data-theme="dark"] .feature-item.glass-card, [data-theme="dark"] .testimonial-item.glass-card, [data-theme="dark"] .work-process-inner.glass-panel { background: var(--glass-bg-strong) !important; border-color: var(--glass-border) !important; } [data-theme="dark"] .feature-item.glass-card p { color: var(--dm-text-muted); } [data-theme="dark"] .main-header, [data-theme="dark"] .main-header.fixed-header, [data-theme="dark"] .main-header .header-upper { background: rgba(11, 18, 32, 0.92) !important; border-bottom: 1px solid var(--dm-divider); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .main-header .navigation > li > a, [data-theme="dark"] .main-header .menu-right .menu-btn { color: var(--dm-text) !important; } html[data-theme="dark"] .main-menu .navigation li ul { background: rgba(17, 24, 39, 0.98) !important; border: 1px solid rgba(148, 163, 184, 0.18); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important; } html[data-theme="dark"] .main-menu .navigation li ul li { border-bottom-color: rgba(148, 163, 184, 0.12) !important; } html[data-theme="dark"] .main-menu .navigation li ul li a { color: #e2e8f0 !important; } html[data-theme="dark"] .main-menu .navigation li ul li a:hover { color: #5eead4 !important; } [data-theme="dark"] .main-header .auth-menu-right .lang-form select, [data-theme="dark"] .main-header .currency-select-symbols { background: var(--dm-input-bg) !important; border-color: var(--dm-input-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .main-header .auth-menu-right .ui-selectmenu-button.ui-button, [data-theme="dark"] .menu-right .ui-selectmenu-button.ui-button { color: #fff !important; background: transparent !important; } [data-theme="dark"] .main-header .auth-menu-right .ui-selectmenu-text, [data-theme="dark"] .menu-right .ui-selectmenu-text { color: #fff !important; } [data-theme="dark"] .main-header .auth-menu-right .ui-selectmenu-text::before, [data-theme="dark"] .menu-right .ui-selectmenu-text::before { color: #fff !important; } [data-theme="dark"] .auth-dropdown-menu { background: rgba(30, 41, 59, 0.95) !important; border-color: var(--glass-border) !important; } [data-theme="dark"] .auth-dropdown-menu .dropdown-item { color: var(--dm-text); } [data-theme="dark"] .auth-dropdown-menu .dropdown-item:hover { background: rgba(34, 176, 175, 0.12); color: #fff; } [data-theme="dark"] .auth-dropdown-menu .dropdown-header { color: var(--dm-text-muted); } html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .links li a { color: #fff !important; } html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .links li a:hover, html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .links li a.active { color: var(--portal-sidebar-hover-text, var(--primary-color, #22b0af)) !important; } html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .sidebar-user-meta, html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .sidebar-user-meta .font-weight-bold, html[data-theme="dark"] .portal-sidebar-section.glass-sidebar .sidebar-user-meta .text-muted { color: #fff !important; } [data-theme="dark"] .main-footer, [data-theme="dark"] .footer-bottom { background: #070d18 !important; color: var(--dm-text-muted); } [data-theme="dark"] .main-footer h3, [data-theme="dark"] .main-footer h4, [data-theme="dark"] .main-footer .widget-title { color: var(--dm-heading); } [data-theme="dark"] .main-footer a { color: var(--dm-text-muted); } [data-theme="dark"] .main-footer a:hover { color: var(--primary-color); } [data-theme="dark"] .form-control, [data-theme="dark"] input.form-control, [data-theme="dark"] textarea.form-control, [data-theme="dark"] select.form-control { background: var(--dm-input-bg) !important; border-color: var(--dm-input-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .form-control::placeholder { color: #64748b !important; } [data-theme="dark"] .form-control:focus { border-color: rgba(34, 176, 175, 0.55) !important; box-shadow: 0 0 0 3px rgba(34, 176, 175, 0.15) !important; } [data-theme="dark"] label { color: var(--dm-text-muted); } [data-theme="dark"] .page-banner.overlay:before { opacity: 0.82 !important; } [data-theme="dark"] .page-banner .page-title, [data-theme="dark"] .page-banner .breadcrumb-item a { color: #fff !important; } [data-theme="dark"] .alert { background: var(--dm-surface) !important; border-color: var(--glass-border) !important; color: var(--dm-text); } [data-theme="dark"] .alert-danger { background: rgba(127, 29, 29, 0.35) !important; border-color: rgba(248, 113, 113, 0.35) !important; color: #fecaca; } [data-theme="dark"] .alert-success { background: rgba(6, 78, 59, 0.35) !important; border-color: rgba(52, 211, 153, 0.35) !important; color: #a7f3d0; } /* Theme toggle button */ .theme-mode-toggle { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 10px; padding: 0; border: 1px solid rgba(148, 163, 184, 0.28); border-radius: 50% !important; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 4px 14px rgba(15, 23, 42, 0.08) !important; } .theme-mode-toggle-mobile { display: none; } .theme-mode-toggle:hover { transform: translateY(-1px); border-color: rgba(34, 176, 175, 0.45); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), var(--glass-primary-glow) !important; } .theme-mode-toggle .theme-icon { display: none; font-size: 16px; color: var(--primary-color); line-height: 1; } html:not([data-theme="dark"]) .theme-mode-toggle .theme-icon-moon { display: inline-flex; } html[data-theme="dark"] .theme-mode-toggle { background: rgba(30, 41, 59, 0.85); border-color: rgba(148, 163, 184, 0.22); } html[data-theme="dark"] .theme-mode-toggle .theme-icon-sun { display: inline-flex; color: #fbbf24; } /* Signup / registration dark overrides */ [data-theme="dark"] .signup-future { background: linear-gradient(165deg, rgba(34, 176, 175, 0.1) 0%, rgba(11, 18, 32, 0.98) 45%, rgba(7, 13, 24, 1) 100%); } [data-theme="dark"] .registration-panel.glass-card, [data-theme="dark"] .registration-form-panel.glass-card, [data-theme="dark"] .registration-empty.glass-card, [data-theme="dark"] .login-form-panel.glass-card { background: rgba(30, 41, 59, 0.72) !important; border-color: rgba(148, 163, 184, 0.16) !important; } [data-theme="dark"] .registration-title, [data-theme="dark"] .registration-empty h4, [data-theme="dark"] .login-form-panel .login-form-title { color: var(--dm-heading); } [data-theme="dark"] .registration-subtitle, [data-theme="dark"] .registration-form-hint, [data-theme="dark"] .registration-login-link, [data-theme="dark"] .registration-empty p, [data-theme="dark"] .login-form-panel .login-form-subtitle { color: var(--dm-text-muted); } [data-theme="dark"] .registration-type-card { color: var(--dm-text); background: rgba(15, 23, 42, 0.65); border-color: rgba(148, 163, 184, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.25); } [data-theme="dark"] .registration-type-card:hover, [data-theme="dark"] .registration-type-card.active { color: var(--dm-heading); background: rgba(34, 176, 175, 0.12); border-color: rgba(34, 176, 175, 0.4); } [data-theme="dark"] .registration-form-future label, [data-theme="dark"] .login-form-future label { color: #94a3b8; } [data-theme="dark"] .registration-form-future .glass-input, [data-theme="dark"] .registration-form-future .future-input:not(select), [data-theme="dark"] .login-form-future .future-input:not(select) { background: var(--dm-input-bg) !important; border-color: var(--dm-input-border) !important; color: var(--dm-text) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); } [data-theme="dark"] .future-input-group { background: var(--dm-input-bg); border-color: var(--dm-input-border); } [data-theme="dark"] .future-input-icon { color: var(--primary-color); background: rgba(34, 176, 175, 0.12); border-color: rgba(34, 176, 175, 0.2); } [data-theme="dark"] .future-select { color: var(--dm-text) !important; background: transparent !important; background-image: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } [data-theme="dark"] .future-input-group--select > select.future-select, [data-theme="dark"] .future-input-group--select > select.future-input, [data-theme="dark"] .registration-form-future .future-input-group--select > select.future-select { background: transparent !important; background-image: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; color: var(--dm-text) !important; opacity: 1 !important; pointer-events: auto !important; } [data-theme="dark"] .future-input-group > select.future-input { color: #f8fafc !important; background: transparent !important; color-scheme: dark; } [data-theme="dark"] .registration-form-future .future-input-group select.future-input, [data-theme="dark"] .signup-future .future-input-group select.future-input { color-scheme: dark; accent-color: #22b0af; } [data-theme="dark"] .registration-form-future .future-input-group select.future-input option, [data-theme="dark"] .signup-future .future-input-group select.future-input option, [data-theme="dark"] .future-select option { color: #f8fafc !important; background-color: #0f172a !important; } [data-theme="dark"] .registration-form-future .future-input-group select.future-input option:checked, [data-theme="dark"] .signup-future .future-input-group select.future-input option:checked, [data-theme="dark"] .future-select option:checked { color: #ffffff !important; background-color: #22b0af !important; } [data-theme="dark"] .registration-form-future .future-input-group select.future-input option[value=""], [data-theme="dark"] .signup-future .future-input-group select.future-input option[value=""] { color: #94a3b8 !important; background-color: #1e293b !important; } [data-theme="dark"] .future-select-arrow { border-top-color: #5eead4; } [data-theme="dark"] .future-input-group:focus-within { border-color: rgba(45, 212, 191, 0.55); box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04); } [data-theme="dark"] .future-password-toggle { color: #94a3b8; } [data-theme="dark"] .future-password-toggle:hover, [data-theme="dark"] .future-password-toggle:focus-visible { color: var(--primary-color); background: rgba(34, 176, 175, 0.14); } [data-theme="dark"] .password-criteria-panel { background: rgba(15, 23, 42, 0.65); border-color: var(--dm-divider); color: var(--dm-text-muted); } [data-theme="dark"] .registration-form-header, [data-theme="dark"] .registration-form-actions, [data-theme="dark"] .login-form-panel .login-form-divider { border-color: var(--dm-divider); } [data-theme="dark"] .registration-type-badge { color: #5eead4; background: rgba(34, 176, 175, 0.14); border-color: rgba(34, 176, 175, 0.28); } [data-theme="dark"] .registration-form-panel--active::before, [data-theme="dark"] .registration-form-panel--active::after { opacity: 0.85; } [data-theme="dark"] .login-form-panel .login-form-divider span { background: rgba(30, 41, 59, 0.92); color: #64748b; } [data-theme="dark"] .registration-form-step { color: #94a3b8; background: rgba(15, 23, 42, 0.65); border-color: var(--dm-divider); } [data-theme="dark"] .main-header .auth-menu-right { align-items: center; } @media (max-width: 1199px) { html[data-theme="dark"] .main-menu .navigation, html[data-theme="dark"] .main-menu .navbar-collapse { background: #111827 !important; } html[data-theme="dark"] .main-menu .navigation li { border-top-color: rgba(148, 163, 184, 0.14); } html[data-theme="dark"] .main-menu .navigation > li:last-child { border-bottom-color: rgba(148, 163, 184, 0.14); } html[data-theme="dark"] .main-menu .navigation li a { color: #e2e8f0 !important; } html[data-theme="dark"] .main-menu .navigation li ul { background: rgba(15, 23, 42, 0.95) !important; } html[data-theme="dark"] .main-menu .navigation li ul li a { color: #cbd5e1 !important; } html[data-theme="dark"] .main-menu .navigation li ul li a:hover { color: #5eead4 !important; } } [data-theme="dark"] .toastr { opacity: 1 !important; } /* ─── Global dark-mode readability ─── */ [data-theme="dark"] a:not(.theme-btn):not(.btn):not(.menu-btn):not(.auth-btn-primary):not(.auth-btn-outline) { color: #7dd3fc; } [data-theme="dark"] a:not(.theme-btn):not(.btn):not(.menu-btn):hover { color: #bae6fd; } html[data-theme="dark"] .events-section .section-title h2, html[data-theme="dark"] .feature-section .section-title h2, html[data-theme="dark"] .category-section .section-title h2, html[data-theme="dark"] .client-logo-area .section-title h2, html[data-theme="dark"] .about-section > .container .section-title h2 { color: #f8fafc !important; } html[data-theme="dark"] .events-section .section-title p, html[data-theme="dark"] .feature-section .section-title p, html[data-theme="dark"] .category-section .section-title p, html[data-theme="dark"] .client-logo-area .section-title p { color: #cbd5e1 !important; } [data-theme="dark"] .client-logo-area { background-color: var(--dm-page-bg) !important; } [data-theme="dark"] .main-header .navigation > li > a:hover, [data-theme="dark"] .main-header .navigation > li.current > a { color: #5eead4 !important; } [data-theme="dark"] .social-style-one a { color: #e2e8f0 !important; border-color: rgba(148, 163, 184, 0.28); background: rgba(30, 41, 59, 0.65); } [data-theme="dark"] .social-style-one a i { color: #5eead4; } [data-theme="dark"] .feature-item .feature-content h4, [data-theme="dark"] .work-process-item h4, [data-theme="dark"] .testimonial-item h5, [data-theme="dark"] .event-item h4, [data-theme="dark"] .blog-content h4, [data-theme="dark"] .footer-title { color: var(--dm-heading); } [data-theme="dark"] .feature-item .icon, [data-theme="dark"] .work-process-item .icon, [data-theme="dark"] .contact-info-item .icon { color: #5eead4; } [data-theme="dark"] .feature-item .icon i, [data-theme="dark"] .work-process-item .icon i, [data-theme="dark"] .contact-info-item .icon i { color: inherit; } [data-theme="dark"] .breadcrumb-item a:hover { color: #5eead4 !important; } [data-theme="dark"] .text-info { color: #7dd3fc !important; } [data-theme="dark"] .text-danger { color: #fca5a5 !important; } [data-theme="dark"] .text-success { color: #86efac !important; } [data-theme="dark"] .glass-card, [data-theme="dark"] .testimonial-item, [data-theme="dark"] .category-item, [data-theme="dark"] .shop-item .content, [data-theme="dark"] .event-item .content-inner { color: var(--dm-text); } /* Event cards — dark surfaces with high-contrast text */ [data-theme="dark"] .event-item { background: rgba(30, 41, 59, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.2) !important; box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .event-item .event-content, [data-theme="dark"] .event-item .content-inner { background: rgba(30, 41, 59, 0.95) !important; color: #e2e8f0 !important; box-shadow: none !important; } [data-theme="dark"] .event-item .event-content .time-info { background: rgba(15, 23, 42, 0.96) !important; border: 1px solid rgba(148, 163, 184, 0.22) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important; } [data-theme="dark"] .event-item .event-content .time-info span, [data-theme="dark"] .event-item .event-content .time-info li { color: #cbd5e1 !important; } [data-theme="dark"] .event-item .event-content .time-info i { color: #5eead4 !important; } [data-theme="dark"] .event-item .event-content h4, [data-theme="dark"] .event-item .event-content h5, [data-theme="dark"] .event-item .event-content h4 a, [data-theme="dark"] .event-item .event-content h5 a { color: #f8fafc !important; } [data-theme="dark"] .event-item .event-content h4 a:hover, [data-theme="dark"] .event-item .event-content h5 a:hover { color: #5eead4 !important; } [data-theme="dark"] .event-item .event-description, [data-theme="dark"] .event-item .event-content > p { color: #94a3b8 !important; } [data-theme="dark"] .event-item .event-content .organizer { color: #5eead4 !important; } [data-theme="dark"] .event-item .event-content .location, [data-theme="dark"] .event-item .event-content .location span { color: #cbd5e1 !important; } [data-theme="dark"] .event-item .event-content .location i { color: #5eead4 !important; } [data-theme="dark"] .event-item .price-remain { border-top-color: rgba(148, 163, 184, 0.22) !important; } [data-theme="dark"] .event-item .price-remain .price { color: #5eead4 !important; } [data-theme="dark"] .event-item .price-remain .remain, [data-theme="dark"] .event-item .price-remain span:not(.price) { color: #94a3b8 !important; } [data-theme="dark"] .event-item .price-remain del { color: #64748b !important; } [data-theme="dark"] .event-item .event-footer { background: rgba(15, 23, 42, 0.85) !important; color: #cbd5e1 !important; } /* Checkout page — dark panels with readable text */ html[data-theme="dark"] .checkout-area-v2 .billing_details_area, html[data-theme="dark"] .checkout-area-v2 .sidebar { background: rgba(30, 41, 59, 0.96) !important; border: 1px solid rgba(148, 163, 184, 0.22); box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35) !important; color: #e2e8f0; } html[data-theme="dark"] .checkout-area-v2 .billing_details_area h3, html[data-theme="dark"] .checkout-area-v2 .sidebar h4, html[data-theme="dark"] .checkout-area-v2 .sidebar h5, html[data-theme="dark"] .checkout-area-v2 .sidebar h6, html[data-theme="dark"] .checkout-area-v2 .from-title { color: #f8fafc !important; } html[data-theme="dark"] .checkout-area-v2 .billing_details_area label, html[data-theme="dark"] .checkout-area-v2 .sidebar label, html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info label { color: #cbd5e1 !important; } html[data-theme="dark"] .checkout-area-v2 .billing_details_area .form-control, html[data-theme="dark"] .checkout-area-v2 .billing_details_area textarea.form_control, html[data-theme="dark"] .checkout-area-v2 .sidebar .form-control, html[data-theme="dark"] .checkout-area-v2 .sidebar textarea.form_control, html[data-theme="dark"] .checkout-area-v2 .sidebar input.form_control { background: rgba(15, 23, 42, 0.88) !important; border-color: rgba(148, 163, 184, 0.28) !important; color: #f1f5f9 !important; } html[data-theme="dark"] .checkout-area-v2 .billing_details_area .form-control::placeholder, html[data-theme="dark"] .checkout-area-v2 .billing_details_area textarea.form_control::placeholder, html[data-theme="dark"] .checkout-area-v2 .sidebar .form-control::placeholder { color: #64748b !important; } html[data-theme="dark"] .checkout-area-v2 .billing_details_area hr, html[data-theme="dark"] .checkout-area-v2 .sidebar hr { border-color: rgba(148, 163, 184, 0.22) !important; } html[data-theme="dark"] .checkout-area-v2 .checkout-product h6, html[data-theme="dark"] .checkout-area-v2 .checkout-product h6 a { color: #f8fafc !important; } html[data-theme="dark"] .checkout-area-v2 .checkout-product span, html[data-theme="dark"] .checkout-area-v2 .checkout-product .content { color: #94a3b8 !important; } html[data-theme="dark"] .checkout-area-v2 .checkout-product span i { color: #5eead4 !important; } html[data-theme="dark"] .checkout-area-v2 .checkout-product a:not(.checkout-product-img) { color: #5eead4 !important; } html[data-theme="dark"] .checkout-area-v2 .package-summary li, html[data-theme="dark"] .checkout-area-v2 .package-summary li .text, html[data-theme="dark"] .checkout-area-v2 .package-summary li .number, html[data-theme="dark"] .checkout-area-v2 .package-summary li span { color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 .package-summary del, html[data-theme="dark"] .checkout-area-v2 .package-summary del.number { color: #64748b !important; } html[data-theme="dark"] .checkout-area-v2 .package-summary .text-success, html[data-theme="dark"] .checkout-area-v2 .package-summary .text-success strong { color: #86efac !important; } html[data-theme="dark"] .checkout-area-v2 .package-summary .text-danger, html[data-theme="dark"] .checkout-area-v2 .package-summary .text-danger strong { color: #fca5a5 !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list { border-color: rgba(148, 163, 184, 0.22) !important; background: rgba(15, 23, 42, 0.55); } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .title, html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .title strong { color: #f8fafc !important; background: rgba(15, 23, 42, 0.85); } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box2.slot-box2-header { background: rgba(15, 23, 42, 0.85) !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .slot-box2, html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box, html[data-theme="dark"] .checkout-area-v2 .slot-box { background: rgba(30, 41, 59, 0.85) !important; color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .slot-box2:not(:last-child) { border-bottom-color: rgba(148, 163, 184, 0.16) !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .slot-box2 .text, html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .slot-box2 .number, html[data-theme="dark"] .checkout-area-v2 .sidebar .slot-box-list .slot-box2 span { color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select { background: rgba(15, 23, 42, 0.88) !important; border-color: rgba(148, 163, 184, 0.28) !important; color: #f1f5f9 !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select .list { background: rgba(30, 41, 59, 0.98) !important; border-color: rgba(148, 163, 184, 0.22) !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select .option { color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select .option:hover, html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select .option.focus, html[data-theme="dark"] .checkout-area-v2 .sidebar .form-group .nice-select .option.selected.focus { background: rgba(34, 176, 175, 0.18) !important; color: #5eead4 !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info p, html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content, html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content * { color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content strong, html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content b { color: #f8fafc !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content a { color: #5eead4 !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content a:hover { color: #99f6e4 !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content hr { border-color: rgba(148, 163, 184, 0.28) !important; } html[data-theme="dark"] .checkout-area-v2 .offline-gateway-info .summernote-content code { background: rgba(15, 23, 42, 0.85) !important; color: #e2e8f0 !important; } html[data-theme="dark"] .checkout-area-v2 #stripe-errors { color: #fca5a5 !important; } /* Booking / purchase success page */ html[data-theme="dark"] .booking-success, html[data-theme="dark"] .purchase-success { background: rgba(30, 41, 59, 0.96) !important; border: 1px solid rgba(148, 163, 184, 0.22); box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35); color: #e2e8f0; } html[data-theme="dark"] .booking-success h2, html[data-theme="dark"] .purchase-success h2 { color: #f8fafc !important; } html[data-theme="dark"] .booking-success p, html[data-theme="dark"] .purchase-success p { color: #cbd5e1 !important; } html[data-theme="dark"] .booking-success .icon.text-success i, html[data-theme="dark"] .purchase-success .icon.text-success i { color: #5eead4 !important; } html[data-theme="dark"] .booking-success .dropdown-toggle, html[data-theme="dark"] .purchase-success .dropdown-toggle { color: #5eead4 !important; } html[data-theme="dark"] .booking-success .dropdown-toggle:hover, html[data-theme="dark"] .purchase-success .dropdown-toggle:hover, html[data-theme="dark"] .booking-success .dropdown-toggle:focus, html[data-theme="dark"] .purchase-success .dropdown-toggle:focus { color: #99f6e4 !important; } html[data-theme="dark"] .booking-success .dropdown-menu, html[data-theme="dark"] .purchase-success .dropdown-menu { background: rgba(30, 41, 59, 0.98) !important; border-color: rgba(148, 163, 184, 0.22) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35); } html[data-theme="dark"] .booking-success .dropdown-item, html[data-theme="dark"] .purchase-success .dropdown-item { color: #e2e8f0 !important; } html[data-theme="dark"] .booking-success .dropdown-item:hover, html[data-theme="dark"] .booking-success .dropdown-item:focus, html[data-theme="dark"] .purchase-success .dropdown-item:hover, html[data-theme="dark"] .purchase-success .dropdown-item:focus { background: rgba(34, 176, 175, 0.18) !important; color: #5eead4 !important; } /* Partner showcase — keep logos readable on light panels */ [data-theme="dark"] .partner-logo-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 100%) !important; border-color: rgba(34, 176, 175, 0.35) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 32px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .partner-showcase-empty { background: var(--dm-surface) !important; color: var(--dm-text-muted); } [data-theme="dark"] .partner-empty-icon { color: #5eead4; background: rgba(34, 176, 175, 0.16); } [data-theme="dark"] .partner-slider-wrap .slick-prev, [data-theme="dark"] .partner-slider-wrap .slick-next { background: rgba(30, 41, 59, 0.92); border-color: rgba(94, 234, 212, 0.35); color: #5eead4; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .partner-slider-wrap .slick-prev:hover, [data-theme="dark"] .partner-slider-wrap .slick-next:hover { background: var(--primary-color); color: #fff; } [data-theme="dark"] .partner-slider-wrap .slick-prev i, [data-theme="dark"] .partner-slider-wrap .slick-next i { color: inherit; } [data-theme="dark"] .partner-slider-wrap .slick-dots li button { background: rgba(148, 163, 184, 0.35); } [data-theme="dark"] .partner-slider-wrap .slick-dots li.slick-active button { background: #5eead4; box-shadow: 0 0 12px rgba(94, 234, 212, 0.55); } [data-theme="dark"] .registration-type-card .type-icon-wrap { color: #5eead4; } [data-theme="dark"] .registration-eyebrow, [data-theme="dark"] .registration-form-hint i { color: #5eead4; } [data-theme="dark"] .future-input-icon i { color: #5eead4; } [data-theme="dark"] .login-form-divider span { color: #94a3b8; } /* Event category tab buttons (Graduation, Research & Innovation, etc.) */ html[data-theme="dark"] .nav-tabs.events-tabs .nav-link { background: rgba(30, 41, 59, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.28) !important; color: #e2e8f0 !important; font-weight: 600; } html[data-theme="dark"] .nav-tabs.events-tabs .nav-link:hover { background: rgba(34, 176, 175, 0.22) !important; border-color: rgba(94, 234, 212, 0.4) !important; color: #5eead4 !important; } html[data-theme="dark"] .nav-tabs.events-tabs .nav-link.active, html[data-theme="dark"] .events-tabs .nav-link.active { background: linear-gradient(135deg, rgba(34, 176, 175, 0.95), rgba(20, 130, 130, 0.98)) !important; border-color: rgba(94, 234, 212, 0.45) !important; color: #ffffff !important; box-shadow: 0 0 18px rgba(34, 176, 175, 0.35); } html[data-theme="dark"] .category-wrap .category-content h5 { color: #ffffff !important; } html[data-theme="dark"] .event-bento-pill, html[data-theme="dark"] .event-bento-pill span { color: #cbd5e1 !important; } html[data-theme="dark"] .event-bento-pill i { color: #5eead4 !important; opacity: 1; } html[data-theme="dark"] button.event-bento-pill:hover, html[data-theme="dark"] button.event-bento-pill:hover span { color: #f8fafc !important; } html[data-theme="dark"] .event-bento-pill-active, html[data-theme="dark"] .event-bento-pill-active span { color: #ffffff !important; } html[data-theme="dark"] .event-bento-pill-active i { color: #5eead4 !important; } [data-theme="dark"] .event-bento-tag, [data-theme="dark"] .event-bento-tag i { color: #e2e8f0; } [data-theme="dark"] .event-bento-tag { background: rgba(30, 41, 59, 0.85); border-color: rgba(148, 163, 184, 0.2); } [data-theme="dark"] .nice-select, [data-theme="dark"] .select2-container--default .select2-selection--single { background: var(--dm-input-bg) !important; border-color: var(--dm-input-border) !important; color: var(--dm-text) !important; } [data-theme="dark"] .dropdown-menu { background: rgba(30, 41, 59, 0.96) !important; border-color: var(--glass-border) !important; } [data-theme="dark"] .dropdown-item { color: var(--dm-text); } [data-theme="dark"] .dropdown-item:hover { background: rgba(34, 176, 175, 0.14); color: #fff; } /* ─── About section (Image 2) — remove white inner boxes, bright text ─── */ [data-theme="dark"] .about-section { background-color: var(--dm-page-bg) !important; } [data-theme="dark"] .about-section .about-content { background: rgba(30, 41, 59, 0.78) !important; border: 1px solid rgba(94, 234, 212, 0.18) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 40px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .about-section .about-content > p, [data-theme="dark"] .about-section .about-content .section-title h2 { color: #f8fafc !important; } [data-theme="dark"] .about-section .about-content > p { color: #cbd5e1 !important; } [data-theme="dark"] .about-content .feature-item { background: transparent !important; border: none !important; box-shadow: none !important; padding: 18px 0 16px !important; margin-bottom: 0 !important; border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important; } [data-theme="dark"] .about-content .feature-item:last-child { border-bottom: none !important; padding-bottom: 0 !important; } [data-theme="dark"] .about-content .feature-item h4, [data-theme="dark"] .about-content .feature-item h5, [data-theme="dark"] .about-content .feature-content h4 { color: #5eead4 !important; } [data-theme="dark"] .about-content .feature-item p, [data-theme="dark"] .about-content .feature-content p { color: #e2e8f0 !important; } [data-theme="dark"] .about-content .feature-item i { color: #67e8f9 !important; } /* ─── Work process (Image 1 top) — bright step text ─── */ [data-theme="dark"] .work-process-inner, [data-theme="dark"] .work-process-inner.glass-panel { background: rgba(30, 41, 59, 0.82) !important; border: 1px solid rgba(94, 234, 212, 0.16) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 48px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .work-process-inner .section-title h2 { color: #f8fafc !important; } [data-theme="dark"] .work-process-inner .section-title p { color: #cbd5e1 !important; } [data-theme="dark"] .work-process-item.glass-step .content h4, [data-theme="dark"] .work-process-item h4 { color: #5eead4 !important; } [data-theme="dark"] .work-process-item.glass-step .content p, [data-theme="dark"] .work-process-item p { color: #e2e8f0 !important; } [data-theme="dark"] .work-process-item.glass-step .icon { background: rgba(34, 176, 175, 0.18) !important; border-color: rgba(94, 234, 212, 0.35) !important; } [data-theme="dark"] .work-process-item.glass-step .icon .number { color: #ffffff !important; } [data-theme="dark"] .work-process-item.glass-step .icon i, [data-theme="dark"] .work-process-item.glass-step .icon i:before { color: #67e8f9 !important; } [data-theme="dark"] .feature-item.glass-card { background: rgba(30, 41, 59, 0.78) !important; border-color: rgba(94, 234, 212, 0.14) !important; } [data-theme="dark"] .feature-item.glass-card h5, [data-theme="dark"] .feature-item.glass-card .feature-content h5 { color: #5eead4 !important; } [data-theme="dark"] .feature-item.glass-card i { color: #67e8f9 !important; } [data-theme="dark"] .feature-item.glass-card p { color: #e2e8f0 !important; } /* ─── Testimonials (Image 1 bottom) — dark gradient, no white panel ─── */ [data-theme="dark"] .testimonial-section.glass-section { background: linear-gradient( 160deg, #0b1220 0%, #111827 42%, #0f172a 100% ) !important; } [data-theme="dark"] .testimonial-content h2, [data-theme="dark"] .testimonial-content .section-title h2 { color: #f8fafc !important; } [data-theme="dark"] .testimonial-content p { color: #cbd5e1 !important; } [data-theme="dark"] .testimonial-content h6 { color: #5eead4 !important; } [data-theme="dark"] .total-client-reviews.glass-card { background: rgba(30, 41, 59, 0.78) !important; border: 1px solid rgba(94, 234, 212, 0.16) !important; } [data-theme="dark"] .total-client-reviews .pluse i { color: #5eead4 !important; } [data-theme="dark"] .testimonial-shuffle-slider .testimonial-item.glass-card { background: rgba(30, 41, 59, 0.88) !important; border: 1px solid rgba(94, 234, 212, 0.2) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 36px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .testimonial-shuffle-slider .testimonial-item .author h5, [data-theme="dark"] .testimonial-item .author h5 { color: #5eead4 !important; } [data-theme="dark"] .testimonial-shuffle-slider .testimonial-item .author span, [data-theme="dark"] .testimonial-item .author span { color: #94a3b8 !important; } [data-theme="dark"] .testimonial-shuffle-slider .testimonial-item p, [data-theme="dark"] .testimonial-item p { color: #f1f5f9 !important; } [data-theme="dark"] .testimonial-item .ratting i { color: #fbbf24 !important; } [data-theme="dark"] .testimonial-shuffle-slider .slick-prev, [data-theme="dark"] .testimonial-shuffle-slider .slick-next { background: rgba(30, 41, 59, 0.92) !important; border-color: rgba(94, 234, 212, 0.35) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; } [data-theme="dark"] .testimonial-shuffle-slider .slick-prev i, [data-theme="dark"] .testimonial-shuffle-slider .slick-next i { color: #5eead4 !important; } [data-theme="dark"] .testimonial-shuffle-slider .slick-dots li button { background: rgba(148, 163, 184, 0.35); } [data-theme="dark"] .testimonial-shuffle-slider .slick-dots li.slick-active button { background: #5eead4; box-shadow: 0 0 12px rgba(94, 234, 212, 0.55); } [data-theme="dark"] .testimonial-section hr { border-color: rgba(148, 163, 184, 0.14) !important; opacity: 1; } @media (max-width: 767px) { .theme-mode-toggle { width: 38px; height: 38px; margin-right: 6px; } .theme-mode-toggle-mobile { width: 38px; height: 38px; margin-right: 0; } } /* Registration signup — override global `select` styles from style.css */ .registration-form-future .future-input-group--select > select.future-select, .registration-form-future .future-input-group--select > select.future-input { border: none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; } [data-theme="dark"] .registration-form-future .future-input-group--select > select.future-select { color: var(--dm-text) !important; background-color: transparent !important; } [data-theme="dark"] .future-input-group--select:focus-within { border-color: rgba(45, 212, 191, 0.55); box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04); }