/* ============================================================================
   Maynstage — LIGHT THEME (ONE MERGED SHEET)   v5   2026-10-27
   Scope: html.light-mode and body.light-mode (footer toggle sets both)

   Loaded by ALL four layouts:
     resources/views/layouts/{landing,public,auth,app}.blade.php
   so a single file serves both CSS trees:
     - app/public/auth tree: public/assets/css-nct/style-nct.css (115 KB)
     - landing tree:         public/css-nct/style-nct.css        ( 35 KB)

   SECTIONS
     1) Theme variable remap  — pink accents, light surfaces, dark ink
     2) Base typography
     3) Footer theme toggle
     4) LANDING TREE — rules the variable remap cannot reach (4a accents)

   Sources: html-new/light design (pink #B81466) + class-by-class conversion.
   Dark mode untouched — every rule is scoped to *.light-mode.
   ============================================================================ */

/* 1) Theme variable remap — pink accents + light surfaces + dark ink */
html.light-mode {
    --primary: #B81466;
    --primary-dark: #9A1155;
    --primary-10: rgba(184, 20, 102, 0.12);
    --primary-20: rgba(184, 20, 102, 0.20);
    --secondary: #1E1E45;
    --grad: linear-gradient(90deg, #B81466, #4A00E0);

    --bg-dark: #ffffff;
    --bg-surface: #ffffff;
    --bg-elevated: #f6f7f9;
    --dark-first: #ffffff;
    --card-bg: #ffffff;
    --card-border: #e6e8ec;
    --border-gray: #e6e8ec;
    --field-border: #d6dbe3;
    --dark-gray-third: #f3f4f6;
    --gray-fourth: #eef0f4;
    --gray-second: #4b5563;

    --white: #111827;
    --black-100: #111827;
    --dark: #111827;
    --base-color: #1f2937;
    --gray-text: #5b6472;
    --dark-gray-text: #374151;
    --gray-first: #6b7280;
    --placeholder: #9aa3b2;

    color-scheme: light;
}

/* 2) Base typography */
html.light-mode h1, html.light-mode h2, html.light-mode h3,
html.light-mode h4, html.light-mode h5, html.light-mode h6,
html.light-mode .section-title, html.light-mode .card-title,
html.light-mode strong, html.light-mode b { color: #0f172a !important; }
html.light-mode p, html.light-mode li, html.light-mode label,
html.light-mode dt, html.light-mode dd { color: #374151; }

/* 3) Footer theme toggle */
.profile-footer { padding: 26px 5% 34px; display: flex; justify-content: center; background: transparent; }
.theme-toggle-btn {
    display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px;
    border-radius: 999px; border: 1px solid var(--primary); background: transparent;
    color: var(--primary); font-family: var(--font-body, 'Outfit', sans-serif);
    font-size: 14px; font-weight: 600; cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .15s ease;
}
.theme-toggle-btn:hover { background: var(--primary); color: #ffffff; transform: translateY(-1px); }
.theme-toggle-btn__icon { font-size: 15px; line-height: 1; }
html.light-mode .form-control:-ms-input-placeholder { color: #9aa3b2 !important; }
html.light-mode .form-control:disabled { background-color: #f3f4f6 !important; }
html.light-mode input.form-control,
textarea.form-control,
select.form-control { color: #111827 !important; }
html.light-mode body { background: #ffffff !important; }
html.light-mode body { color: #1f2937 !important; }
html.light-mode a { color: #B81466 !important; }
html.light-mode .card { color: #1f2937 !important; }
html.light-mode header { background: #ffffff !important; }
html.light-mode header { box-shadow: 0 4px 30px rgba(16,24,40,0.14) !important; }
html.light-mode .dropbtn { color: #374151 !important; }
html.light-mode .dropdown-content { background: #f6f7f9 !important; }
html.light-mode .dropdown-content { box-shadow: 0 20px 40px rgba(16,24,40,0.14) !important; }
html.light-mode .register-btn { background: linear-gradient(90deg, #B81466, #4A00E0) !important; }
html.light-mode .register-btn-border { color: #111827 !important; }
html.light-mode .hero-search-btn { background-color: #ffffff !important; }
html.light-mode .hero-search-btn { color: #111827 !important; }
html.light-mode .content-grid a { color: #5b6472 !important; }
html.light-mode .login { color: #111827 !important; }
html.light-mode .hero { color: #111827 !important; }
html.light-mode .hero-content h1 span { color: #B81466 !important; }
html.light-mode .search-container { background: #ffffff !important; }
html.light-mode .search-container { box-shadow: 0 30px 60px rgba(16,24,40,0.14) !important; }
html.light-mode .search-input-group label { color: #6b7280 !important; }
html.light-mode .search-input-group input { color: #111827 !important; }
html.light-mode .how-it-works { background: #ffffff !important; }
html.light-mode .section-title .title { color: #111827 !important; }
html.light-mode .section-title .title span { color: #B81466 !important; }
html.light-mode .section-title .subtitle { color: #5b6472 !important; }
html.light-mode .first-card { background: #ffffff !important; }
html.light-mode .first-card .card-title { color: #111827 !important; }
html.light-mode .first-card .card-title h3 span { color: #B81466 !important; }
html.light-mode .why-choose-us h3 span { color: #B81466 !important; }
html.light-mode .cta-banners h2 span { color: #B81466 !important; }
html.light-mode .step span { color: #B81466 !important; }
html.light-mode .step strong { color: #111827 !important; }
html.light-mode .btn-card { background: #ffffff !important; }
html.light-mode .btn-card { color: #111827 !important; }
html.light-mode .btn-card-lg { background: #ffffff !important; }
html.light-mode .btn-card-lg { color: #111827 !important; }
html.light-mode .featured-spotlight { background: #ffffff !important; }
html.light-mode .spotlight-card { background-color: #ffffff !important; }
html.light-mode .spotlight-card { box-shadow: 0 10px 20px rgba(16,24,40,0.14) !important; }
html.light-mode .spotlight-card .card-info h3 { color: #111827 !important; }
html.light-mode .spotlight-card .role { color: #B81466 !important; }
html.light-mode .spotlight-card .rating { color: #f59e0b !important; }
html.light-mode .spotlight-card .book-now { color: #111827 !important; }
html.light-mode .common-tab { background-color: #f6f7f9 !important; }
html.light-mode .common-tab.nav-tabs .nav-link { color: #374151 !important; }
html.light-mode .common-tab.nav-tabs .nav-link.active { background: #B81466 !important; }
html.light-mode .toggle-container { background-color: #f6f7f9 !important; }
html.light-mode .toggle-btn { color: #374151 !important; }
html.light-mode .toggle-btn.active { background: #B81466 !important; }
html.light-mode .step-card { background: #ffffff !important; }
html.light-mode .step-number { color: #B81466 !important; }
html.light-mode .step-card h4 { color: #111827 !important; }
html.light-mode .testimonials { background: #ffffff !important; }
html.light-mode .testimonial-card { background: #ffffff !important; }
html.light-mode .quote-mark { color: #B81466 !important; }
html.light-mode .quote-text { color: #374151 !important; }
html.light-mode .author h4 { color: #111827 !important; }
html.light-mode .author span { color: #B81466 !important; }
html.light-mode .type-box .type-icon { color: #B81466 !important; }
html.light-mode .registration-card { background: #ffffff !important; }
html.light-mode .registration-card { box-shadow: 0 20px 50px rgba(16,24,40,0.14) !important; }
html.light-mode .auth-title p { color: #5b6472 !important; }
html.light-mode .divider { color: #374151 !important; }
html.light-mode .author-text h4 { color: #111827 !important; }
html.light-mode .author-text span { color: #B81466 !important; }
html.light-mode .feature-card { background: #ffffff !important; }
html.light-mode .icon { color: #B81466 !important; }
html.light-mode .feature-card h3 { color: #111827 !important; }
html.light-mode .banner { color: #111827 !important; }
html.light-mode .organizer-banner { background-color: #f7f7f9 !important; }
html.light-mode .artist-banner { background-color: #B81466 !important; }
html.light-mode .banner p { color: #374151 !important; }
html.light-mode .cta-btn { background: #ffffff !important; }
html.light-mode .cta-btn { color: #111827 !important; }
html.light-mode .main-footer { background: #ffffff !important; }
html.light-mode .footer-col h4 { color: #111827 !important; }
html.light-mode .social-links a { color: #374151 !important; }
html.light-mode .subscribe-form input { background: #f6f7f9 !important; }
html.light-mode .subscribe-form input { color: #111827 !important; }
html.light-mode .subscribe-form button { background: #B81466 !important; }
html.light-mode .footer-bottom { color: #4b5563 !important; }
html.light-mode .booking-card { box-shadow: 0 10px 30px rgba(16,24,40,0.14) !important; }
html.light-mode .booking-card { background: #ffffff !important; }
html.light-mode .share-save-btns button { color: #6b7280 !important; }
html.light-mode .card-details i { color: #B81466 !important; }
html.light-mode .price-hint { color: #4b5563 !important; }
html.light-mode .btn-card-white { color: #111827 !important; }
html.light-mode .capsule { background: #f6f7f9 !important; }
html.light-mode .capsule { color: #374151 !important; }
html.light-mode .artist-card { background: #ffffff !important; }
html.light-mode .cta-book { background: #B81466 !important; }
html.light-mode .cancel-btn { color: #6b7280 !important; }
html.light-mode .password-toggle { color: #9aa3b2 !important; }
html.light-mode .back-to-login { color: #111827 !important; }
html.light-mode .resend-link { color: #B81466 !important; }
html.light-mode input.code-input { color: #B81466 !important; }
html.light-mode .hero-left h1 { color: #B81466 !important; }
html.light-mode .sticky-menu.scrolled { box-shadow: 0 8px 20px rgba(16,24,40,0.14) !important; }
html.light-mode .sticky-menu a { color: #6b7280 !important; }
html.light-mode .sticky-menu a.active { color: #B81466 !important; }
html.light-mode .rating-block { color: #f59e0b !important; }
html.light-mode .content-left { color: #6b7280 !important; }
html.light-mode .stat-item { color: #374151 !important; }
html.light-mode .stat-item { background-color: #f3f4f6 !important; }
html.light-mode .stat-item i { color: #B81466 !important; }
html.light-mode .stat-item .stat-label { color: #6b7280 !important; }
html.light-mode .event-date-tag { box-shadow: 0 4px 6px rgba(16,24,40,0.14) !important; }
html.light-mode .event-date-tag { color: #1f2937 !important; }
html.light-mode .btn-see-all { color: #B81466 !important; }
html.light-mode .btn-apply { background: #B81466 !important; }
html.light-mode .btn-apply-border { color: #B81466 !important; }
html.light-mode .btn-light-border { color: #5b6472 !important; }
html.light-mode .cancel-label { color: #dc2626 !important; }
html.light-mode .link-btn { color: #B81466 !important; }
html.light-mode .link-btn { color: #5b6472 !important; }
html.light-mode .btn-cancel { background: #111827 !important; }
html.light-mode .btn-sm { background: #B81466 !important; }
html.light-mode .btn-sm-white { background: #ffffff !important; }
html.light-mode .btn-sm-white { color: #0f172a !important; }
html.light-mode .btn-alert { background-color: #dc2626 !important; }
html.light-mode .btn-alert { color: #111827 !important; }
html.light-mode .btn-remove { color: #dc2626 !important; }
html.light-mode .btn-sm-secondary { background: #f6f7f9 !important; }
html.light-mode .btn-sm-secondary { color: #374151 !important; }
html.light-mode .btn-sm-close { background: #f6f7f9 !important; }
html.light-mode p.meta { color: #6b7280 !important; }
html.light-mode .ratings { color: #f59e0b !important; }
html.light-mode .ratings span .count { color: #6b7280 !important; }
html.light-mode .section-heading .section-head { color: #1f2937 !important; }
html.light-mode .section-heading .section-slogan { color: #6b7280 !important; }
html.light-mode .about-content { color: #6b7280 !important; }
html.light-mode .review-header h4 { color: #1f2937 !important; }
html.light-mode .ratings-sm { color: #f59e0b !important; }
html.light-mode .review-card p { color: #6b7280 !important; }
html.light-mode .see-all-link { color: #B81466 !important; }
html.light-mode .common-accordion .accordion-button { color: #1f2937 !important; }
html.light-mode .common-accordion .accordion-body { color: #6b7280 !important; }
html.light-mode .booking-card .card-top h3 { color: #1f2937 !important; }
html.light-mode .card-details .text-icon { color: #6b7280 !important; }
html.light-mode .text-icon i { color: #B81466 !important; }
html.light-mode .text-review i { color: #f59e0b !important; }
html.light-mode .booking-price-section h2 { color: #1f2937 !important; }
html.light-mode .booking-price-section h2 sub { color: #6b7280 !important; }
html.light-mode .booking-price-section p { color: #4b5563 !important; }
html.light-mode .similar-section h2 { color: #1f2937 !important; }
html.light-mode .similar-card p { color: #6b7280 !important; }
html.light-mode .booking-card-price { color: #1f2937 !important; }
html.light-mode .ratings-sm span .count { color: #6b7280 !important; }
html.light-mode .event-month { color: #B81466 !important; }
html.light-mode .event-date { color: #1f2937 !important; }
html.light-mode .event-card .event-content h4 { color: #1f2937 !important; }
html.light-mode .event-card .event-content .card-icon-block { color: #6b7280 !important; }
html.light-mode .event-card .event-content .card-disc { color: #6b7280 !important; }
html.light-mode .events-grid .event-poster { background-color: #f5f6f8 !important; }
html.light-mode .job-left-info h4 { color: #1f2937 !important; }
html.light-mode .job-middle-info h3 { color: #1f2937 !important; }
html.light-mode .job-middle-info p { color: #4b5563 !important; }
html.light-mode .job-icon-block { color: #6b7280 !important; }
html.light-mode .job-modal-top { background: #f5f6f8 !important; }
html.light-mode .job-modal-top { color: #1f2937 !important; }
html.light-mode .job-modal-top h2 { color: #1f2937 !important; }
html.light-mode .modal-icon-block { color: #6b7280 !important; }
html.light-mode .job-modal-middle { background-color: #f5f6f8 !important; }
html.light-mode .job-disc-left h4 { color: #4b5563 !important; }
html.light-mode .job-disc-left p { color: #6b7280 !important; }
html.light-mode .job-disc-left ul { color: #6b7280 !important; }
html.light-mode .job-disc-right { background: #f5f6f8 !important; }
html.light-mode .job-info-cell h4 { color: #4b5563 !important; }
html.light-mode .job-info-cell p { color: #1f2937 !important; }
html.light-mode .job-info-cell h3 { color: #1f2937 !important; }
html.light-mode .job-modal-bottom { background: #f5f6f8 !important; }
html.light-mode .modal .cancel-btn { color: #6b7280 !important; }
html.light-mode .modal .btn-apply { background: #B81466 !important; }
html.light-mode .search-box input { color: #111827 !important; }
html.light-mode .filter-btn { background: #B81466 !important; }
html.light-mode .artist-content p { color: #374151 !important; }
html.light-mode .artist-tag { color: #374151 !important; }
html.light-mode .artist-footer { color: #6b7280 !important; }
html.light-mode .artist-footer-label { color: #5b6472 !important; }
html.light-mode .artist-content   .price { color: #111827 !important; }
html.light-mode .offcanvas-header .btn-close { color: #6b7280 !important; }
html.light-mode .offcanvas { color: #111827 !important; }
html.light-mode .form-check-input:checked { background-color: #B81466 !important; }
html.light-mode .form-check-input:checked { border-color: #B81466 !important; }
html.light-mode .offcanvas .form-check .form-check-label { color: #6b7280 !important; }
html.light-mode .booking-summary p { color: #6b7280 !important; }
html.light-mode .sidebar { background-color: #f7f7f9 !important; }
html.light-mode .sidebar .nav-item { color: #4b5563 !important; }
html.light-mode .sidebar .nav-item.active { color: #B81466 !important; }
html.light-mode .sidebar .nav-item.active { background: #ffffff !important; }
html.light-mode .user-profile-trigger i { color: #5b6472 !important; }
html.light-mode .header-profile-menu .dropdown-menu { background-color: #111827 !important; }
html.light-mode .header-profile-menu .dropdown-info { background: #ffffff !important; }
html.light-mode .header-profile-menu .dropdown-info h5 { color: #5b6472 !important; }
html.light-mode .dropdown-list .dropdown-item { color: #5b6472 !important; }
html.light-mode .header-profile-menu .dropdown-info h4 { color: #111827 !important; }
html.light-mode .header-search i { color: #5b6472 !important; }
html.light-mode .user-avatar { background: #ffffff !important; }
html.light-mode .user-avatar { color: #6b7280 !important; }
html.light-mode .page-header h1 { color: #374151 !important; }
html.light-mode .page-header p { color: #6b7280 !important; }
html.light-mode .stat-card { background: #ffffff !important; }
html.light-mode .stat-card { box-shadow: 0 4px 6px -1px rgba(16,24,40,0.05) !important; }
html.light-mode .stat-card h3 { color: #6b7280 !important; }
html.light-mode .stat-card .value { color: #111827 !important; }
html.light-mode .stat-card .trend { color: #5b6472 !important; }
html.light-mode .section-header h2 { color: #111827 !important; }
html.light-mode .dropdown-menu { background: #ffffff !important; }
html.light-mode .dropdown-menu { box-shadow: 0 4px 6px -1px rgba(16,24,40,0.05) !important; }
html.light-mode .dropdown-item { color: #6b7280 !important; }
html.light-mode .notification-badge { background: #B81466 !important; }
html.light-mode .nav-icon-wrapper { color: #6b7280 !important; }
html.light-mode .booking-item-card { background: #ffffff !important; }
html.light-mode .square-50 { background: #f3f4f6 !important; }
html.light-mode .square-50 { color: #B81466 !important; }
html.light-mode .event-info p { color: #4b5563 !important; }
html.light-mode .event-details p { color: #6b7280 !important; }
html.light-mode .booking-meta p { color: #5b6472 !important; }
html.light-mode .booking-form-count ul { color: #6b7280 !important; }
html.light-mode .booking-form-count ul li h3 { color: #111827 !important; }
html.light-mode .booking-form-count p { color: #6b7280 !important; }
html.light-mode .common-modal .modal-header { color: #111827 !important; }
html.light-mode .common-modal .modal-footer { color: #111827 !important; }
html.light-mode .common-modal .modal-body { background-color: #111827 !important; }
html.light-mode .common-modal .modal-content { background: #ffffff !important; }
html.light-mode .common-modal .modal-header .btn-close { color: #6b7280 !important; }
html.light-mode .ratings-lg { color: #f59e0b !important; }
html.light-mode .review-total-block p { color: #5b6472 !important; }
html.light-mode .review-filter-block h4 { color: #111827 !important; }
html.light-mode .filter-tabs .filter-tab { color: #374151 !important; }
html.light-mode .filter-tabs .filter-tab.active { background-color: #B81466 !important; }
html.light-mode .filter-tabs .filter-tab.active { border-color: #B81466 !important; }
html.light-mode .review-feed-item { box-shadow: 0 10px 30px rgba(16,24,40,0.14) !important; }
html.light-mode .review-feed-item { background: #ffffff !important; }
html.light-mode .review-top-left p { color: #6b7280 !important; }
html.light-mode .review-content p { color: #6b7280 !important; }
html.light-mode .review-footer { color: #6b7280 !important; }
html.light-mode .common-card { background: #ffffff !important; }
html.light-mode .common-card { box-shadow: 0 4px 6px -1px rgba(16,24,40,0.05) !important; }
html.light-mode .common-card-title { color: #111827 !important; }
html.light-mode .common-card-slogan { color: #5b6472 !important; }
html.light-mode .event-date-square { background: #ffffff !important; }
html.light-mode .event-date-square { color: #111827 !important; }
html.light-mode .event-mid-part h3 { color: #111827 !important; }
html.light-mode .event-mid-part p { color: #5b6472 !important; }
html.light-mode .text-alert { color: #dc2626 !important; }
html.light-mode .event-right-part h4 { color: #111827 !important; }
html.light-mode .event-right-part p { color: #5b6472 !important; }
html.light-mode .active-cell { background-color: #ffffff !important; }
html.light-mode .watchlist-info h4 { color: #111827 !important; }
html.light-mode .watchlist-info .arrow { color: #5b6472 !important; }
html.light-mode .common-table thead th { color: #6b7280 !important; }
html.light-mode .common-table thead th { background: #111827 !important; }
html.light-mode .common-table tbody td { color: #111827 !important; }
html.light-mode .common-table h4 { color: #111827 !important; }
html.light-mode .common-table p { color: #6b7280 !important; }
html.light-mode .status.primary { color: #B81466 !important; }
html.light-mode .status.primary-fill { background-color: #B81466 !important; }
html.light-mode .status.cancel { color: #dc2626 !important; }
html.light-mode .status.dark { background: #111827 !important; }
html.light-mode .status.dark { color: #5b6472 !important; }
html.light-mode .pagination .page-link { color: #6b7280 !important; }
html.light-mode .pagination .page-item.active .page-link { background-color: #B81466 !important; }
html.light-mode .pagination .page-item.active .page-link { border-color: #B81466 !important; }
html.light-mode .messages-container { box-shadow: 0 10px 25px rgba(16,24,40,0.05) !important; }
html.light-mode .messages-container { box-shadow: 0 10px 30px rgba(16,24,40,0.14) !important; }
html.light-mode .messages-container { background: #ffffff !important; }
html.light-mode .msg-search i { color: #374151 !important; }
html.light-mode .msg-search .form-control { background: #ffffff !important; }
html.light-mode .msg-search .form-control { color: #111827 !important; }
html.light-mode .msg-item.active { background: #ffffff !important; }
html.light-mode .msg-item-top h4 { color: #111827 !important; }
html.light-mode .msg-item-top p { color: #6b7280 !important; }
html.light-mode .msg-item-bottom p { color: #6b7280 !important; }
html.light-mode .inner-dropdown .dropdown-toggle { color: #1f2937 !important; }
html.light-mode .message-feed { background: #ffffff !important; }
html.light-mode .devider-hr { background: #ffffff !important; }
html.light-mode .devider-text { color: #5b6472 !important; }
html.light-mode .other-chat-bubble { background: #ffffff !important; }
html.light-mode .other-chat-bubble p { color: #111827 !important; }
html.light-mode .msg-time { color: #5b6472 !important; }
html.light-mode .my-chat-bubble { background-color: #B81466 !important; }
html.light-mode .my-chat-bubble p { color: #111827 !important; }
html.light-mode .message-form { background: #ffffff !important; }
html.light-mode .message-form .form-control { background: #ffffff !important; }
html.light-mode .message-form .form-control { border-color: #e6e8ec !important; }
html.light-mode .message-form .msg-btn { background: #B81466 !important; }
html.light-mode .review-progress  h4 { color: #111827 !important; }
html.light-mode .progress-block .progress { background-color: #eef0f4 !important; }
html.light-mode .progress-value { color: #5b6472 !important; }
html.light-mode .notification-info h4 { color: #111827 !important; }
html.light-mode .notification-info p { color: #5b6472 !important; }
html.light-mode .switch  .slider { background-color: #eef0f4 !important; }
html.light-mode .switch .slider:before { background-color: #ffffff !important; }
html.light-mode .switch input:checked+.slider { background-color: #B81466 !important; }
html.light-mode .account-card p { color: #5b6472 !important; }
html.light-mode .review-comment { background: #ffffff !important; }
html.light-mode .review-comment-info p { color: #5b6472 !important; }
html.light-mode .total-events h3 { color: #111827 !important; }
html.light-mode .total-events h3 span { color: #B81466 !important; }
html.light-mode .common-tabs .nav-link { color: #5b6472 !important; }
html.light-mode .common-tabs .nav-link.active { border-bottom-color: #B81466 !important; }
html.light-mode .common-tabs .nav-link.active { color: #B81466 !important; }
html.light-mode .square-70 { color: #B81466 !important; }
html.light-mode .square-32 { color: #B81466 !important; }
html.light-mode .square-85 { color: #B81466 !important; }
html.light-mode .square-48 { color: #B81466 !important; }
html.light-mode .booking-event-info h3 { color: #111827 !important; }
html.light-mode .booking-event-info p { color: #6b7280 !important; }
html.light-mode .booking-card-center h2 { color: #111827 !important; }
html.light-mode .add-role-icon-circle { color: #5b6472 !important; }
html.light-mode .add-role-card h2 { color: #5b6472 !important; }
html.light-mode .persona-title { color: #111827 !important; }
html.light-mode .profile-modal-main { background-color: #ffffff !important; }
html.light-mode .pd-left h2 { color: #111827 !important; }
html.light-mode .pd-left .pd-address { color: #5b6472 !important; }
html.light-mode .pd-date-block label { color: #374151 !important; }
html.light-mode .pd-date-block p.value { color: #111827 !important; }
html.light-mode .pd-date-block p { color: #111827 !important; }
html.light-mode .pd-date-block .Description { color: #374151 !important; }
html.light-mode .profile-right-info { background-color: #ffffff !important; }
html.light-mode .profile-right-info h3 { color: #111827 !important; }
html.light-mode .financial-summary p { color: #374151 !important; }
html.light-mode .financial-summary h4 { color: #111827 !important; }
html.light-mode .check-row li { color: #374151 !important; }
html.light-mode .edit-pic-btn { color: #111827 !important; }
html.light-mode .private-note { color: #B81466 !important; }
html.light-mode .profile-left h1 { color: #111827 !important; }
html.light-mode .profile-left h3 { color: #111827 !important; }
html.light-mode .profile-left h4 { color: #111827 !important; }
html.light-mode .second-tag { color: #B81466 !important; }
html.light-mode .welcome-card { background-color: #ffffff !important; }
html.light-mode .welcome-card { color: #0f172a !important; }
html.light-mode .started-circle { color: #5b6472 !important; }
html.light-mode .started-cell p { color: #5b6472 !important; }
html.light-mode .verified-cell.started-cell .started-circle { color: #10b981 !important; }
html.light-mode .current-cell.started-cell h4 { color: #111827 !important; }
html.light-mode .current-cell.started-cell .started-circle { color: #B81466 !important; }
html.light-mode .current-cell.started-cell .started-circle { border-color: #B81466 !important; }
html.light-mode .hbw-cell p { color: #5b6472 !important; }
html.light-mode .hbw-icon { color: #5b6472 !important; }
html.light-mode .db-contact-card { color: #374151 !important; }
html.light-mode .db-contact-card { background-color: #f3f4f6 !important; }
html.light-mode .db-contact-card p { color: #5b6472 !important; }
html.light-mode .vi-block { background-color: #111827 !important; }
html.light-mode .vi-block h4 { color: #111827 !important; }
html.light-mode .vi-block p { color: #5b6472 !important; }
html.light-mode .feature-icon-44 { color: #B81466 !important; }
html.light-mode .small-blue-btn { color: #111827 !important; }
html.light-mode .feature-profile-panel { background-color: #111827 !important; }
html.light-mode .feature-left h4 { color: #111827 !important; }
html.light-mode .feature-left p { color: #5b6472 !important; }
html.light-mode .inner-section-header h3 { color: #111827 !important; }
html.light-mode .empty-prompt p { color: #5b6472 !important; }
html.light-mode .browse-info i { color: #B81466 !important; }
html.light-mode .input-group-text { border-color: #d6dbe3 !important; }
html.light-mode .input-group-text { color: #5b6472 !important; }
html.light-mode .contact-info-block i { color: #B81466 !important; }
html.light-mode .contact-right-info h4 { color: #5b6472 !important; }
html.light-mode .contact-right-info p { color: #111827 !important; }
html.light-mode .media-overlay .delete-media { background-color: #ffffff !important; }
html.light-mode .media-overlay .delete-media { color: #dc2626 !important; }
html.light-mode .close-profile { background-color: #ffffff !important; }
html.light-mode .close-profile { color: #dc2626 !important; }
html.light-mode .faq-btn { color: #5b6472 !important; }
html.light-mode .faq-btn.delete-qtn { color: #dc2626 !important; }
html.light-mode .banner-browse-info i { color: #B81466 !important; }
html.light-mode .banner-browse-info h4 { color: #111827 !important; }
html.light-mode .filter-search i { color: #5b6472 !important; }
html.light-mode .event-card-center .event-center-info h3 { color: #111827 !important; }
html.light-mode .event-card-center .event-center-info p { color: #5b6472 !important; }
html.light-mode .event-card-right h5 { color: #5b6472 !important; }
html.light-mode .db-search-card .icon-lg { color: #B81466 !important; }
html.light-mode .db-search-card h4 { color: #111827 !important; }
html.light-mode .db-search-card p { color: #5b6472 !important; }
html.light-mode .form-check-input:checked[type="radio"] { border-color: #B81466 !important; }
html.light-mode .form-check-input:checked[type="radio"]:before { background-color: #B81466 !important; }
html.light-mode .form-section-head h4 { color: #111827 !important; }
html.light-mode .form-section-head p { color: #5b6472 !important; }
html.light-mode .primary-note { color: #5b6472 !important; }
html.light-mode .card-icon-block p { color: #5b6472 !important; }
html.light-mode .card-time-block { background: #ffffff !important; }
html.light-mode .hrs-label { background: #ffffff !important; }
html.light-mode .hrs-label { color: #111827 !important; }
html.light-mode .no-data-card { background: #ffffff !important; }
html.light-mode .no-data-card .circle-80 { color: #B81466 !important; }
html.light-mode .no-data-card h2 { color: #111827 !important; }
html.light-mode .no-data-card p { color: #5b6472 !important; }
html.light-mode .vf-note { color: #5b6472 !important; }
html.light-mode .event-banner-content h1 { color: #111827 !important; }
html.light-mode .banner-icon-block { color: #5b6472 !important; }
html.light-mode .about-card p { color: #5b6472 !important; }
html.light-mode .host-card h4 { color: #111827 !important; }
html.light-mode .host-card p { color: #5b6472 !important; }
html.light-mode .ov-info p { color: #5b6472 !important; }
html.light-mode .ov-info h5 { color: #111827 !important; }
html.light-mode .ov-info h6 { color: #111827 !important; }
html.light-mode .fund-note { background: #ffffff !important; }
html.light-mode .fund-note { color: #5b6472 !important; }
html.light-mode .event-detail-main { background-color: #ffffff !important; }
html.light-mode .similar-section h2 { color: #111827 !important; }
html.light-mode .modal-header-icon h5 { color: #111827 !important; }
html.light-mode .modal-header-icon p { color: #B81466 !important; }
html.light-mode .modal-header-icon p.book-id { color: #5b6472 !important; }
html.light-mode .browse-info p { color: #5b6472 !important; }
html.light-mode .performance-slot h5 { color: #B81466 !important; }
html.light-mode .performance-slot h4 { color: #111827 !important; }
html.light-mode .performance-slot p { color: #5b6472 !important; }
html.light-mode .dtv-block h5 { color: #5b6472 !important; }
html.light-mode .dtv-info { color: #5b6472 !important; }
html.light-mode .dtv-info i { color: #5b6472 !important; }
html.light-mode .dtv-info b { color: #111827 !important; }
html.light-mode .booked-block h5 { color: #5b6472 !important; }
html.light-mode .booked-block h4 { color: #111827 !important; }
html.light-mode .payment-summary-block h4 { color: #111827 !important; }
html.light-mode .payment-cell p { color: #5b6472 !important; }
html.light-mode .payment-cell h5 { color: #111827 !important; }
html.light-mode .payment-total h4 { color: #111827 !important; }
html.light-mode .payment-total h3 { color: #B81466 !important; }
html.light-mode .modal-header-second h3 { color: #111827 !important; }
html.light-mode .modal-header-second p { color: #5b6472 !important; }
html.light-mode .overview-card p { color: #5b6472 !important; }
html.light-mode .overview-card h3 { color: #111827 !important; }
html.light-mode .dynamic-data-block h4 { color: #111827 !important; }
html.light-mode .dynamic-data-block p { color: #5b6472 !important; }
html.light-mode .dynamic-data-block ul { color: #5b6472 !important; }
html.light-mode .event-icon-block { color: #5b6472 !important; }
html.light-mode .job-event-info h4 { color: #111827 !important; }
html.light-mode .table-price span { color: #5b6472 !important; }
html.light-mode .table-ratings { color: #111827 !important; }
html.light-mode .table-ratings i { color: #f59e0b !important; }
html.light-mode .table-ratings .r-count { color: #5b6472 !important; }
html.light-mode .fav-btn { color: #B81466 !important; }
html.light-mode .btn12 .icon { background-color: #ffffff !important; }
html.light-mode .btn12 .icon:before { background-color: #ffffff !important; }
html.light-mode .btn12 .icon:after { background-color: #ffffff !important; }
html.light-mode .navbar-collapse { background-color: #ffffff !important; }
html.light-mode .nct-toast { background: #f5f6f8 !important; }
html.light-mode .nct-toast { box-shadow: 0 8px 24px rgba(16,24,40,0.14) !important; }
html.light-mode .iti__country-list { box-shadow: 0 16px 40px rgba(16,24,40,0.14), 0 0 1px rgba(255, 255, 255, 0.15) !important; }
html.light-mode [data-theme="light"] .iti__country-list,
body.light-theme .iti__country-list,
body.light-mode .iti__country-list { box-shadow: 0 12px 30px rgba(16,24,40,0.12) !important; }
html.light-mode .profile-promoter-info h4 { color: #6b7280 !important; }
html.light-mode .settings-main .settings-column-header { color: #6b7280 !important; }
html.light-mode .settings-main .password-toggle { color: #6b7280 !important; }
html.light-mode .account-settings-modal .modal-content,
#modal-deactivate-account .modal-content,
#modal-delete-account .modal-content { box-shadow: 0 20px 50px rgba(16,24,40,0.14) !important; }
html.light-mode .heart-icon i { color: #111827 !important; }
html.light-mode .blog-head p { color: #374151 !important; }
html.light-mode .blog-filters { background: #f6f7f9 !important; }
html.light-mode .blog-search input { color: #111827 !important; }
html.light-mode .blog-search button { background: #B81466 !important; }
html.light-mode .blog-cat-list a { color: #374151 !important; }
html.light-mode .blog-results-note { color: #374151 !important; }
html.light-mode .blog-card { background: #f6f7f9 !important; }
html.light-mode .blog-card__cat { color: #B81466 !important; }
html.light-mode .blog-card__title a { color: #111827 !important; }
html.light-mode .blog-card__excerpt { color: #374151 !important; }
html.light-mode .blog-card__foot { color: #374151 !important; }
html.light-mode .blog-card__foot a { color: #B81466 !important; }
html.light-mode .blog-detail__cat { color: #B81466 !important; }
html.light-mode .blog-detail__meta { color: #374151 !important; }
html.light-mode .blog-detail__lead { color: #374151 !important; }
html.light-mode .blog-detail__body { color: #111827 !important; }
html.light-mode .blog-detail__back a { color: #B81466 !important; }
html.light-mode .profile-tag--premium { color: #0f172a !important; }
html.light-mode .blog-search button { color: #ffffff !important; }
html.light-mode .btn-apply { color: #ffffff !important; }
html.light-mode .btn-cancel { color: #ffffff !important; }
html.light-mode .btn-sm { color: #ffffff !important; }
html.light-mode .cta-book { color: #ffffff !important; }
html.light-mode .fav-btn { color: #ffffff !important; }
html.light-mode .feature-btn { color: #ffffff !important; }
html.light-mode .filter-btn { color: #ffffff !important; }
html.light-mode .message-form .msg-btn { color: #ffffff !important; }
html.light-mode .modal .btn-apply { color: #ffffff !important; }
html.light-mode .notification-badge { color: #ffffff !important; }
html.light-mode .profile-tag--featured { color: #ffffff !important; }
html.light-mode .profile-tag--premium { color: #ffffff !important; }
html.light-mode .register-btn { color: #ffffff !important; }
html.light-mode .second-tag { color: #ffffff !important; }
html.light-mode .subscribe-form button { color: #ffffff !important; }
html.light-mode .toggle-btn.active { color: #ffffff !important; }
html.light-mode .hero-left h1 { color: var(--primary) !important; }
html.light-mode .sticky-menu { background: #fff !important; }
html.light-mode .sticky-menu { border-bottom: 1px solid #eee !important; }
html.light-mode .sticky-menu a { color: #444 !important; }
html.light-mode .sticky-menu a.active { color: var(--primary) !important; }
html.light-mode .sticky-menu a.active { border-bottom: 2px solid var(--primary) !important; }
html.light-mode .share-save-btns button { border: none !important; }
html.light-mode .share-save-btns button { background: none !important; }
html.light-mode .rating-block { color: #f59e0b !important; }
html.light-mode .content-left { color: #444 !important; }
html.light-mode .section-block { border-bottom: 1px solid #eee !important; }
html.light-mode .stat-item { color: #444 !important; }
html.light-mode .stat-item { border: 1px solid #eee !important; }
html.light-mode .stat-item i { color: var(--primary) !important; }
html.light-mode .stat-item .stat-label { color: #666 !important; }
html.light-mode body { background: #fff !important; }
html.light-mode body { color: var(--dark) !important; }
html.light-mode .navbar { background: #fff !important; }
html.light-mode .navbar { box-shadow: 0 4px 30px rgba(0,0,0,0.05) !important; }
html.light-mode .logo a { color: var(--dark) !important; }
html.light-mode .logo span { color: var(--primary) !important; }
html.light-mode .dropbtn { background: none !important; }
html.light-mode .dropbtn { border: none !important; }
html.light-mode .dropbtn { color: #444 !important; }
html.light-mode .dropbtn:hover { color: var(--primary) !important; }
html.light-mode .dropdown-content { background: #fff !important; }
html.light-mode .dropdown-content { box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; }
html.light-mode .dropdown-content { border-top: 3px solid var(--primary) !important; }
html.light-mode .content-grid a { color: #666 !important; }
html.light-mode .content-grid a:hover { color: var(--primary) !important; }
html.light-mode .login { color: var(--dark) !important; }
html.light-mode .register-btn { background: var(--grad) !important; }
html.light-mode .register-btn { color: #fff !important; }
html.light-mode .register-btn:hover { box-shadow: 0 5px 15px rgba(255, 92, 141, 0.3) !important; }
html.light-mode .hero { color: #fff !important; }
html.light-mode .hero-content h1 span { color: var(--primary) !important; }
html.light-mode .search-container { background: #fff !important; }
html.light-mode .search-container { box-shadow: 0 30px 60px rgba(0,0,0,0.4) !important; }
html.light-mode .search-input-group { border-right: 1px solid #eee !important; }
html.light-mode .search-input-group:last-of-type { border-right: none !important; }
html.light-mode .search-input-group label { color: var(--secondary) !important; }
html.light-mode .search-input-group input { border: none !important; }
html.light-mode .search-input-group input { color: #111 !important; }
html.light-mode .search-input-group input { background: transparent !important; }
html.light-mode .hero-search-btn { background: var(--dark) !important; }
html.light-mode .hero-search-btn { color: #fff !important; }
html.light-mode .hero-search-btn { border: none !important; }
html.light-mode .hero-search-btn:hover { background: var(--primary) !important; }
html.light-mode .how-it-works { background: #ffffff !important; }
html.light-mode .how-it-works h2 { color: var(--dark) !important; }
html.light-mode .subtitle { color: #666 !important; }
html.light-mode .card { border: 2px solid #f4f4f4 !important; }
html.light-mode .card:hover { border-color: var(--primary) !important; }
html.light-mode .card:hover { box-shadow: 0 20px 40px rgba(184, 20, 102, 0.08) !important; }
html.light-mode .card h3 { color: var(--dark) !important; }
html.light-mode .step span { color: var(--primary) !important; }
html.light-mode .step strong { color: var(--dark) !important; }
html.light-mode .btn-card { background: var(--dark) !important; }
html.light-mode .btn-card { color: #fff !important; }
html.light-mode .btn-card:hover { background: var(--primary) !important; }
html.light-mode .btn-card-white:hover { background: var(--primary) !important; }
html.light-mode .btn-card-white:hover { border: 2px solid #ffffff !important; }
html.light-mode .btn-card-white:hover { color: #fff !important; }
html.light-mode .featured-spotlight { background: #f9f9f9 !important; }
html.light-mode .featured-spotlight h2 span { color: var(--primary) !important; }
html.light-mode .spotlight-card { background: #fff !important; }
html.light-mode .spotlight-card { box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important; }
html.light-mode .spotlight-card:hover { box-shadow: 0 20px 30px rgba(0,0,0,0.1) !important; }
html.light-mode .role { color: var(--primary) !important; }
html.light-mode .rating { color: #f59e0b !important; }
html.light-mode .book-now { color: var(--dark) !important; }
html.light-mode .book-now { border-top: 1px solid #eee !important; }
html.light-mode .book-now:hover { color: var(--primary) !important; }
html.light-mode .toggle-container { background: #f1f1f1 !important; }
html.light-mode .toggle-btn { border: none !important; }
html.light-mode .toggle-btn { background: transparent !important; }
html.light-mode .toggle-btn.active { background: var(--primary) !important; }
html.light-mode .toggle-btn.active { color: #fff !important; }
html.light-mode .step-number { color: var(--primary) !important; }
html.light-mode .step-card p { color: #666 !important; }
html.light-mode .testimonials { background: #fff !important; }
html.light-mode .testimonials h2 span { color: var(--primary) !important; }
html.light-mode .testimonial-card { background: #f9f9f9 !important; }
html.light-mode .testimonial-card { border-left: 5px solid var(--primary) !important; }
html.light-mode .quote-mark { color: var(--primary) !important; }
html.light-mode .quote-text { color: #444 !important; }
html.light-mode .author span { color: var(--primary) !important; }
html.light-mode .author-img { border: 3px solid var(--primary) !important; }
html.light-mode .author-text span { color: var(--primary) !important; }
html.light-mode .why-choose-us { background: #ffffff !important; }
html.light-mode .why-choose-us h2 span { color: var(--primary) !important; }
html.light-mode .feature-card { background: #f8f9fa !important; }
html.light-mode .feature-card { border: 1px solid #f0f0f0 !important; }
html.light-mode .feature-card:hover { border-color: var(--primary) !important; }
html.light-mode .icon { color: var(--primary) !important; }
html.light-mode .feature-card p { color: #555 !important; }
html.light-mode .banner { color: #fff !important; }
html.light-mode .organizer-banner { background-color: #1a1a1a !important; }
html.light-mode .artist-banner { background-color: var(--primary) !important; }
html.light-mode .banner::before { background: rgba(0,0,0,0.3) !important; }
html.light-mode .cta-btn { background: #fff !important; }
html.light-mode .cta-btn { color: var(--dark) !important; }
html.light-mode .cta-btn:hover { background: var(--primary) !important; }
html.light-mode .cta-btn:hover { color: #fff !important; }
html.light-mode .main-footer { background: #ffffff !important; }
html.light-mode .main-footer { border-top: 1px solid #eee !important; }
html.light-mode .footer-col h4 { color: #000 !important; }
html.light-mode .footer-links li a { color: #666 !important; }
html.light-mode .footer-links li a:hover { color: var(--primary) !important; }
html.light-mode .social-links a { color: #1a1a1a !important; }
html.light-mode .social-links a:hover { color: var(--primary) !important; }
html.light-mode .subscribe-form input { border: 1px solid #ddd !important; }
html.light-mode .subscribe-form button { background: var(--primary) !important; }
html.light-mode .subscribe-form button { color: #fff !important; }
html.light-mode .subscribe-form button { border: none !important; }
html.light-mode .footer-bottom { border-top: 1px solid #eee !important; }
html.light-mode .footer-bottom { color: #888 !important; }
html.light-mode .booking-card { border: 1px solid #eee !important; }
html.light-mode .booking-card { box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
html.light-mode .booking-card { background: #fff !important; }
html.light-mode .card-details p { color: #555 !important; }
html.light-mode .card-details i { color: var(--primary) !important; }
html.light-mode .price-hint { color: #888 !important; }
html.light-mode .btn-card-white { color: #000000 !important; }
html.light-mode .btn-card-white { background: #ffffff !important; }
html.light-mode .btn-card-white { border: 2px solid #000000 !important; }
html.light-mode .capsule { background: #f4f4f4 !important; }
html.light-mode .capsule { color: var(--dark) !important; }
html.light-mode .capsule { border: 1px solid #eee !important; }
html.light-mode .capsule:hover { border-color: var(--primary) !important; }
html.light-mode .capsule:hover { color: var(--primary) !important; }
html.light-mode .capsule:hover { background: #fff !important; }
html.light-mode .artist-card { border: 1px solid #eee !important; }
html.light-mode .artist-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
html.light-mode .heart-icon { background: rgba(255,255,255,0.8) !important; }
html.light-mode .heart-icon:hover i { color: var(--primary) !important; }
html.light-mode .cta-book { background: var(--primary) !important; }
html.light-mode .cta-book { color: #fff !important; }
html.light-mode .cta-book { border: none !important; }
html.light-mode .booking-container { background: #fff !important; }
html.light-mode .booking-container { box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important; }
html.light-mode .booking-container { border: 1px solid #eee !important; }
html.light-mode .form-header { border-bottom: 2px solid #f8f8f8 !important; }
html.light-mode .form-header h2 { color: var(--dark) !important; }
html.light-mode .form-header span { color: var(--primary) !important; }
html.light-mode .input-group label { color: #555 !important; }
html.light-mode .input-group input, 
.input-group select, 
.input-group textarea { border: 2px solid #eeeeee !important; }
html.light-mode .input-group input, 
.input-group select, 
.input-group textarea { background: #ffffff !important; }
html.light-mode .input-group input, 
.input-group select, 
.input-group textarea { color: var(--dark) !important; }
html.light-mode .input-group input:focus, 
.input-group select:focus, 
.input-group textarea:focus { border-color: var(--primary) !important; }
html.light-mode .input-group input:focus, 
.input-group select:focus, 
.input-group textarea:focus { box-shadow: 0 0 8px rgba(184, 20, 102, 0.1) !important; }
html.light-mode .input-group input:focus, 
.input-group select:focus, 
.input-group textarea:focus { background: #fff !important; }
html.light-mode .booking-summary { background: #fff5f9 !important; }
html.light-mode .booking-summary { border: 1px dashed var(--primary) !important; }
html.light-mode .breadcrumb { color: #888 !important; }
html.light-mode .breadcrumb a { color: #888 !important; }
html.light-mode .breadcrumb a:hover { color: var(--primary) !important; }
html.light-mode .breadcrumb .separator { color: #ccc !important; }
html.light-mode .breadcrumb .current { color: var(--primary) !important; }
html.light-mode .dashboard-wrapper { background: #f8fafc !important; }
html.light-mode .sidebar { background: #fff !important; }
html.light-mode .sidebar { border-right: 1px solid #e2e8f0 !important; }
html.light-mode .nav-item { color: #64748b !important; }
html.light-mode .nav-item { border-left: 4px solid transparent !important; }
html.light-mode .nav-item:hover { color: var(--primary) !important; }
html.light-mode .nav-item:hover { background: #fff5f9 !important; }
html.light-mode .nav-item.active { color: var(--primary) !important; }
html.light-mode .nav-item.active { background: #fff5f9 !important; }
html.light-mode .nav-item.active { border-left: 4px solid var(--primary) !important; }
html.light-mode .welcome-header h1 { color: var(--dark) !important; }
html.light-mode .stat-card { background: #fff !important; }
html.light-mode .stat-card { border: 1px solid #e2e8f0 !important; }
html.light-mode .stat-card { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; }
html.light-mode .stat-card h3 { color: #64748b !important; }
html.light-mode .stat-card .value { color: var(--dark) !important; }
html.light-mode .trend.up { color: #10b981 !important; }
html.light-mode .booking-item-card { background: #fff !important; }
html.light-mode .booking-item-card { border: 1px solid #e2e8f0 !important; }
html.light-mode .booking-item-card:hover { border-color: var(--primary) !important; }
html.light-mode .booking-item-card:hover { box-shadow: 0 4px 12px rgba(184, 20, 102, 0.05) !important; }
html.light-mode .event-icon { background: #fff5f9 !important; }
html.light-mode .event-icon { color: var(--primary) !important; }
html.light-mode .event-details h4 { color: var(--dark) !important; }
html.light-mode .event-details p { color: #64748b !important; }
html.light-mode .booking-amount { color: var(--dark) !important; }
html.light-mode .btn-accept { background: var(--primary) !important; }
html.light-mode .btn-accept { color: #fff !important; }
html.light-mode .btn-accept { border: none !important; }
html.light-mode .btn-details { background: #f1f5f9 !important; }
html.light-mode .btn-details { color: #475569 !important; }
html.light-mode .btn-details { border: 1px solid #e2e8f0 !important; }
html.light-mode .btn-details:hover { background: #e2e8f0 !important; }
html.light-mode .nav-icon-wrapper { color: #64748b !important; }
html.light-mode .nav-icon-wrapper:hover { color: var(--primary) !important; }
html.light-mode .notification-badge { background: var(--primary) !important; }
html.light-mode .notification-badge { color: #fff !important; }
html.light-mode .notification-badge { border: 2px solid #fff !important; }
html.light-mode .user-profile-trigger:hover { background: #fff5f9 !important; }
html.light-mode .user-avatar { background: #f1f5f9 !important; }
html.light-mode .user-avatar { border: 2px solid #e2e8f0 !important; }
html.light-mode .user-avatar { color: #64748b !important; }
html.light-mode .editable-element { border: 1px solid transparent !important; }
html.light-mode .editable-element:hover { background: rgba(184, 20, 102, 0.03) !important; }
html.light-mode .editable-element:hover { border: 1px dashed var(--primary) !important; }
html.light-mode .edit-btn-mini { background: var(--primary) !important; }
html.light-mode .edit-btn-mini { color: #fff !important; }
html.light-mode .edit-btn-mini { box-shadow: 0 4px 10px rgba(184, 20, 102, 0.3) !important; }
html.light-mode .photo-edit-overlay { background: rgba(0, 0, 0, 0.6) !important; }
html.light-mode .photo-edit-overlay { color: #fff !important; }
html.light-mode .view-mode-bar { background: #fff5f9 !important; }
html.light-mode .view-mode-bar { border-bottom: 1px solid rgba(184, 20, 102, 0.1) !important; }
html.light-mode .profile-hero-lite { background: #ffffff !important; }
html.light-mode .profile-hero-lite { border-bottom: 1px solid #eee !important; }
html.light-mode .profile-photo-container { border: 1px solid #eee !important; }
html.light-mode .profile-photo-container { box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important; }
html.light-mode .platform-name { color: var(--dark) !important; }
html.light-mode .real-name { color: #64748b !important; }
html.light-mode .badge-item { color: var(--dark) !important; }
html.light-mode .badge-item i { color: var(--primary) !important; }
html.light-mode .focus-tag { background: #fff5f9 !important; }
html.light-mode .focus-tag { color: var(--primary) !important; }
html.light-mode .focus-tag { border: 1px solid rgba(184, 20, 102, 0.1) !important; }
html.light-mode .modal-content { background: white !important; }
html.light-mode .modal-content { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
html.light-mode .modal-content::-webkit-scrollbar-thumb { background-color: #e2e8f0 !important; }
html.light-mode .check-item { background: #fff !important; }
html.light-mode .check-item { border: 1px solid #e2e8f0 !important; }
html.light-mode .check-item:hover { border-color: var(--primary) !important; }
html.light-mode .check-item:hover { background: #fff5f9 !important; }
html.light-mode .check-item span { color: #475569 !important; }
html.light-mode .modal-btn { border: 2px solid transparent !important; }
html.light-mode .btn-save { background: var(--primary) !important; }
html.light-mode .btn-save { color: #fff !important; }
html.light-mode .btn-save { border-color: var(--primary) !important; }
html.light-mode .btn-save:hover { background: #a01259 !important; }
html.light-mode .btn-cancel { background: #f1f5f9 !important; }
html.light-mode .btn-cancel { color: #64748b !important; }
html.light-mode .btn-cancel { border-color: #e2e8f0 !important; }
html.light-mode .btn-cancel:hover { background: #e2e8f0 !important; }
html.light-mode .btn-cancel:hover { color: #1e293b !important; }
html.light-mode .contact-list i { background: #f8fafc !important; }
html.light-mode .contact-list i { color: var(--primary) !important; }
html.light-mode .contact-list span { color: #94a3b8 !important; }
html.light-mode .contact-list p { color: var(--dark) !important; }
html.light-mode .add-media-card { border: 2px dashed #e2e8f0 !important; }
html.light-mode .add-media-card { background: #fff !important; }
html.light-mode .add-media-card:hover { border-color: var(--primary) !important; }
html.light-mode .add-media-card:hover { background: #fff5f9 !important; }
html.light-mode .gallery-item .media-overlay { background: rgba(184, 20, 102, 0.2) !important; }
html.light-mode .delete-media { background: #fff !important; }
html.light-mode .delete-media { color: #ef4444 !important; }
html.light-mode .delete-media { border: none !important; }
html.light-mode .delete-media { box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }
html.light-mode .btn-edit-main { background-color: #ffffff !important; }
html.light-mode .btn-edit-main { color: #B81466 !important; }
html.light-mode .btn-edit-main { border: 1px solid #B81466 !important; }
html.light-mode .btn-edit-main:hover { background-color: #fff5f9 !important; }
html.light-mode .btn-edit-main:hover { box-shadow: 0 4px 10px rgba(184, 20, 102, 0.1) !important; }
html.light-mode .modal-overlay { background: rgba(0,0,0,0.5) !important; }
html.light-mode .modal-overlay { background-color: rgba(0, 0, 0, 0.6) !important; }
html.light-mode .close-modal { color: #94a3b8 !important; }
html.light-mode .persona-card { background: #fff !important; }
html.light-mode .persona-card { border: 2px solid #e2e8f0 !important; }
html.light-mode .status-toggle-wrapper { border-top: 1px solid #f1f5f9 !important; }
html.light-mode .persona-icon-circle { background: #f8fafc !important; }
html.light-mode .persona-card:hover { border-color: var(--primary) !important; }
html.light-mode .persona-card:hover { box-shadow: 0 20px 40px rgba(184, 20, 102, 0.08) !important; }
html.light-mode .persona-icon-circle i { color: #64748b !important; }
html.light-mode .persona-card:hover .persona-icon-circle { background: #fff5f9 !important; }
html.light-mode .persona-card:hover .persona-icon-circle i { color: var(--primary) !important; }
html.light-mode .persona-title { color: var(--dark) !important; }
html.light-mode .persona-status { color: #94a3b8 !important; }
html.light-mode .persona-card:hover .persona-title { color: var(--primary) !important; }
html.light-mode .status-dot { background: #10b981 !important; }
html.light-mode .slider { background-color: #cbd5e1 !important; }
html.light-mode .slider:before { background-color: white !important; }
html.light-mode .slider:before { box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; }
html.light-mode input:checked + .slider { background-color: var(--primary) !important; }
html.light-mode .status-active { color: #10b981 !important; }
html.light-mode .status-inactive { color: #94a3b8 !important; }
html.light-mode .add-role-card { background: transparent !important; }
html.light-mode .add-role-card { border: 2px dashed #cbd5e1 !important; }
html.light-mode .add-role-card:hover { border-color: var(--primary) !important; }
html.light-mode .add-role-card:hover { background: #fff5f9 !important; }
html.light-mode .add-role-icon-circle { border: 2px dashed #cbd5e1 !important; }
html.light-mode .add-role-card:hover .add-role-icon-circle { border-color: var(--primary) !important; }
html.light-mode .add-role-card:hover .add-role-icon-circle { color: var(--primary) !important; }
html.light-mode .bookings-tabs { border-bottom: 1px solid #e2e8f0 !important; }
html.light-mode .tab-btn { color: #94a3b8 !important; }
html.light-mode .tab-btn { background: none !important; }
html.light-mode .tab-btn { border: none !important; }
html.light-mode .tab-btn.active { color: var(--primary) !important; }
html.light-mode .tab-btn.active::after { background: var(--primary) !important; }
html.light-mode .booking-card-main { background: #fff !important; }
html.light-mode .booking-card-main { border: 1px solid #e2e8f0 !important; }
html.light-mode .booking-card-main:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
html.light-mode .booking-card-main:hover { border-color: var(--primary) !important; }
html.light-mode .date-badge { background: #fff5f9 !important; }
html.light-mode .date-badge { color: var(--primary) !important; }
html.light-mode .event-info h4 { color: var(--dark) !important; }
html.light-mode .event-info p { color: #64748b !important; }
html.light-mode .price-amount { color: var(--dark) !important; }
html.light-mode .card-center { border-right: 1px solid #f1f5f9 !important; }
html.light-mode .btn-booking { border: none !important; }
html.light-mode .status-badge-confirmed { background: #ecfdf5 !important; }
html.light-mode .status-badge-confirmed { color: #10b981 !important; }
html.light-mode .status-badge-confirmed { border: 1px solid #10b981 !important; }
html.light-mode .btn-outline-primary { background: transparent !important; }
html.light-mode .btn-outline-primary { border: 1px solid var(--primary) !important; }
html.light-mode .btn-outline-primary { color: var(--primary) !important; }
html.light-mode .btn-outline-primary:hover { background: var(--primary) !important; }
html.light-mode .btn-outline-primary:hover { color: #fff !important; }
html.light-mode .status-badge-cancelled { background: #fef2f2 !important; }
html.light-mode .status-badge-cancelled { color: #ef4444 !important; }
html.light-mode .status-badge-cancelled { border: 1px solid #fecaca !important; }
html.light-mode .status-badge-completed { background: #f0fdf4 !important; }
html.light-mode .status-badge-completed { color: #16a34a !important; }
html.light-mode .status-badge-completed { border: 1px solid #bbf7d0 !important; }
html.light-mode .view-link { color: #64748b !important; }
html.light-mode .view-link:hover { color: var(--primary) !important; }
html.light-mode .view-link:visited { color: #64748b !important; }
html.light-mode .instant-badge { background: #ecfdf5 !important; }
html.light-mode .instant-badge { color: #10b981 !important; }
html.light-mode .instant-badge { border: 1px solid #10b981 !important; }
html.light-mode 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4) !important; }
html.light-mode 70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0) !important; }
html.light-mode 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0) !important; }
html.light-mode .event-card { background: #fff !important; }
html.light-mode .event-card { border: 1px solid #e2e8f0 !important; }
html.light-mode .event-card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important; }
html.light-mode .event-date-tag { background: rgba(255, 255, 255, 0.95) !important; }
html.light-mode .event-date-tag { box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; }
html.light-mode .btn-see-all { border: 2px solid var(--primary) !important; }
html.light-mode .btn-see-all { color: var(--primary) !important; }
html.light-mode .btn-see-all:hover { background: var(--primary) !important; }
html.light-mode .btn-see-all:hover { color: #fff !important; }
html.light-mode .job-card { background: #fff !important; }
html.light-mode .job-card { border: 1px solid #e2e8f0 !important; }
html.light-mode .job-card:hover { border-color: var(--primary) !important; }
html.light-mode .job-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important; }
html.light-mode .btn-apply { background: var(--primary) !important; }
html.light-mode .btn-apply { color: #fff !important; }
html.light-mode .btn-apply:hover { background: #961053 !important; }
html.light-mode .stat-item { background: transparent !important; }
html.light-mode .hero-search-btn { background: transparent !important; }
html.light-mode .btn-card { border: none !important; }
html.light-mode .spotlight-card { background: transparent !important; }
html.light-mode .toggle-container { background: transparent !important; }
html.light-mode .subscribe-form input { background: transparent !important; }
html.light-mode .artist-card { background: transparent !important; }
html.light-mode .artist-card:hover { border: none !important; }
html.light-mode .booking-summary { background: transparent !important; }
html.light-mode .sidebar { background: transparent !important; }
html.light-mode .persona-icon-circle { background: transparent !important; }
html.light-mode .persona-icon-circle { border: none !important; }
html.light-mode .btn-apply { border: none !important; }

/* ============================================================================
   4) LANDING TREE — home + static pages
   The landing sheet (public/css-nct/style-nct.css) is a separate tree, but its
   colour tokens are already remapped by section 1. A selector-by-selector audit
   of all 313 landing rules found only these hard-coded accent texts left.
   ============================================================================ */

html.light-mode .auth-title h1 span { color: #B81466 !important; }
html.light-mode .job-card__cat { color: #B81466 !important; }
html.light-mode .job-card__cta { color: #B81466 !important; }
html.light-mode .contact-list a { color: #B81466 !important; }

/* end of LANDING TREE (4) — nothing else in the landing sheet needs an override */

/* ============================================================================
   4b) BATCH 1 — landing: home + static pages   (Purvi 2026-10-27)
   These sections sit on photographic backgrounds with a dark overlay, so their
   labels must stay white even in light mode. Section 1 remapped them to ink.
   ============================================================================ */

html.light-mode .hero,
html.light-mode .hero-content,
html.light-mode .hero-content h1,
html.light-mode .hero-content p,
html.light-mode .banner,
html.light-mode .banner h2,
html.light-mode .banner p,
html.light-mode .workflow-section,
html.light-mode .workflow-section .section-title,
html.light-mode .workflow-section .section-title h2,
html.light-mode .workflow-section .section-title p { color: #ffffff !important; }

/* step cards sit on white panels inside that dark band — keep their text ink */
html.light-mode .workflow-section .steps-grid h3,
html.light-mode .workflow-section .steps-grid h4,
html.light-mode .workflow-section .steps-grid p,
html.light-mode .workflow-section .steps-grid span { color: #111827 !important; }
html.light-mode .workflow-section .steps-grid p { color: #4b5563 !important; }

html.light-mode .banner p { color: #dddddd !important; }

/* Active pill on the performers/promoters tab strip: pink bg needs a white label */
html.light-mode .common-tab.nav-tabs .nav-link.active,
html.light-mode .common-tab-container .nav-link.active { color: #ffffff !important; }

/* end of BATCH 1 (4b) */

/* ============================================================================
   5) PERFORMER DASHBOARD + MODALS   (Purvi 2026-10-27, batch 3)
   Root cause of the dark modals: the dark sheet paints
   `.common-modal .modal-body { background: var(--dark) }` — a token that section 1
   remaps to dark ink for TEXT use, so every modal stayed dark. Same for
   `.btn-apply` labels (--white -> ink on a pink button).
   ============================================================================ */

/* 5a) modal chrome + inner blocks */
html.light-mode .common-modal .modal-content,
html.light-mode .modal-content { background: #ffffff !important; border: 1px solid #e6e8ec !important; color: #111827 !important; }
html.light-mode .common-modal .modal-header,
html.light-mode .common-modal .modal-footer,
html.light-mode .modal-header,
html.light-mode .modal-footer { background: #ffffff !important; color: #111827 !important; border-color: #e6e8ec !important; }
html.light-mode .common-modal .modal-body,
html.light-mode .modal-body { background-color: #ffffff !important; color: #111827 !important; }

html.light-mode .modal .overview-block,
html.light-mode .modal .payment-row,
html.light-mode .modal .payment-total,
html.light-mode .modal #pjm_loader,
html.light-mode .modal .booked-block,
html.light-mode .modal .payment-summary-block { background: #f6f7f9 !important; border-color: #e6e8ec !important; color: #111827 !important; }

html.light-mode .modal .overview-block h4,
html.light-mode .modal .overview-block h5,
html.light-mode .modal .overview-block h6,
html.light-mode .modal .payment-row,
html.light-mode .modal .payment-total { color: #111827 !important; }

/* bootstrap text utilities inside modals */
html.light-mode .modal .text-light,
html.light-mode .modal .text-white { color: #111827 !important; }
html.light-mode .modal .text-muted { color: #6b7280 !important; }

/* pink action buttons must keep white labels in light mode */
html.light-mode .modal .btn-apply,
html.light-mode .btn-apply,
html.light-mode .common-modal .btn-apply,
html.light-mode #btn-delete-modal,
html.light-mode .account-card #btn-delete-modal { color: #ffffff !important; }

/* 5b) tables (bookings / earnings) — base sheet was painting headers #111827 */
html.light-mode .common-table thead th,
html.light-mode #earningsTable thead th,
html.light-mode #offersTableBody + thead th { background: #f3f4f6 !important; color: #4b5563 !important; }

/* 5c) membership chip in the header */
html.light-mode .mship-tag { background: #fce7f3 !important; color: #B81466 !important; border-color: #f9d0e4 !important; }
html.light-mode .mship-tag--free { background: #f3f4f6 !important; color: #4b5563 !important; border-color: #e6e8ec !important; }

/* 5d) verify-identity belt + featured-profile promo panel */
html.light-mode .vi-block,
html.light-mode .feature-profile-panel,
html.light-mode .feature-info-main,
html.light-mode .feature-left { background: #f6f7f9 !important; border-color: #e6e8ec !important; color: #111827 !important; }
html.light-mode .vi-block h4,
html.light-mode .vi-block p,
html.light-mode .feature-profile-panel h4,
html.light-mode .feature-profile-panel p { color: #111827 !important; }
html.light-mode .vi-block p { color: #4b5563 !important; }

/* 5e) status labels + settings headings */
html.light-mode .status-active { color: #047857 !important; }
html.light-mode .status-inactive { color: #6b7280 !important; }
html.light-mode .settings-subheading { color: #111827 !important; }

/* 5f) availability calendar on manage-profile */
html.light-mode #calendarMonthYear { color: #111827 !important; }
html.light-mode .cal-day.available-day { color: #047857 !important; }
html.light-mode .cal-day.booked-day { color: #B81466 !important; }
html.light-mode .cal-day.unavailable-day,
html.light-mode .cal-day.past-day { color: #9aa3b2 !important; }

/* 5g) notification centre (inline dark styles in the blade) */
html.light-mode .notification-center-section { background-color: #ffffff !important; }
html.light-mode .notification-item { background: #f9fafb !important; border-color: #e6e8ec !important; }
html.light-mode .notification-item.unread { background: #fdf2f8 !important; border-color: #f9d0e4 !important; }
html.light-mode .notification-item .text-white,
html.light-mode .notification-center-section .text-white { color: #111827 !important; }

/* 5h) Stripe Elements containers (inline #0f0f0f in the partials) */
html.light-mode #premium-payment-element,
html.light-mode #membership-payment-element,
html.light-mode #cancel-payment-element,
html.light-mode #stripe-payment-element,
html.light-mode #payment-element { background: #f6f7f9 !important; border-color: #e6e8ec !important; }

/* end of PERFORMER DASHBOARD (5) */

/* 5i) account-settings modals (developer.css forces #fff / #f1f5f9 / #94a3b8) */
html.light-mode .account-settings-modal .modal-content,
html.light-mode #modal-deactivate-account .modal-content,
html.light-mode #modal-delete-account .modal-content { background: #ffffff !important; border: 1px solid #e6e8ec !important; }
html.light-mode .account-settings-modal .modal-header,
html.light-mode .account-settings-modal .modal-body,
html.light-mode .account-settings-modal .modal-footer,
html.light-mode #modal-deactivate-account .modal-header,
html.light-mode #modal-deactivate-account .modal-body,
html.light-mode #modal-deactivate-account .modal-footer,
html.light-mode #modal-delete-account .modal-header,
html.light-mode #modal-delete-account .modal-body,
html.light-mode #modal-delete-account .modal-footer { background: #ffffff !important; color: #111827 !important; border-color: #e6e8ec !important; }
html.light-mode .account-settings-modal .modal-title,
html.light-mode #modal-deactivate-account .modal-title,
html.light-mode #modal-delete-account .modal-title { color: #111827 !important; }
html.light-mode .account-settings-modal .modal-body p,
html.light-mode #modal-deactivate-account .modal-body p,
html.light-mode #modal-delete-account .modal-body p { color: #374151 !important; }
html.light-mode .account-settings-modal .text-muted,
html.light-mode .account-settings-modal ul li,
html.light-mode #modal-deactivate-account .text-muted,
html.light-mode #modal-deactivate-account ul li,
html.light-mode #modal-delete-account .text-muted,
html.light-mode #modal-delete-account ul li { color: #6b7280 !important; }
html.light-mode .account-settings-modal .btn-close,
html.light-mode #modal-deactivate-account .btn-close,
html.light-mode #modal-delete-account .btn-close { filter: none !important; opacity: .7; }

/* 5j) status pills — dark tints need light equivalents */
html.light-mode .status.completed { background-color: #ecfdf5 !important; color: #047857 !important; }
html.light-mode .status.pending { background-color: #fffbeb !important; color: #b45309 !important; }
html.light-mode .status.blue { background-color: #eff6ff !important; color: #1d4ed8 !important; }
html.light-mode .status.purple { background-color: #f5f3ff !important; color: #6d28d9 !important; }
html.light-mode .status.cancel { background-color: #fef2f2 !important; color: #b91c1c !important; }
html.light-mode .status.dark { background: #f3f4f6 !important; color: #374151 !important; }

/* 5k) blue utility button + calendar day numbers */
html.light-mode .small-blue-btn,
html.light-mode .small-blue-btn:hover,
html.light-mode .small-blue-btn:focus { color: #ffffff !important; }
html.light-mode .cal-day { color: #4b5563 !important; }
html.light-mode .cal-day.muted,
html.light-mode .cal-day.disabled { color: #6b7280 !important; }

/* 5l) calendar cells — the actual state classes carry inline colours, so target them */
html.light-mode .past-day,
html.light-mode .unavailable-day { color: #6b7280 !important; background: #f3f4f6 !important; }
html.light-mode .available-day { color: #047857 !important; background: #ecfdf5 !important; }
html.light-mode .booked-day { color: #b91c1c !important; background: #fef2f2 !important; }
html.light-mode .past-booked-day { color: #9f1239 !important; background: #fff1f2 !important; }

/* 5m) blue CTA needs a darker fill to keep white text at AA */
html.light-mode .small-blue-btn,
html.light-mode .small-blue-btn:hover,
html.light-mode .small-blue-btn:focus { background: #0369a1 !important; color: #ffffff !important; }

/* 5n) notifications: "Mark all as read" sits on pink */
html.light-mode #markAllReadBtn { color: #ffffff !important; background: #B81466 !important; border-color: #B81466 !important; }
html.light-mode #markAllReadBtn i { color: #ffffff !important; }

/* 5o) calendar weekday header + legend use inline #A1A1AA (inline !important not used,
   so a stylesheet !important rule wins) */
html.light-mode [style*="A1A1AA"],
html.light-mode [style*="a1a1aa"] { color: #6b7280 !important; }

/* 5p) grey calendar cells: #6b7280 on #f3f4f6 lands at 4.39 — one step darker */
html.light-mode .past-day,
html.light-mode .unavailable-day { color: #4b5563 !important; }

/* ==========================================================================
   5q) Batch 4 — promoter dashboard + remaining modals/partials (2026-10-28)
   ========================================================================== */

/* breadcrumbs: #888 on near-white was only 3.4:1 */
html.light-mode .breadcrumb,
html.light-mode .breadcrumb a,
html.light-mode .breadcrumb-item a { color: #4b5563 !important; }
html.light-mode .breadcrumb a:hover,
html.light-mode .breadcrumb-item a:hover { color: var(--primary) !important; }
html.light-mode .breadcrumb .separator,
html.light-mode .breadcrumb-item + .breadcrumb-item::before { color: #9ca3af !important; }

/* own chat bubbles are pink -> labels must be white */
html.light-mode .my-chat-bubble,
html.light-mode .my-chat-bubble p,
html.light-mode .my-chat-bubble span,
html.light-mode .my-chat-bubble a { color: #ffffff !important; }
html.light-mode .my-chat-bubble .chat-time,
html.light-mode .my-chat-bubble small { color: rgba(255,255,255,.85) !important; }

/* active pink pills + filter tabs need white labels */
html.light-mode .filter-tabs .filter-tab.active,
html.light-mode .filter-tab.active,
html.light-mode .status.primary-fill,
html.light-mode .status.primary-fill i { color: #ffffff !important; }

/* empty states were slate-300 (invisible on light) */
html.light-mode .no-data-found,
html.light-mode .no-data-found p,
html.light-mode .no-data-found .text-muted,
html.light-mode .no-data-found h5,
html.light-mode .empty-feed-state,
html.light-mode .empty-feed-state p,
html.light-mode .empty-feed-state .text-muted,
html.light-mode .empty-feed-state h5 { color: #6b7280 !important; }

/* upload placeholder heading sits on .hover-overlay (rgba(0,0,0,.6)) */
html.light-mode .hover-overlay h5,
html.light-mode .hover-overlay p,
html.light-mode .hover-overlay span { color: #ffffff !important; }

/* modal muted copy (cancellation fee notes) was slate-400 */
html.light-mode .modal p.text-muted,
html.light-mode .modal .text-muted,
html.light-mode .modal p.mt-3.mb-0 { color: #4b5563 !important; }

/* delete-account danger alert: red-300 on red-50 */
html.light-mode #modal-delete-account .alert-danger { background: #fef2f2 !important; border-color: #fecaca !important; }
html.light-mode #modal-delete-account .alert-danger,
html.light-mode #modal-delete-account .alert-danger div,
html.light-mode #modal-delete-account .alert-danger strong,
html.light-mode #modal-delete-account .alert-danger i { color: #b91c1c !important; }

/* site loader sub-line */
html.light-mode .site-loader__sub { color: #c7ced9 !important; }

/* Stripe element hosts use inline #0f0f0f — override so the light iframe sits on light */
html.light-mode #membership-payment-element,
html.light-mode #payment-element,
html.light-mode #stripe-payment-element,
html.light-mode #fj-stripe-payment-element,
html.light-mode #ib-stripe-payment-element,
html.light-mode #cancel-payment-element,
html.light-mode #premium-payment-element,
html.light-mode .fp-stripe-card-box { background: #ffffff !important; border-color: #e6e8ec !important; }