/* ==============================================
   Dark Mode - Public Pages (login, signup, index,
   publicSearch, features, pricing)
   ============================================== */

/* ---------- Hide Custom Template Sidebar ---------- */
.custom-template {
    display: none !important;
}
.custom-template .custom-toggle {
    display: none !important;
}

/* ---------- Dark Mode Toggle Button ---------- */
.dark-mode-toggle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #e0e0e0;
    background: transparent;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 16px;
    padding: 0;
}

.dark-mode-toggle:hover {
    border-color: #22c55e;
    color: #22c55e;
    transform: scale(1.05);
}

.dark-mode-toggle:active {
    transform: scale(0.95);
}

[data-theme="dark"] .dark-mode-toggle {
    border-color: #475569;
    color: #fbbf24;
}

[data-theme="dark"] .dark-mode-toggle:hover {
    border-color: #fbbf24;
}

/* ==============================================
   Dark Theme Overrides
   ============================================== */

/* ---------- Body & Background ---------- */
[data-theme="dark"] body,
[data-theme="dark"] html {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .wrapper {
    background-color: #0f172a !important;
}

[data-theme="dark"] .main-panel {
    background-color: #0f172a !important;
}

/* ---------- Header / Nav ---------- */
[data-theme="dark"] .main-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .main-header .navbar {
    background: #1e293b !important;
}

[data-theme="dark"] .nav-link-clean {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .nav-link-clean:hover {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .btn-login-clean {
    color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-login-clean:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .btn-signup-clean {
    background: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .btn-signup-clean:hover {
    background: #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .btn-dashboard-clean {
    background: #34d399 !important;
    border-color: #34d399 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .btn-dashboard-clean:hover {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

/* ---------- Login Page ---------- */
[data-theme="dark"] .login-container {
    background-color: #0f172a !important;
}

[data-theme="dark"] .login-heading {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .login-heading span {
    color: #34d399 !important;
}

[data-theme="dark"] .login-card {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .login-card .form-control {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .login-card .form-control::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .login-card .form-control:focus {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15) !important;
}

[data-theme="dark"] .login-card .form-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .login-divider {
    color: #64748b !important;
}

[data-theme="dark"] .login-divider::before,
[data-theme="dark"] .login-divider::after {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .login-links a {
    color: #34d399 !important;
}

[data-theme="dark"] .login-links a:hover {
    color: #10b981 !important;
}

[data-theme="dark"] .login-footer {
    color: #94a3b8 !important;
}

[data-theme="dark"] .login-footer a {
    color: #34d399 !important;
}

/* ---------- Signup Page ---------- */
[data-theme="dark"] .signup-container {
    background-color: #0f172a !important;
}

[data-theme="dark"] .signup-heading {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .signup-heading span {
    color: #34d399 !important;
}

[data-theme="dark"] .signup-subheading {
    color: #94a3b8 !important;
}

[data-theme="dark"] .signup-card {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .signup-card .form-control {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .signup-card .form-control::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .signup-card .form-control:focus {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15) !important;
}

[data-theme="dark"] .signup-card .form-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .signup-card .form-check-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .signup-card .form-select {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .signup-benefits {
    background: rgba(30, 41, 59, 0.6) !important;
}

[data-theme="dark"] .benefit-item i {
    color: #34d399 !important;
}

[data-theme="dark"] .benefit-content h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .benefit-content p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .signup-divider {
    color: #64748b !important;
}

[data-theme="dark"] .signup-divider::before,
[data-theme="dark"] .signup-divider::after {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .signup-footer {
    color: #94a3b8 !important;
}

[data-theme="dark"] .signup-footer a {
    color: #34d399 !important;
}

/* ---------- Forms (General) ---------- */
[data-theme="dark"] .form-control {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .form-control:focus {
    border-color: #34d399 !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15) !important;
}

[data-theme="dark"] .form-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .form-check-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .form-select {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

/* ---------- Alert Messages ---------- */
[data-theme="dark"] .alert-warning {
    background-color: #422006 !important;
    border-color: #854d0e !important;
    color: #fbbf24 !important;
}

/* ---------- Footer ---------- */
[data-theme="dark"] .footer {
    background: #0f172a !important;
    border-top-color: #334155 !important;
}

[data-theme="dark"] .footer .copyright {
    color: #64748b !important;
}

[data-theme="dark"] .footer .nav-link {
    color: #94a3b8 !important;
}

/* ---------- Cards (General) ---------- */
[data-theme="dark"] .card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .card .card-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .card .card-body {
    color: #e2e8f0 !important;
}

/* ---------- Text Overrides ---------- */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] p {
    color: #cbd5e1;
}

[data-theme="dark"] a {
    color: #34d399;
}

[data-theme="dark"] a:hover {
    color: #10b981;
}

/* ---------- Index Page Specific ---------- */
[data-theme="dark"] .logo-carousel-section {
    display: none !important;
}

[data-theme="dark"] .search-container {
    background-color: #0f172a !important;
}

[data-theme="dark"] .search-tabs-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .search-tab {
    color: #94a3b8 !important;
}

[data-theme="dark"] .search-tab:hover {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .search-tab.active {
    background-color: #22c55e !important;
    color: #ffffff !important;
}

[data-theme="dark"] .cta-row {
    background: #0f172a !important;
}

[data-theme="dark"] .cta-item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cta-item:hover {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .hero-section {
    background: #0f172a !important;
}

[data-theme="dark"] .hero-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .hero-subtitle {
    color: #94a3b8 !important;
}

[data-theme="dark"] .search-input {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .search-input::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .suggestion-item {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .suggestion-item:hover {
    background: #334155 !important;
}

[data-theme="dark"] .cta-pill.features {
    color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    background: transparent !important;
}

[data-theme="dark"] .cta-pill.features:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .cta-pill.auth-login {
    color: #818cf8 !important;
    border-color: #818cf8 !important;
}

[data-theme="dark"] .cta-pill.auth-signup {
    background: #818cf8 !important;
}

[data-theme="dark"] .main-header .nav-top {
    background: #1e293b !important;
}

[data-theme="dark"] .navbar-header {
    background: #1e293b !important;
}

[data-theme="dark"] .nav-toggle .btn-toggle {
    color: #e2e8f0 !important;
}

[data-theme="dark"] #index_search_type {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-search-type-radio {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-search-type-radio .radio-dot {
    border-color: #94a3b8 !important;
}

[data-theme="dark"] .pwa-class-filter {
    background: #1e293b !important;
}

[data-theme="dark"] .pwa-class-filter-label {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-class-chip {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .pwa-class-chip:hover {
    border-color: #818cf8 !important;
    color: #818cf8 !important;
}

[data-theme="dark"] .pwa-filter-btn.clear {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-filter-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .pwa-filter-title {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-filter-close {
    color: #94a3b8 !important;
}

[data-theme="dark"] .pwa-filter-actions {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .pwa-nav-item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .pwa-nav-item.active {
    color: #818cf8 !important;
}

[data-theme="dark"] .pwa-nav-item:active {
    background: #334155 !important;
}

/* ---------- Public Search Page Specific ---------- */

/* Wrapper inline style override */
[data-theme="dark"] .wrapper {
    background-color: #0f172a !important;
}

/* Search Card */
[data-theme="dark"] .search-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .search-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .search-input-wrapper input {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .search-input-wrapper input::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] .search-input-wrapper input:focus {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.15) !important;
}

/* Filters Card */
[data-theme="dark"] .filters-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Match Type Bar (Exact, Starts With, Contains, Fuzzy) */
[data-theme="dark"] .match-type-bar {
    background: #1e293b !important;
}

[data-theme="dark"] .match-pill {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .match-pill:hover {
    background: #334155 !important;
}

/* Filter Pill Buttons */
[data-theme="dark"] .filter-pill-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .filter-pill-btn:hover {
    background: #475569 !important;
    border-color: #818cf8 !important;
}

/* Filter Popovers */
[data-theme="dark"] .filter-popover {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .filter-popover-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .filter-popover-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .filter-popover-close {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .filter-popover-close:hover {
    background: #475569 !important;
}

[data-theme="dark"] .filter-popover-body {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .filter-popover-footer {
    background: #1e293b !important;
    border-top-color: #334155 !important;
}

[data-theme="dark"] .filter-popover-backdrop {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* Checkbox Panels */
[data-theme="dark"] .checkbox-panel {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .checkbox-row {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .checkbox-row label {
    color: #e2e8f0 !important;
}

/* Filter Label (in search context) */
[data-theme="dark"] .filter-label {
    color: #e2e8f0 !important;
}

/* Clear Filters Button */
[data-theme="dark"] .clear-filters-btn {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .clear-filters-btn:hover {
    background: #475569 !important;
    color: #f1f5f9 !important;
}

/* Bootstrap btn-outline-secondary override */
[data-theme="dark"] .btn-outline-secondary {
    color: #94a3b8 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

/* Fuzzy Indicator */
[data-theme="dark"] #fuzzy_indicator,
[data-theme="dark"] #fuzzy_indicator_desktop {
    background: #422006 !important;
    border-color: #854d0e !important;
    color: #fbbf24 !important;
}

/* Table Styles - override Bootstrap 5 CSS custom properties + kaiadmin */
[data-theme="dark"] .table {
    --bs-table-bg: transparent !important;
    --bs-table-color: #e2e8f0 !important;
    --bs-table-border-color: #334155 !important;
    --bs-table-striped-bg: rgba(51, 65, 85, 0.3) !important;
    --bs-table-hover-bg: #334155 !important;
    --bs-table-hover-color: #f1f5f9 !important;
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

/* Override Bootstrap's .table>:not(caption)>*>* background */
[data-theme="dark"] .table > :not(caption) > * > * {
    background-color: transparent !important;
    color: #e2e8f0 !important;
    border-bottom-color: #334155 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table .thead-light th {
    background-color: #1e293b !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: #334155 !important;
}

[data-theme="dark"] .table tbody tr:hover > * {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .table-responsive {
    border-color: #334155 !important;
}

/* Card override - kaiadmin uses .card { background: #f7f7f7 !important } */
[data-theme="dark"] .card,
[data-theme="dark"] .card .card-body {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

/* Image Placeholder */
[data-theme="dark"] .image-placeholder {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .trademark-image {
    border-color: #475569 !important;
}

/* Pagination Info */
[data-theme="dark"] #pagination_info {
    color: #94a3b8 !important;
}

/* Pagination */
[data-theme="dark"] .page-link {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .page-link:hover {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .page-item.active .page-link {
    background-color: #818cf8 !important;
    border-color: #818cf8 !important;
    color: #fff !important;
}

[data-theme="dark"] .page-item.disabled .page-link {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #475569 !important;
}

/* Results Meta Row */
[data-theme="dark"] .results-meta-row {
    color: #94a3b8 !important;
}

/* Shimmer Effect */
[data-theme="dark"] .shimmer-cell {
    background: #334155 !important;
}

/* Mobile Search Bar */
[data-theme="dark"] .mobile-search-bar {
    background: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .mobile-search-input-group input {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mobile-search-input-group input::placeholder {
    color: #64748b !important;
}

/* Mobile Expandable Section */
[data-theme="dark"] .mobile-expandable-section {
    background: #1e293b !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mobile-section-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .mobile-section-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-close-btn {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mobile-close-btn:active {
    background: #475569 !important;
}

/* View Toggle */
[data-theme="dark"] .view-toggle-container {
    background: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .view-toggle-buttons {
    background: #0f172a !important;
}

[data-theme="dark"] .view-toggle-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .view-toggle-btn.active {
    background: #1e293b !important;
    color: #818cf8 !important;
}

/* Card View (Mobile) */
[data-theme="dark"] .trademark-card {
    background: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .card-tm-number {
    color: #818cf8 !important;
}

[data-theme="dark"] .card-trademark-name {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .card-status-badge {
    background: #334155 !important;
    color: #818cf8 !important;
}

[data-theme="dark"] .card-details {
    color: #94a3b8 !important;
}

[data-theme="dark"] .card-details-label {
    color: #cbd5e1 !important;
}

/* PWA Back Button */
[data-theme="dark"] .pwa-back-btn {
    background: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .pwa-back-btn i {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-back-btn:active {
    background: #334155 !important;
}

/* Pull to Refresh */
[data-theme="dark"] .pull-to-refresh {
    background: #1e293b !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    color: #94a3b8 !important;
}

/* PWA Filter Modal */
[data-theme="dark"] .pwa-filter-modal {
    background: #1e293b !important;
}

[data-theme="dark"] .pwa-filter-body {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pwa-filter-footer {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .pwa-filter-btn-clear {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

/* Select2 Dark Mode (for User Detail dropdown) */
[data-theme="dark"] .select2-container .select2-selection--single {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .select2-results__option {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .select2-results__option--highlighted {
    background-color: #334155 !important;
}

/* Mobile Filter Headings (inline style overrides) */
[data-theme="dark"] .mobile-filter-heading {
    color: #f1f5f9 !important;
}

/* Table content - dark mode */
[data-theme="dark"] .table td a {
    color: #818cf8 !important;
}

[data-theme="dark"] .table td a:hover {
    color: #a5b4fc !important;
}

[data-theme="dark"] .mobile-tm-appno {
    color: #818cf8 !important;
}

[data-theme="dark"] .mobile-tm-name {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-tm-details {
    color: #94a3b8 !important;
}

[data-theme="dark"] .mobile-tm-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .tm-proprietor-link {
    color: #818cf8 !important;
}

[data-theme="dark"] .tm-proprietor-link:hover {
    color: #a5b4fc !important;
}

/* ---------- Features Page Specific ---------- */
[data-theme="dark"] .features-container {
    background-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .feature-category {
    background: #0f172a !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .category-header {
    border-bottom-color: #475569 !important;
}

[data-theme="dark"] .category-title {
    color: #818cf8 !important;
}

[data-theme="dark"] .feature-card {
    background: #334155 !important;
    border-left-color: #818cf8 !important;
}

[data-theme="dark"] .feature-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    border-left-color: #fbbf24 !important;
}

[data-theme="dark"] .feature-card-icon {
    color: #818cf8 !important;
}

[data-theme="dark"] .feature-card-title {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .feature-card-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .feature-card-note {
    background: #1e293b !important;
    color: #818cf8 !important;
}

[data-theme="dark"] .feature-card-note.premium {
    background: #422006 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .quick-feature-item {
    background: #334155 !important;
}

[data-theme="dark"] .quick-feature-text h4 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .quick-feature-text p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-get-started {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
}

[data-theme="dark"] .btn-get-started:hover {
    background-color: #fbbf24 !important;
    color: #000 !important;
}

/* ---------- Pricing Page Specific ---------- */
[data-theme="dark"] .pricing-slider-section {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .slider-label {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .slider-value {
    color: #34d399 !important;
}

[data-theme="dark"] .trademark-slider {
    background: #334155 !important;
}

[data-theme="dark"] .pricing-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .pricing-card:hover {
    border-color: #34d399 !important;
    box-shadow: 0 8px 24px rgba(52, 211, 153, 0.15) !important;
}

[data-theme="dark"] .pricing-card.featured {
    border-color: #34d399 !important;
    background: #0f2a2a !important;
}

[data-theme="dark"] .plan-name {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .plan-price {
    color: #34d399 !important;
}

[data-theme="dark"] .plan-price.free {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .plan-period {
    color: #94a3b8 !important;
}

[data-theme="dark"] .plan-status-check {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .plan-credits {
    background: #422006 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .comparison-table {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .plan-header {
    background: #0f172a !important;
}

[data-theme="dark"] .plan-header.featured {
    background: #34d399 !important;
}

[data-theme="dark"] .feature-label {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border-right-color: #334155 !important;
}

[data-theme="dark"] .feature-label.section-header {
    background: #0f172a !important;
    color: #ffffff !important;
}

[data-theme="dark"] .feature-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .feature-cell {
    border-right-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .feature-row {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .feature-row:hover {
    background-color: #334155 !important;
}

[data-theme="dark"] .feature-note {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cross-icon {
    color: #475569 !important;
}

[data-theme="dark"] .credits-info {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .credits-info h4 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .credits-info li {
    color: #94a3b8 !important;
}

[data-theme="dark"] .credits-info li strong {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .cta-section {
    background: #1e293b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .cta-section h2 {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .cta-section p {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-get-started.outlined {
    background: transparent !important;
    color: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
}

[data-theme="dark"] .btn-get-started.outlined:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

[data-theme="dark"] .disclaimer-box {
    background-color: #422006 !important;
    border-left-color: #854d0e !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] th[style*="background-color: #fafafa"] {
    background-color: #1e293b !important;
}

/* ---------- PWA Bottom Nav (on public pages in PWA mode) ---------- */
[data-theme="dark"] .pwa-bottom-nav {
    background: #1e293b !important;
    border-top-color: #334155 !important;
}

[data-theme="dark"] .pwa-filter-modal {
    background: #1e293b !important;
}

[data-theme="dark"] .pwa-filter-chip {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .pwa-filter-chip:hover {
    border-color: #818cf8 !important;
    color: #818cf8 !important;
}

/* ---------- Scrollbar (Dark) ---------- */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* ---------- SweetAlert Dark Overrides ---------- */
[data-theme="dark"] .swal-modal {
    background-color: #1e293b !important;
}

[data-theme="dark"] .swal-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .swal-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .swal-icon--success:after,
[data-theme="dark"] .swal-icon--success:before {
    background: #1e293b !important;
}

[data-theme="dark"] .swal-icon--success__hide-corners {
    background-color: #1e293b !important;
}

/* ---------- Mobile Nav Toggle ---------- */
[data-theme="dark"] .topbar-toggler i {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .navbar-collapse {
    background: #1e293b !important;
}

/* ---------- Password Input Toggle ---------- */
[data-theme="dark"] .password-toggle-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .password-toggle-btn:hover {
    color: #e2e8f0 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
    [data-theme="dark"] .navbar-collapse {
        background: #1e293b !important;
        border-top: 1px solid #334155;
        padding: 16px;
    }
}