/* ============================================
   Dark Mode — Global Overrides
   Works with Bootstrap 5.3 data-bs-theme="dark"
   ============================================ */

/* ─── Transition for smooth theme switching ─── */
html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ════════════════════════════════════════════
   PUBLIC PAGES — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] {
    --primary: #818cf8;
    --primary-light: #a5b4fc;
    --primary-dark: #6366f1;
    --accent: #fb7185;
    --dark: #0f172a;
    --gray-50: #1e293b;
    --gray-100: #1e293b;
    --gray-200: #334155;
    --gray-300: #475569;
    --gray-400: #64748b;
    --gray-500: #94a3b8;
    --gray-600: #cbd5e1;
    --gray-700: #e2e8f0;
    --gray-800: #f1f5f9;
    --gray-900: #f8fafc;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
    --shadow: 0 4px 6px rgba(0,0,0,0.25);
    --shadow-md: 0 10px 15px rgba(0,0,0,0.3);
    --shadow-lg: 0 20px 25px rgba(0,0,0,0.35);
    color-scheme: dark;
}

/* Body */
[data-bs-theme="dark"] body {
    background-color: #0f172a;
    color: #e2e8f0;
}

/* Navbar */
[data-bs-theme="dark"] .public-navbar,
[data-bs-theme="dark"] .navbar {
    background: rgba(15, 23, 42, 0.95) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .public-navbar .nav-link,
[data-bs-theme="dark"] .public-navbar .navbar-brand {
    color: #e2e8f0 !important;
}

/* Cards */
[data-bs-theme="dark"] .card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .card-header {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Tables */
[data-bs-theme="dark"] .table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: rgba(255,255,255,0.04);
    --bs-table-striped-bg: rgba(255,255,255,0.02);
    color: #cbd5e1;
}
[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table thead,
[data-bs-theme="dark"] thead.table-light {
    --bs-table-bg: #1e293b !important;
    --bs-table-color: #94a3b8;
    background: #1e293b !important;
    color: #94a3b8;
}
[data-bs-theme="dark"] .table th,
[data-bs-theme="dark"] .table td {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * {
    --bs-table-hover-bg: rgba(255,255,255,0.04);
    background-color: rgba(255,255,255,0.04);
    color: #e2e8f0;
}

/* Forms */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #273549;
    border-color: #6366f1;
    color: #f1f5f9;
    box-shadow: 0 0 0 0.2rem rgba(99,102,241,0.25);
}
[data-bs-theme="dark"] .form-control::placeholder {
    color: #64748b;
}
[data-bs-theme="dark"] .input-group-text {
    background-color: #334155;
    border-color: rgba(255,255,255,0.1);
    color: #94a3b8;
}

/* Buttons — general */
[data-bs-theme="dark"] .btn-outline-secondary {
    color: #94a3b8;
    border-color: rgba(255,255,255,0.15);
}
[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background: rgba(255,255,255,0.08);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .btn-light {
    background: #334155;
    border-color: #475569;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .btn-light:hover {
    background: #475569;
    color: #f1f5f9;
}
[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-info:hover,
[data-bs-theme="dark"] .btn-outline-success:hover,
[data-bs-theme="dark"] .btn-outline-warning:hover,
[data-bs-theme="dark"] .btn-outline-danger:hover {
    color: #fff;
}
[data-bs-theme="dark"] .btn-white,
[data-bs-theme="dark"] .btn-outline-light {
    background: #1e293b;
    border-color: rgba(255,255,255,0.12);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .btn-outline-light:hover,
[data-bs-theme="dark"] .btn-white:hover {
    background: #334155;
    border-color: rgba(255,255,255,0.2);
    color: #f1f5f9;
}

/* Alerts */
[data-bs-theme="dark"] .alert-light {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.08);
    color: #cbd5e1;
}
[data-bs-theme="dark"] .alert-info {
    background: rgba(59,130,246,0.1);
    border-color: rgba(59,130,246,0.2);
    color: #93c5fd;
}
[data-bs-theme="dark"] .alert-success {
    background: rgba(16,185,129,0.1);
    border-color: rgba(16,185,129,0.2);
    color: #6ee7b7;
}
[data-bs-theme="dark"] .alert-warning {
    background: rgba(245,158,11,0.1);
    border-color: rgba(245,158,11,0.2);
    color: #fcd34d;
}
[data-bs-theme="dark"] .alert-danger {
    background: rgba(239,68,68,0.1);
    border-color: rgba(239,68,68,0.2);
    color: #fca5a5;
}

/* List groups */
[data-bs-theme="dark"] .list-group-item {
    background-color: transparent;
    border-color: rgba(255,255,255,0.06);
    color: #cbd5e1;
}
[data-bs-theme="dark"] .list-group-item-action:hover {
    background-color: rgba(255,255,255,0.04);
}

/* Dropdowns */
[data-bs-theme="dark"] .dropdown-menu {
    background: #1e293b;
    border-color: rgba(255,255,255,0.08);
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
[data-bs-theme="dark"] .dropdown-item {
    color: #cbd5e1;
}
[data-bs-theme="dark"] .dropdown-item:hover {
    background: rgba(255,255,255,0.06);
    color: #f1f5f9;
}
[data-bs-theme="dark"] .dropdown-divider {
    border-color: rgba(255,255,255,0.06);
}

/* Modals */
[data-bs-theme="dark"] .modal-content {
    background: #1e293b;
    border-color: rgba(255,255,255,0.08);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Progress bars */
[data-bs-theme="dark"] .progress {
    background-color: rgba(255,255,255,0.08);
}

/* Badges */
[data-bs-theme="dark"] .badge.bg-light {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

/* Text helpers */
[data-bs-theme="dark"] .text-muted {
    color: #64748b !important;
}
[data-bs-theme="dark"] .text-dark {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-warning {
    color: #fbbf24 !important;
}
[data-bs-theme="dark"] .text-success {
    color: #34d399 !important;
}
[data-bs-theme="dark"] .text-danger {
    color: #f87171 !important;
}
[data-bs-theme="dark"] .text-info {
    color: #38bdf8 !important;
}
[data-bs-theme="dark"] .text-primary {
    color: #818cf8 !important;
}
[data-bs-theme="dark"] .text-secondary {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .text-body {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-body-secondary {
    color: #94a3b8 !important;
}

/* Badge overrides — ensure readable on dark */
[data-bs-theme="dark"] .badge.bg-warning,
[data-bs-theme="dark"] span.badge.bg-warning,
[data-bs-theme="dark"] .bg-warning.bg-opacity-15,
[data-bs-theme="dark"] .bg-warning.bg-opacity-10,
[data-bs-theme="dark"] [class*="bg-warning"][class*="text-warning"] {
    background-color: rgba(251,191,36,0.15) !important;
    color: #fbbf24 !important;
}
[data-bs-theme="dark"] .badge.bg-success {
    background-color: rgba(16,185,129,0.15) !important;
    color: #34d399 !important;
}
[data-bs-theme="dark"] .badge.bg-danger {
    background-color: rgba(239,68,68,0.15) !important;
    color: #f87171 !important;
}
[data-bs-theme="dark"] .badge.bg-info {
    background-color: rgba(59,130,246,0.15) !important;
    color: #38bdf8 !important;
}
[data-bs-theme="dark"] .badge.bg-secondary {
    background-color: rgba(148,163,184,0.15) !important;
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border {
    border-color: rgba(255,255,255,0.06) !important;
}

/* Pagination */
[data-bs-theme="dark"] .page-link {
    background: #1e293b;
    border-color: rgba(255,255,255,0.08);
    color: #94a3b8;
}
[data-bs-theme="dark"] .page-item.active .page-link {
    background: #6366f1;
    border-color: #6366f1;
}

/* ════════════════════════════════════════════
   BOOTSTRAP bg-white / bg-light OVERRIDES
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .bg-white {
    background-color: #1e293b !important;
}
[data-bs-theme="dark"] .bg-light {
    background-color: #1e293b !important;
}
[data-bs-theme="dark"] .bg-body {
    background-color: #0f172a !important;
}
[data-bs-theme="dark"] .bg-body-secondary {
    background-color: #1e293b !important;
}
[data-bs-theme="dark"] .bg-body-tertiary {
    background-color: #1e293b !important;
}

/* ════════════════════════════════════════════
   PUBLIC — Category Cards, Event Cards, Filter Pills
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .category-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .category-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}
[data-bs-theme="dark"] .event-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .event-card:hover {
    border-color: rgba(99,102,241,0.3) !important;
}
[data-bs-theme="dark"] .filter-pill {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #94a3b8;
}
[data-bs-theme="dark"] .filter-pill:hover {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.4);
    color: #a5b4fc;
}
[data-bs-theme="dark"] .filter-pill.active {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    border-color: transparent;
    color: #fff !important;
}
[data-bs-theme="dark"] .badge-category {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #94a3b8 !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
[data-bs-theme="dark"] .wishlist-heart-btn {
    background: rgba(30, 41, 59, 0.9);
    color: #94a3b8;
}
[data-bs-theme="dark"] .wishlist-heart-btn:hover {
    background: #334155;
    color: #ef4444;
}
[data-bs-theme="dark"] .wishlist-heart-btn.wishlisted {
    background: rgba(30, 41, 59, 0.95);
    color: #ef4444;
}
[data-bs-theme="dark"] .wishlist-heart-btn.wishlisted:hover {
    color: #94a3b8;
    background: #334155;
}

/* ════════════════════════════════════════════
   NOTIFICATION PANELS — Dark Mode
   ════════════════════════════════════════════ */

/* ─── Admin Notifications (admin-notifications.js) ─── */
[data-bs-theme="dark"] #notifyBell {
    background: rgba(99,102,241,0.15) !important;
    color: #a5b4fc !important;
}
[data-bs-theme="dark"] #notifyBell:hover {
    background: rgba(99,102,241,0.25) !important;
}
[data-bs-theme="dark"] #notifyDropdown .dropdown-menu {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .notify-header-bar {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .notify-header-bar .text-muted {
    color: #64748b !important;
}
[data-bs-theme="dark"] .notify-mark-read-btn {
    background: rgba(99,102,241,0.15) !important;
    color: #a5b4fc !important;
}
[data-bs-theme="dark"] .notify-mark-read-btn:hover {
    background: rgba(99,102,241,0.25) !important;
}
[data-bs-theme="dark"] .notify-panel-item {
    border-color: rgba(255,255,255,0.05) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .notify-panel-item:hover {
    background: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .notify-panel-item.is-read {
    opacity: 0.6;
}
[data-bs-theme="dark"] .notify-time {
    color: #64748b !important;
}
[data-bs-theme="dark"] .notify-empty {
    color: #64748b !important;
}
[data-bs-theme="dark"] .admin-notify-toast {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4) !important;
}

/* ─── User Notifications (user-notifications.js) ─── */
[data-bs-theme="dark"] .user-notify-panel {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
[data-bs-theme="dark"] .un-header {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .un-mark-all {
    color: #a5b4fc !important;
}
[data-bs-theme="dark"] .un-mark-all:hover {
    background: rgba(99,102,241,0.15) !important;
}
[data-bs-theme="dark"] .un-item {
    border-color: rgba(255,255,255,0.05) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .un-item:hover {
    background: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .un-item.is-read {
    opacity: 0.55;
}
[data-bs-theme="dark"] .un-time {
    color: #64748b !important;
}
[data-bs-theme="dark"] .un-empty {
    color: #64748b !important;
}
[data-bs-theme="dark"] .un-sound-btn,
[data-bs-theme="dark"] .un-desktop-btn {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .un-sound-btn:hover,
[data-bs-theme="dark"] .un-desktop-btn:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .un-new-badge {
    background: #818cf8 !important;
}

/* ─── Photographer Notifications (PgNotify) ─── */
[data-bs-theme="dark"] #pgNotifyBell {
    color: #93c5fd !important;
}
[data-bs-theme="dark"] #pgNotifyDropdown .dropdown-menu {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] #pgNotifyDropdown .dropdown-menu a {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] #pgNotifyDropdown .dropdown-menu a:hover {
    background: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] #pgNotifyDropdown .dropdown-menu .border-bottom {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] #pgNotifyDropdown .dropdown-menu .text-muted {
    color: #64748b !important;
}

/* ════════════════════════════════════════════
   AUTH — Login/Register Cards
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .auth-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .btn-social-google {
    background: #1e293b;
    border-color: rgba(255,255,255,0.12);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .btn-social-google:hover {
    background: #334155;
    border-color: rgba(255,255,255,0.2);
    color: #f1f5f9;
}
[data-bs-theme="dark"] .auth-divider::before,
[data-bs-theme="dark"] .auth-divider::after {
    border-color: rgba(255,255,255,0.08);
}
[data-bs-theme="dark"] .auth-page {
    background: #0f172a;
}
[data-bs-theme="dark"] .info-box {
    background: rgba(99,102,241,0.08) !important;
    border-color: rgba(99,102,241,0.2) !important;
    color: #cbd5e1;
}

/* ════════════════════════════════════════════
   Breadcrumb & Accordion
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .breadcrumb {
    background: transparent;
}
[data-bs-theme="dark"] .breadcrumb-item a {
    color: #818cf8;
}
[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #94a3b8;
}
[data-bs-theme="dark"] .accordion-item {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .accordion-button {
    background: #1e293b;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background: rgba(99,102,241,0.08);
    color: #a5b4fc;
}
[data-bs-theme="dark"] .accordion-body {
    background: #1e293b;
    color: #cbd5e1;
}

/* ════════════════════════════════════════════
   Nav tabs & Nav pills
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .nav-tabs {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #94a3b8;
}
[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: rgba(255,255,255,0.1);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
    border-bottom-color: transparent;
    color: #a5b4fc;
}
[data-bs-theme="dark"] .nav-pills .nav-link {
    color: #94a3b8;
}
[data-bs-theme="dark"] .nav-pills .nav-link.active {
    background: #6366f1;
    color: #fff;
}

/* ════════════════════════════════════════════
   Offcanvas & Toast
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .offcanvas {
    background: #1e293b;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .offcanvas-header {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .toast {
    background: #1e293b;
    color: #e2e8f0;
    border-color: rgba(255,255,255,0.06);
}

/* ════════════════════════════════════════════
   EVENT VIEW — Gallery Page Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .packages-strip {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pkg-chip {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #cbd5e1;
}
[data-bs-theme="dark"] .pkg-chip:hover {
    border-color: #6366f1;
    color: #a5b4fc;
    background: rgba(99,102,241,0.08);
}
[data-bs-theme="dark"] .pkg-chip.active {
    background: #6366f1;
    color: #fff;
    border-color: #6366f1;
}
[data-bs-theme="dark"] .pkg-chip .pkg-price {
    color: #a5b4fc;
}
[data-bs-theme="dark"] .gallery-toolbar {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
[data-bs-theme="dark"] .photo-counter {
    background: #1e293b;
    color: #cbd5e1;
}
[data-bs-theme="dark"] .tb-btn {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #94a3b8;
}
[data-bs-theme="dark"] .tb-btn:hover {
    border-color: #6366f1;
    color: #a5b4fc;
}
[data-bs-theme="dark"] .tb-btn.active,
[data-bs-theme="dark"] .tb-btn.primary {
    background: #6366f1;
    color: #fff;
    border-color: #6366f1;
}
[data-bs-theme="dark"] .tb-btn.danger {
    border-color: #ef4444;
    color: #fca5a5;
}
[data-bs-theme="dark"] .tb-btn.danger:hover {
    background: #ef4444;
    color: #fff;
}
[data-bs-theme="dark"] .col-selector .cb {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #94a3b8;
}
[data-bs-theme="dark"] .col-selector .cb:hover {
    border-color: #6366f1;
    color: #a5b4fc;
}
[data-bs-theme="dark"] .col-selector .cb.active {
    background: #6366f1;
    color: #fff;
    border-color: #6366f1;
}
[data-bs-theme="dark"] .g-item {
    background: #1e293b;
}
[data-bs-theme="dark"] .loading-spinner {
    border-color: #334155;
    border-top-color: #6366f1;
}

/* ════════════════════════════════════════════
   CART & CHECKOUT — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .cart-event-card,
[data-bs-theme="dark"] .cart-items-card,
[data-bs-theme="dark"] .cart-summary-card,
[data-bs-theme="dark"] .cart-suggest-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .cart-event-card:hover {
    border-color: #6366f1;
    box-shadow: 0 4px 16px rgba(99,102,241,0.15);
}
[data-bs-theme="dark"] .cart-items-header,
[data-bs-theme="dark"] .cart-action-bar,
[data-bs-theme="dark"] .cart-summary-header {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .cart-hub-summary {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .cart-hub-empty,
[data-bs-theme="dark"] .cart-empty-state {
    background: #111827;
    border-color: rgba(255,255,255,0.08);
}
[data-bs-theme="dark"] .cart-summary-footer {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .cart-photo-item {
    border-color: rgba(255,255,255,0.06);
    background: #1e293b;
}
[data-bs-theme="dark"] .savings-badge {
    background: rgba(16,185,129,0.1);
    color: #6ee7b7;
}

/* Checkout — Stepper, Panels, Payment */
[data-bs-theme="dark"] .step-circle {
    background: #1e293b;
    border-color: #475569;
    color: #94a3b8;
}
[data-bs-theme="dark"] .checkout-stepper::before {
    background: #334155;
}
[data-bs-theme="dark"] .order-summary-sticky {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .payment-method-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.08);
}
[data-bs-theme="dark"] .payment-method-card:hover {
    border-color: rgba(255,255,255,0.15);
    background: #273549;
}
[data-bs-theme="dark"] .payment-method-card.selected {
    border-color: #6366f1;
    background: rgba(99,102,241,0.06);
}
[data-bs-theme="dark"] .qr-code-wrap {
    background: #fff;
}
[data-bs-theme="dark"] .verify-score-ring::after {
    background: #1e293b;
}

/* PromptPay — Dark Mode */
[data-bs-theme="dark"] .pp-amount-banner {
    background: linear-gradient(135deg, rgba(59,130,246,0.1), rgba(59,130,246,0.05));
    border-color: rgba(59,130,246,0.2);
}
[data-bs-theme="dark"] .pp-qr-card {
    background: #1e293b;
    border-color: rgba(255,255,255,0.08);
}
[data-bs-theme="dark"] .pp-qr-header {
    background: linear-gradient(135deg, rgba(59,130,246,0.08), rgba(59,130,246,0.04));
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pp-qr-footer {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pp-footer-amount {
    color: #93c5fd !important;
}
[data-bs-theme="dark"] .pp-amount-value {
    color: #93c5fd !important;
    background: linear-gradient(135deg, #93c5fd, #a5b4fc) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
[data-bs-theme="dark"] .pp-qr-body {
    background: #fff;
}
[data-bs-theme="dark"] .pp-detail-section {
    background: #111827;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pp-info-row {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pp-info-value {
    color: #e2e8f0;
}
[data-bs-theme="dark"] .pp-copy-btn {
    background: #334155;
    color: #94a3b8;
}
[data-bs-theme="dark"] .pp-timer-bar {
    background: #1e293b;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .pp-slip-section {
    background: rgba(16,185,129,0.06);
    border-color: rgba(16,185,129,0.15);
}
[data-bs-theme="dark"] .pp-verify-card {
    background: #1e293b;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
[data-bs-theme="dark"] .pp-progress-bar {
    background: #334155;
}
[data-bs-theme="dark"] .slip-drop-zone {
    background: #111827;
    border-color: #334155;
}
[data-bs-theme="dark"] .slip-drop-zone:hover,
[data-bs-theme="dark"] .slip-drop-zone.dragover {
    border-color: #6366f1;
    background: rgba(99,102,241,0.04);
}
[data-bs-theme="dark"] #stripe-card-element {
    background: #1e293b;
    border-color: rgba(255,255,255,0.1);
    color: #e2e8f0;
}

/* ════════════════════════════════════════════
   Catch-all: inline style white backgrounds
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] [style*="background:#fff"],
[data-bs-theme="dark"] [style*="background: #fff"],
[data-bs-theme="dark"] [style*="background:white"],
[data-bs-theme="dark"] [style*="background: white"],
[data-bs-theme="dark"] [style*="background-color:#fff"],
[data-bs-theme="dark"] [style*="background-color: #fff"],
[data-bs-theme="dark"] [style*="background-color:white"],
[data-bs-theme="dark"] [style*="background-color: white"],
[data-bs-theme="dark"] [style*="background:#ffffff"],
[data-bs-theme="dark"] [style*="background: #ffffff"],
[data-bs-theme="dark"] [style*="background-color:#ffffff"],
[data-bs-theme="dark"] [style*="background-color: #ffffff"] {
    background: #1e293b !important;
}

/* ════════════════════════════════════════════
   ADMIN LAYOUT — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] body.admin-layout {
    background: #0c111b;
}
[data-bs-theme="dark"] .admin-sidebar {
    background: #111827 !important;
    border-right: 1px solid rgba(255,255,255,0.04);
}
[data-bs-theme="dark"] #admin-content > .navbar {
    background: rgba(15, 23, 42, 0.95) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
/* Top Bar — navbar-text (page title) สีขาวชัดเจน */
[data-bs-theme="dark"] #admin-content > .navbar .navbar-text {
    color: #f1f5f9 !important;
}
/* Top Bar — admin name text */
[data-bs-theme="dark"] #admin-content > .navbar .text-muted {
    color: #94a3b8 !important;
}
/* Top Bar — Sidebar Toggle Button */
[data-bs-theme="dark"] #admin-content > .navbar #sidebarToggle {
    border-color: rgba(148,163,184,0.3);
    color: #cbd5e1;
    background: transparent;
}
[data-bs-theme="dark"] #admin-content > .navbar #sidebarToggle:hover {
    background: rgba(148,163,184,0.12);
    border-color: rgba(148,163,184,0.5);
    color: #f1f5f9;
}
/* Top Bar — Logout Button */
[data-bs-theme="dark"] #admin-content > .navbar .btn-outline-danger {
    border-color: rgba(248,113,113,0.4);
    color: #f87171;
    background: transparent;
}
[data-bs-theme="dark"] #admin-content > .navbar .btn-outline-danger:hover {
    background: rgba(239,68,68,0.15);
    border-color: rgba(248,113,113,0.6);
    color: #fca5a5;
}
[data-bs-theme="dark"] .admin-main {
    background: #0c111b;
}

/* Dashboard cards with border-left */
[data-bs-theme="dark"] .dashboard-card {
    background: #1e293b;
}
[data-bs-theme="dark"] .dashboard-icon {
    opacity: 0.9;
}

/* Shadow cards in dark mode */
[data-bs-theme="dark"] .shadow-sm {
    box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
[data-bs-theme="dark"] .shadow {
    box-shadow: 0 4px 6px rgba(0,0,0,0.35) !important;
}
[data-bs-theme="dark"] .shadow-lg {
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}

/* Admin sidebar hover */
[data-bs-theme="dark"] .admin-sidebar .nav-link:hover {
    background: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .admin-sidebar .nav-link.active {
    background: rgba(99,102,241,0.15);
}

/* Inline styles override: common bg patterns */
[data-bs-theme="dark"] [style*="background:#f8fafc"],
[data-bs-theme="dark"] [style*="background: #f8fafc"],
[data-bs-theme="dark"] [style*="background:#f0f9ff"],
[data-bs-theme="dark"] [style*="background:#faf5ff"],
[data-bs-theme="dark"] [style*="background:#f1f5f9"],
[data-bs-theme="dark"] [style*="background:#f0fdf4"],
[data-bs-theme="dark"] [style*="background: #f0fdf4"],
[data-bs-theme="dark"] [style*="background:#ecfdf5"],
[data-bs-theme="dark"] [style*="background:#eff6ff"],
[data-bs-theme="dark"] [style*="background: #eff6ff"],
[data-bs-theme="dark"] [style*="background:#dbeafe"],
[data-bs-theme="dark"] [style*="background:#e0f2fe"],
[data-bs-theme="dark"] [style*="background:#fef2f2"],
[data-bs-theme="dark"] [style*="background:#fefce8"],
[data-bs-theme="dark"] [style*="background:#f5f5f4"] {
    background: rgba(255,255,255,0.04) !important;
}

/* Gradient headers in dashboard sales cards */
[data-bs-theme="dark"] [style*="background:linear-gradient(135deg,#eff6ff"] {
    background: linear-gradient(135deg, rgba(59,130,246,0.12) 0%, rgba(59,130,246,0.06) 100%) !important;
}
[data-bs-theme="dark"] [style*="background:linear-gradient(135deg,#faf5ff"] {
    background: linear-gradient(135deg, rgba(139,92,246,0.12) 0%, rgba(139,92,246,0.06) 100%) !important;
}

/* Additional inline bg overrides */
[data-bs-theme="dark"] [style*="background:#f8f9fa"],
[data-bs-theme="dark"] [style*="background: #f8f9fa"],
[data-bs-theme="dark"] [style*="background:#f3f4f6"],
[data-bs-theme="dark"] [style*="background: #f3f4f6"],
[data-bs-theme="dark"] [style*="background:#fafbfc"],
[data-bs-theme="dark"] [style*="background: #fafbfc"],
[data-bs-theme="dark"] [style*="background-color:#f8f9fa"],
[data-bs-theme="dark"] [style*="background-color: #f8f9fa"],
[data-bs-theme="dark"] [style*="background:#e5e7eb"],
[data-bs-theme="dark"] [style*="background: #e5e7eb"],
[data-bs-theme="dark"] [style*="background:#fee2e2"],
[data-bs-theme="dark"] [style*="background:#dcfce7"],
[data-bs-theme="dark"] [style*="background:#fef9c3"],
[data-bs-theme="dark"] [style*="background:#e0e7ff"],
[data-bs-theme="dark"] [style*="background:#fce7f3"] {
    background: rgba(255,255,255,0.04) !important;
}

/* Inline dark text color overrides */
[data-bs-theme="dark"] [style*="color:#1e293b"],
[data-bs-theme="dark"] [style*="color: #1e293b"] {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] [style*="color:#334155"],
[data-bs-theme="dark"] [style*="color: #334155"] {
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] [style*="color:#374151"],
[data-bs-theme="dark"] [style*="color: #374151"] {
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] [style*="color:#1e40af"],
[data-bs-theme="dark"] [style*="color: #1e40af"] {
    color: #93c5fd !important;
}
[data-bs-theme="dark"] [style*="color:#0f172a"],
[data-bs-theme="dark"] [style*="color: #0f172a"] {
    color: #f1f5f9 !important;
}

/* Inline light warning/alert backgrounds */
[data-bs-theme="dark"] [style*="background:#fff7ed"],
[data-bs-theme="dark"] [style*="background: #fff7ed"] {
    background: rgba(251,146,60,0.1) !important;
}
[data-bs-theme="dark"] [style*="background:#fff5f5"],
[data-bs-theme="dark"] [style*="background: #fff5f5"] {
    background: rgba(252,165,165,0.08) !important;
}
[data-bs-theme="dark"] [style*="background:#fffbeb"],
[data-bs-theme="dark"] [style*="background: #fffbeb"] {
    background: rgba(245,158,11,0.08) !important;
}

/* ════════════════════════════════════════════
   ADMIN — Comprehensive Dark Mode
   ════════════════════════════════════════════ */

/* Bootstrap bg-white / bg-light in admin */
[data-bs-theme="dark"] .bg-white {
    background-color: #1e293b !important;
}
[data-bs-theme="dark"] .bg-light {
    background-color: #1e293b !important;
}

/* Cards */
[data-bs-theme="dark"] .card {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .card-header {
    background-color: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .card-footer {
    background-color: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.06) !important;
}

/* Tables */
[data-bs-theme="dark"] .table {
    color: #e2e8f0;
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .table > thead {
    background-color: rgba(255,255,255,0.04) !important;
    color: #94a3b8;
}
[data-bs-theme="dark"] .table > thead th {
    background-color: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .table > tbody > tr {
    border-color: rgba(255,255,255,0.06);
}
[data-bs-theme="dark"] .table > tbody > tr > td {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .table-hover > tbody > tr:hover {
    background-color: rgba(255,255,255,0.04) !important;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .table-light {
    background-color: rgba(255,255,255,0.04) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,0.02) !important;
    color: #e2e8f0;
}

/* Forms */
[data-bs-theme="dark"] .form-control {
    background-color: #0f172a !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .form-control:focus {
    background-color: #0f172a !important;
    border-color: #818cf8 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 0 0 0.2rem rgba(99,102,241,0.15) !important;
}
[data-bs-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}
[data-bs-theme="dark"] .form-select {
    background-color: #0f172a !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .form-check-input {
    background-color: #0f172a !important;
    border-color: rgba(255,255,255,0.15) !important;
}
[data-bs-theme="dark"] .form-check-input:checked {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
}
[data-bs-theme="dark"] .form-label {
    color: #cbd5e1 !important;
}
[data-bs-theme="dark"] .form-text {
    color: #64748b !important;
}
[data-bs-theme="dark"] .input-group-text {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #94a3b8 !important;
}

/* Modals */
[data-bs-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .modal-header {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .modal-footer {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Dropdown menus */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .dropdown-item {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: rgba(255,255,255,0.06) !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .dropdown-divider {
    border-color: rgba(255,255,255,0.08) !important;
}

/* Alerts */
[data-bs-theme="dark"] .alert-info {
    background-color: rgba(59,130,246,0.1) !important;
    border-color: rgba(59,130,246,0.2) !important;
    color: #93c5fd !important;
}
[data-bs-theme="dark"] .alert-success {
    background-color: rgba(16,185,129,0.1) !important;
    border-color: rgba(16,185,129,0.2) !important;
    color: #34d399 !important;
}
[data-bs-theme="dark"] .alert-warning {
    background-color: rgba(245,158,11,0.1) !important;
    border-color: rgba(245,158,11,0.2) !important;
    color: #fbbf24 !important;
}
[data-bs-theme="dark"] .alert-danger {
    background-color: rgba(239,68,68,0.1) !important;
    border-color: rgba(239,68,68,0.2) !important;
    color: #f87171 !important;
}

/* List groups */
[data-bs-theme="dark"] .list-group-item {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .list-group-item:hover {
    background-color: rgba(255,255,255,0.04) !important;
}
[data-bs-theme="dark"] .list-group-item.active {
    background-color: rgba(99,102,241,0.15) !important;
    border-color: rgba(99,102,241,0.3) !important;
    color: #a5b4fc !important;
}

/* Pagination */
[data-bs-theme="dark"] .page-link {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .page-link:hover {
    background-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .page-item.disabled .page-link {
    background-color: rgba(255,255,255,0.02) !important;
    color: #475569 !important;
}

/* Breadcrumb */
[data-bs-theme="dark"] .breadcrumb {
    background-color: transparent !important;
}
[data-bs-theme="dark"] .breadcrumb-item a {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #e2e8f0 !important;
}

/* Nav tabs & pills */
[data-bs-theme="dark"] .nav-tabs {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) rgba(255,255,255,0.08) #1e293b !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .nav-pills .nav-link {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .nav-pills .nav-link.active {
    background-color: #6366f1 !important;
    color: #fff !important;
}

/* Borders */
[data-bs-theme="dark"] .border {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .border-top {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .border-bottom {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .border-start {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .border-end {
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] hr {
    border-color: rgba(255,255,255,0.08);
}

/* Text overrides */
[data-bs-theme="dark"] .text-dark {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-muted {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .text-body {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-black {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .text-black-50 {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6 {
    color: #f1f5f9;
}

/* Badge overrides for dark mode */
[data-bs-theme="dark"] .badge.bg-light {
    background-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .badge.text-dark {
    color: #e2e8f0 !important;
}

/* Accordion */
[data-bs-theme="dark"] .accordion-item {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .accordion-button {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    box-shadow: none !important;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: rgba(99,102,241,0.1) !important;
    color: #a5b4fc !important;
}
[data-bs-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(200%);
}
[data-bs-theme="dark"] .accordion-body {
    background-color: #1e293b !important;
}

/* Offcanvas */
[data-bs-theme="dark"] .offcanvas {
    background-color: #1e293b !important;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .offcanvas-header {
    border-color: rgba(255,255,255,0.06) !important;
}

/* Toast */
[data-bs-theme="dark"] .toast {
    background-color: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0;
}
[data-bs-theme="dark"] .toast-header {
    background-color: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}

/* Progress bars */
[data-bs-theme="dark"] .progress {
    background-color: #334155 !important;
}

/* Buttons outline override */
[data-bs-theme="dark"] .btn-outline-secondary {
    border-color: rgba(255,255,255,0.15) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .btn-outline-secondary:hover {
    background-color: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .btn-light {
    background-color: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .btn-light:hover {
    background-color: rgba(255,255,255,0.12) !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .btn-white {
    background-color: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e2e8f0 !important;
}

/* Admin custom components */
[data-bs-theme="dark"] .stat-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .reset-section {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .digi-stat-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .order-table th {
    background: rgba(255,255,255,0.04) !important;
    color: #94a3b8 !important;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .filter-bar {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .bank-stat {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .bank-info-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .tip-box {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .navbar-text {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] #admin-content .nav-link {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] #admin-content .nav-link:hover {
    color: #e2e8f0 !important;
    background: rgba(255,255,255,0.04) !important;
}
[data-bs-theme="dark"] #admin-content .nav-link.active {
    color: #e2e8f0 !important;
    background: rgba(99,102,241,0.15) !important;
}

/* ════════════════════════════════════════════
   PHOTOGRAPHER LAYOUT — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] body.photographer-layout {
    background: #0c111b;
}
[data-bs-theme="dark"] .pg-sidebar {
    background: linear-gradient(180deg, #1e3a5f 0%, #1a2744 100%) !important;
}
[data-bs-theme="dark"] .pg-topbar {
    background: #111827 !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    color: #e2e8f0;
}
[data-bs-theme="dark"] .pg-main {
    background: #0c111b;
}
[data-bs-theme="dark"] .pg-sidebar .nav-link:hover {
    background: rgba(255,255,255,0.08);
}
@media (max-width: 991.98px) {
    [data-bs-theme="dark"] body.photographer-layout {
        background: #0c111b;
    }
}

/* ════════════════════════════════════════════
   PUBLIC FOOTER — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] footer {
    background: #111827 !important;
}

/* ════════════════════════════════════════════
   DARK MODE TOGGLE BUTTON
   ════════════════════════════════════════════ */
.theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(100,116,139,0.4);
    background: rgba(100,116,139,0.08);
    color: #475569;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    font-size: 1.1rem;
}
[data-bs-theme="dark"] .theme-toggle {
    border-color: rgba(148,163,184,0.3);
    background: rgba(148,163,184,0.08);
    color: #e2e8f0;
}
.theme-toggle:hover {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.3);
    color: #6366f1;
    transform: rotate(15deg);
}

/* SweetAlert2 dark mode */
[data-bs-theme="dark"] .swal2-popup {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .swal2-title {
    color: #f1f5f9 !important;
}
[data-bs-theme="dark"] .swal2-html-container {
    color: #94a3b8 !important;
}

/* Code blocks */
[data-bs-theme="dark"] code {
    background: rgba(255,255,255,0.06);
    color: #f472b6;
}

/* Scrollbar */
[data-bs-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* ════════════════════════════════════════════
   PAYMENT SUCCESS PAGE — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .order-detail-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .order-detail-header {
    background: rgba(255,255,255,0.04) !important;
}
[data-bs-theme="dark"] .timeline-line {
    background: #334155 !important;
}
[data-bs-theme="dark"] .slipok-warning {
    background: rgba(251,191,36,0.1) !important;
    border-color: rgba(251,191,36,0.2) !important;
}

/* ════════════════════════════════════════════
   ORDERS LIST PAGE — Dark Mode
   ════════════════════════════════════════════ */
[data-bs-theme="dark"] .order-tabs {
    background: #1e293b !important;
}
[data-bs-theme="dark"] .order-tab {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .order-tab.active {
    background: #334155 !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .order-tab .tab-count {
    background: #334155 !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .order-tab.active .tab-count {
    background: #3b82f6 !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .status-pill {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .status-pill.active {
    background: rgba(99,102,241,0.15) !important;
    color: #a5b4fc !important;
}
[data-bs-theme="dark"] .order-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .order-card:hover {
    border-color: rgba(99,102,241,0.3) !important;
}
[data-bs-theme="dark"] .order-card-footer {
    background: rgba(255,255,255,0.03) !important;
}
[data-bs-theme="dark"] .order-number {
    background: rgba(255,255,255,0.06) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .order-item-name {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .order-amount .price {
    color: #93c5fd !important;
}
[data-bs-theme="dark"] .btn-order-outline {
    background: transparent !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .btn-order-outline:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .empty-orders {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .order-thumb-more {
    background: #334155 !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .download-info {
    background: rgba(255,255,255,0.04) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .type-photo {
    background: rgba(251,191,36,0.15) !important;
    color: #fbbf24 !important;
}
[data-bs-theme="dark"] .type-digital {
    background: rgba(59,130,246,0.15) !important;
    color: #93c5fd !important;
}
[data-bs-theme="dark"] .order-cover-placeholder {
    background: rgba(255,255,255,0.04) !important;
}

/* Orders — View page */
[data-bs-theme="dark"] .card-header.bg-white {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

/* ════════════════════════════════════════════
   PRODUCTS — Dark Mode
   ════════════════════════════════════════════ */

/* Products list (index.php) */
[data-bs-theme="dark"] .product-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .product-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.3) !important;
}
[data-bs-theme="dark"] .product-card .product-name {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .type-pill {
    border-color: rgba(255,255,255,0.12) !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .type-pill:hover {
    border-color: #818cf8 !important;
    color: #818cf8 !important;
}
[data-bs-theme="dark"] .type-pill.active {
    color: #fff !important;
}

/* Product detail (view.php) */
[data-bs-theme="dark"] .purchase-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .info-item {
    background: rgba(255,255,255,0.04) !important;
}
[data-bs-theme="dark"] .info-item .value {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .already-purchased {
    background: rgba(16,185,129,0.1) !important;
    border-color: rgba(16,185,129,0.2) !important;
}

/* Digital product payment (pay.php) */
[data-bs-theme="dark"] .dp-step-circle {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .dp-step-item.active .dp-step-circle {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .dp-step-item.completed .dp-step-circle {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .dp-stepper::before {
    background: #334155 !important;
}
[data-bs-theme="dark"] .dp-method-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .dp-method-card:hover {
    border-color: rgba(99,102,241,0.3) !important;
    background: rgba(255,255,255,0.04) !important;
}
[data-bs-theme="dark"] .dp-method-card.selected {
    background: rgba(37,99,235,0.08) !important;
    border-color: #3b82f6 !important;
}
[data-bs-theme="dark"] .dp-qr-card {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .dp-qr-header {
    background: rgba(59,130,246,0.1) !important;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .dp-qr-footer {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .dp-pp-detail {
    background: rgba(255,255,255,0.04) !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .dp-pp-row {
    border-color: rgba(255,255,255,0.06) !important;
}
[data-bs-theme="dark"] .dp-pp-label {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .dp-pp-value {
    color: #e2e8f0 !important;
}
[data-bs-theme="dark"] .dp-pp-amount {
    color: #93c5fd !important;
    background: linear-gradient(135deg, #93c5fd, #a5b4fc) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
[data-bs-theme="dark"] .dp-pp-copy {
    background: #334155 !important;
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .dp-pp-copy:hover {
    background: #3b82f6 !important;
    color: #fff !important;
}
[data-bs-theme="dark"] .dp-pp-step {
    color: #94a3b8 !important;
}
[data-bs-theme="dark"] .dp-pp-slip {
    background: rgba(16,185,129,0.08) !important;
    border-color: rgba(16,185,129,0.2) !important;
}
[data-bs-theme="dark"] .dp-pp-banner {
    background: rgba(59,130,246,0.1) !important;
    border-color: rgba(59,130,246,0.2) !important;
}
[data-bs-theme="dark"] .dp-timer-bar {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .slip-drop-zone {
    background: rgba(255,255,255,0.03) !important;
    border-color: #475569 !important;
}
[data-bs-theme="dark"] .slip-drop-zone:hover,
[data-bs-theme="dark"] .slip-drop-zone.dragover {
    border-color: #818cf8 !important;
    background: rgba(99,102,241,0.06) !important;
}
[data-bs-theme="dark"] .dp-pending-card {
    background: rgba(251,191,36,0.1) !important;
    border-color: rgba(251,191,36,0.2) !important;
}
[data-bs-theme="dark"] .dp-pending-icon {
    background: rgba(251,191,36,0.15) !important;
}
[data-bs-theme="dark"] .dp-sidebar {
    background: #1e293b !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-bs-theme="dark"] .dp-verify-card {
    background: #1e293b !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}
[data-bs-theme="dark"] .dp-progress-bar {
    background: #334155 !important;
}