/**
 * Light theme — component overrides (loads after theme.css + page CSS)
 */

/* Accent text/icons stay purple in light theme (dark theme overrides to white via --accent-text in design.css) */
html[data-theme="light"] {
    --accent-text: var(--accent);
}

/* #aaa is too light on the light background — use the theme's muted token */
html[data-theme="light"] .lang-heading {
    color: var(--text-muted);
}

/* —— Typography & links —— */
html[data-theme="light"] a:hover {
    color: var(--accent-dim);
}

html[data-theme="light"] .logo span {
    color: var(--accent);
}

html[data-theme="light"] .nav-link--muted {
    color: var(--text-muted);
}

html[data-theme="light"] .nav-link--muted:hover {
    color: var(--text-secondary);
}

/* —— Navbar CTA —— */
html[data-theme="light"] .nav-cta.btn-primary {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dim) 100%);
    box-shadow: 0 4px 14px rgba(106, 88, 232, 0.28);
}

html[data-theme="light"] .nav-cta.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(106, 88, 232, 0.38);
}

/* —— Stats & hero accents —— */
html[data-theme="light"] .stat-num {
    background: linear-gradient(135deg, #3a2ea8 0%, var(--accent) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .hero h1 span {
    background: linear-gradient(135deg, #3a2ea8 0%, var(--accent) 50%, #8b7cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="light"] .hero__eyebrow {
    background: rgba(106, 88, 232, 0.09);
    border-color: rgba(106, 88, 232, 0.22);
    color: var(--accent);
    backdrop-filter: none;
}

html[data-theme="light"] .hero__glow--1 {
    background: rgba(106, 88, 232, 0.28);
    opacity: 0.6;
}

html[data-theme="light"] .hero__glow--2 {
    background: rgba(255, 107, 53, 0.20);
    opacity: 0.5;
}
html[data-theme="light"] .hero__stage-glow {
    background:
        radial-gradient(ellipse 50% 45% at 50% 45%, rgba(106, 88, 232, 0.32) 0%, transparent 65%),
        radial-gradient(ellipse 35% 30% at 25% 25%, rgba(236, 72, 153, 0.14) 0%, transparent 60%),
        radial-gradient(ellipse 35% 30% at 80% 75%, rgba(56, 189, 248, 0.16) 0%, transparent 60%);
    opacity: 0.85;
}
html[data-theme="light"] .hero__card {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 0 0 1px rgba(106, 88, 232, 0.1),
        0 10px 24px -6px rgba(15, 15, 28, 0.14),
        0 4px 10px -4px rgba(15, 15, 28, 0.08);
}
html[data-theme="light"] .hero__card:hover {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 0 0 1px rgba(106, 88, 232, 0.18),
        0 24px 48px -12px rgba(15, 15, 28, 0.2),
        0 16px 36px -8px rgba(106, 88, 232, 0.28);
}


/* —— Big price —— */
html[data-theme="light"] .big-price {
    background: linear-gradient(135deg, #3a2ea8 0%, #6a58e8 55%, #8b7cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* —— Error code —— */
html[data-theme="light"] .error-code {
    background: linear-gradient(135deg, #3a2ea8 0%, var(--accent) 50%, #8b7cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* —— Game heading accent bar —— */
html[data-theme="light"] .game-heading {
    border-left-color: var(--accent);
}

/* —— Cards & badges —— */
html[data-theme="light"] .card-placeholder,
html[data-theme="light"] .card-placeholder-lg {
    color: #b8b8c8;
}

html[data-theme="light"] .card-placeholder-lg {
    background: var(--bg-muted);
}

html[data-theme="light"] .card-price {
    color: var(--accent);
    font-weight: 700;
}

html[data-theme="light"] .badge {
    background: #ebebf2;
    color: var(--text-secondary);
}

html[data-theme="light"] .badge-onepiece {
    background: #fff0e8;
    color: #c44a12;
}

html[data-theme="light"] .badge-pokemon {
    background: #fff8d6;
    color: #8a7200;
}

html[data-theme="light"] .badge-auction {
    background: #e8f0ff;
    color: #2563b8;
}

html[data-theme="light"] .badge-sold {
    background: #e8f5e9;
    color: #2d6a30;
}

/* —— Card / set elevation —— */
html[data-theme="light"] .card-item,
html[data-theme="light"] .set-card {
    backdrop-filter: none;
    box-shadow: 0 1px 4px rgba(15, 15, 28, 0.07), 0 2px 10px rgba(15, 15, 28, 0.05);
}

html[data-theme="light"] .card-item:hover {
    border-color: var(--border-accent);
    box-shadow: 0 6px 24px rgba(15, 15, 28, 0.10), 0 2px 8px rgba(106, 88, 232, 0.12);
}

html[data-theme="light"] .set-card:hover {
    box-shadow: 0 8px 24px rgba(15, 15, 28, 0.10), 0 2px 8px rgba(15, 15, 28, 0.06);
}

html[data-theme="light"] .game-card,
html[data-theme="light"] .feature {
    backdrop-filter: none;
    box-shadow: 0 2px 10px rgba(15, 15, 28, 0.07), 0 1px 4px rgba(15, 15, 28, 0.04);
}

html[data-theme="light"] .game-card:hover {
    box-shadow: 0 10px 32px rgba(15, 15, 28, 0.10), 0 4px 12px rgba(106, 88, 232, 0.10);
}

html[data-theme="light"] .home-games .game-logo img {
    filter: drop-shadow(0 1px 3px rgba(15, 15, 28, 0.10));
}

html[data-theme="light"] .feature:hover {
    box-shadow: 0 8px 24px rgba(15, 15, 28, 0.09), 0 2px 8px rgba(106, 88, 232, 0.09);
}

html[data-theme="light"] .card-info {
    border-top-color: #ececf2;
}

html[data-theme="light"] .card-info__meta .card-num {
    color: #6a6a80;
}

html[data-theme="light"] .card-name {
    color: #0f0f18;
}

html[data-theme="light"] .card-set,
html[data-theme="light"] .card-seller,
html[data-theme="light"] .card-cond,
html[data-theme="light"] .results-count,
html[data-theme="light"] .browse-subtitle,
html[data-theme="light"] .page-sub {
    color: #6a6a80;
}

html[data-theme="light"] .card-img {
    background: linear-gradient(180deg, #eeeef5 0%, #e6e6f0 100%);
}

/* —— Headings —— */
html[data-theme="light"] .page-title,
html[data-theme="light"] .section-title,
html[data-theme="light"] .game-card h3,
html[data-theme="light"] .feature h3,
html[data-theme="light"] .game-heading,
html[data-theme="light"] .card-detail-info h1,
html[data-theme="light"] .profile-meta h1,
html[data-theme="light"] .auth-box h1 {
    color: #0f0f18;
}

/* —— Inputs & forms —— */
html[data-theme="light"] .search-input,
html[data-theme="light"] .select-sm,
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select,
html[data-theme="light"] .form-group textarea,
html[data-theme="light"] .input-sm {
    background: var(--bg-input);
    border-color: var(--border-default);
    color: #0f0f18;
}

html[data-theme="light"] .form-group label,
html[data-theme="light"] .form-group small {
    color: var(--text-muted);
}

/* —— Search panel —— */
html[data-theme="light"] .search-panel {
    /* Same glass treatment as .navbar */
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 20px rgba(15, 15, 28, 0.07);
}

/* —— Tabs & pagination —— */
html[data-theme="light"] .tab {
    background: #ffffff;
    border-color: var(--border-default);
    color: var(--text-muted);
}

html[data-theme="light"] .tab:hover,
html[data-theme="light"] .tab.active,
html[data-theme="light"] .filter-tabs .tab.active {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
    box-shadow: 0 4px 14px rgba(106, 88, 232, 0.28);
}

html[data-theme="light"] .page-btn {
    background: #ffffff;
    border-color: var(--border-default);
    color: var(--text-secondary);
    box-shadow: 0 1px 3px rgba(15, 15, 28, 0.07);
}

html[data-theme="light"] .page-btn:hover,
html[data-theme="light"] .page-btn.active {
    background: linear-gradient(135deg, var(--accent), var(--accent-dim));
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 14px rgba(106, 88, 232, 0.28);
}

/* —— Browse / listing detail —— */
html[data-theme="light"] .listing-detail,
html[data-theme="light"] .listing-gallery,
html[data-theme="light"] .listing-sidebar,
html[data-theme="light"] .browse-header,
html[data-theme="light"] .portfolio-wrap,
html[data-theme="light"] .settings-panel,
html[data-theme="light"] .cart-summary,
html[data-theme="light"] .checkout-panel {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
}

html[data-theme="light"] .listing-detail__frame {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: 0 2px 12px rgba(15, 15, 28, 0.07);
}

html[data-theme="light"] .listing-price-box {
    background: linear-gradient(180deg, #f8f8fe 0%, #f2f2f8 100%);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .card-attrs th {
    color: var(--text-muted);
}

html[data-theme="light"] .card-attrs td {
    color: var(--text-primary);
}

html[data-theme="light"] .card-attrs tr + tr th,
html[data-theme="light"] .card-attrs tr + tr td {
    border-top-color: var(--border-subtle);
}

html[data-theme="light"] .listing-qty {
    color: var(--text-secondary);
}

html[data-theme="light"] .market-ref {
    color: var(--text-muted);
}

html[data-theme="light"] .listing-gallery__catalog-note,
html[data-theme="light"] .listing-gallery__catalog-note small {
    color: var(--text-secondary);
}

html[data-theme="light"] .listing-gallery__thumb.active {
    border-color: var(--accent);
}

html[data-theme="light"] .card-detail-img img,
html[data-theme="light"] .listing-gallery__main img {
    box-shadow: var(--shadow-md);
}

html[data-theme="light"] .listing-detail h1,
html[data-theme="light"] .listing-detail h2,
html[data-theme="light"] .listing-detail h3,
html[data-theme="light"] .card-detail-info h2,
html[data-theme="light"] .settings-panel h2,
html[data-theme="light"] .checkout-panel h2 {
    color: var(--text-primary);
}

html[data-theme="light"] .listing-meta,
html[data-theme="light"] .listing-desc,
html[data-theme="light"] .detail-row span:first-child {
    color: var(--text-muted);
}

html[data-theme="light"] .listing-gallery__main,
html[data-theme="light"] .listing-gallery__thumb {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .photo-checklist__item {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .photo-checklist__label {
    color: var(--text-secondary);
}

html[data-theme="light"] .sale-confirmation {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .sale-confirmation h3 {
    color: var(--text-primary);
}

html[data-theme="light"] .sale-confirmation__list {
    color: var(--text-secondary);
}

/* —— Bid / sale method —— */
html[data-theme="light"] .bid-options,
html[data-theme="light"] .listing-bid-form {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .bid-duration-option,
html[data-theme="light"] .sale-method-option {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    color: var(--text-primary);
    box-shadow: 0 1px 3px rgba(15, 15, 28, 0.05);
}

html[data-theme="light"] .bid-duration-option:has(input:checked),
html[data-theme="light"] .sale-method-option:has(input:checked) {
    border-color: var(--accent);
    background: rgba(106, 88, 232, 0.08);
    box-shadow: 0 0 0 1px rgba(106, 88, 232, 0.22), 0 2px 8px rgba(106, 88, 232, 0.10);
}

html[data-theme="light"] .sale-method-option small {
    color: var(--text-muted);
}

html[data-theme="light"] .listing-bid-form h3 {
    color: var(--text-primary);
}

html[data-theme="light"] .listing-bid-winner {
    background: #e8f5e9;
    border-color: #a5d6a7;
    color: #2d6a30;
}

/* —— Tables —— */
html[data-theme="light"] .listings-table,
html[data-theme="light"] .portfolio-table {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .listings-table th,
html[data-theme="light"] .portfolio-table th {
    color: var(--text-muted);
}

html[data-theme="light"] .listings-table td,
html[data-theme="light"] .portfolio-table td {
    border-bottom-color: #f0f0f5;
}

html[data-theme="light"] .listings-table tr:hover td,
html[data-theme="light"] .portfolio-table tr:hover td {
    background: var(--bg-hover);
}

/* —— Auth & form cards —— */
html[data-theme="light"] .auth-box,
html[data-theme="light"] .form-card {
    box-shadow: 0 4px 24px rgba(15, 15, 28, 0.09), 0 1px 6px rgba(15, 15, 28, 0.06), 0 0 0 1px rgba(106, 88, 232, 0.07);
}

html[data-theme="light"] .auth-box p,
html[data-theme="light"] .form-card p {
    color: var(--text-secondary);
}

html[data-theme="light"] .auth-brand {
    color: var(--text-primary);
}

html[data-theme="light"] .auth-brand span,
html[data-theme="light"] .auth-brand .fa-bolt {
    color: var(--accent);
}

/* —— Empty state —— */
html[data-theme="light"] .empty-state {
    background: #ffffff;
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

/* —— Summary stats / orders / follows —— */
html[data-theme="light"] .summary-stat {
    background: #ffffff;
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .summary-stat .num {
    color: var(--accent);
}

html[data-theme="light"] .order-row {
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .order-row:hover {
    border-color: var(--border-accent);
    box-shadow: 0 4px 16px rgba(15, 15, 28, 0.09), 0 1px 4px rgba(106, 88, 232, 0.08);
}

html[data-theme="light"] .follow-list__item {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

/* —— Messenger —— */
html[data-theme="light"] .messenger {
    background: #ffffff;
    border-color: var(--border-default);
    box-shadow: var(--shadow-md);
}

html[data-theme="light"] .messenger-sidebar {
    background: #f6f6fc;
    border-right-color: var(--border-default);
}

html[data-theme="light"] .messenger-search input {
    background: var(--bg-input);
    border-color: var(--border-default);
    color: #0f0f18;
}

html[data-theme="light"] .messenger-sidebar__head {
    border-bottom-color: var(--border-default);
}

html[data-theme="light"] .messenger-inbox__item {
    border-bottom-color: var(--border-subtle);
    color: var(--text-primary);
}

html[data-theme="light"] .messenger-inbox__item:hover,
html[data-theme="light"] .messenger-inbox__item.active {
    background: var(--bg-hover);
}

html[data-theme="light"] .messenger-inbox__item.unread .messenger-inbox__name {
    color: var(--text-primary);
}

html[data-theme="light"] .messenger-inbox__preview,
html[data-theme="light"] .messenger-inbox__time,
html[data-theme="light"] .messenger-empty,
html[data-theme="light"] .messenger-loading,
html[data-theme="light"] .messenger-chat__typing {
    color: var(--text-muted);
}

html[data-theme="light"] .messenger-chat__head,
html[data-theme="light"] .messenger-compose {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
}

html[data-theme="light"] .messenger-back {
    color: var(--text-primary);
}

html[data-theme="light"] .messenger-chat__peer small {
    color: var(--text-muted);
}

html[data-theme="light"] .messenger-bubble--theirs {
    background: var(--bg-muted);
    color: var(--text-primary);
    border: 1px solid var(--border-subtle);
}

html[data-theme="light"] .messenger-bubble--theirs .messenger-bubble__link {
    color: var(--accent);
}

html[data-theme="light"] .messenger-compose textarea {
    background: var(--bg-input);
    border-color: var(--border-default);
    color: var(--text-primary);
}

html[data-theme="light"] .messenger-modal__box {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-lg);
}

html[data-theme="light"] .messenger-compose__btn {
    color: var(--text-secondary);
}
html[data-theme="light"] .messenger-compose__btn:hover {
    background: var(--bg-input);
}
html[data-theme="light"] .messenger-attachments {
    background: transparent;
}
html[data-theme="light"] .messenger-attach-chip {
    background: var(--bg-input);
    border-color: var(--border-default);
}
html[data-theme="light"] .messenger-attach-chip__name {
    color: var(--text-primary);
}
html[data-theme="light"] .messenger-emoji-picker {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-lg);
}
html[data-theme="light"] .messenger-emoji:hover {
    background: var(--bg-input);
}
html[data-theme="light"] .messenger-bubble--theirs .messenger-attach--file {
    background: rgba(15, 15, 28, 0.06);
}

/* —— Admin —— */
html[data-theme="light"] .admin-body {
    background: #ecedf5;
}

html[data-theme="light"] .admin-sidebar {
    background: #ffffff;
    border-right-color: var(--border-default);
    box-shadow: 2px 0 12px rgba(15, 15, 28, 0.06);
}

html[data-theme="light"] .admin-logo a {
    color: #0f0f18;
}

html[data-theme="light"] .admin-nav a {
    color: var(--text-secondary);
}

html[data-theme="light"] .admin-nav a:hover,
html[data-theme="light"] .admin-nav a.active {
    background: rgba(106, 88, 232, 0.10);
    color: var(--accent);
}

html[data-theme="light"] .admin-topbar {
    background: rgba(255, 255, 255, 0.92);
    border-bottom-color: var(--border-default);
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(106, 88, 232, 0.08), 0 4px 16px rgba(15, 15, 28, 0.06);
}

html[data-theme="light"] .admin-page-title {
    color: #0f0f18;
}

html[data-theme="light"] .admin-stat-card,
html[data-theme="light"] .admin-table-wrap,
html[data-theme="light"] .admin-form {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .admin-table th {
    color: var(--text-muted);
    border-bottom-color: var(--border-default);
}

html[data-theme="light"] .admin-table td {
    color: var(--text-primary);
    border-bottom-color: var(--border-subtle);
}

html[data-theme="light"] .admin-table tr:hover td {
    background: var(--bg-hover);
}

html[data-theme="light"] .admin-form h2 {
    color: var(--text-secondary);
}

html[data-theme="light"] .admin-form input,
html[data-theme="light"] .admin-form select,
html[data-theme="light"] .admin-form textarea {
    background: var(--bg-input);
    border-color: var(--border-default);
    color: var(--text-primary);
}

html[data-theme="light"] .admin-user {
    color: var(--text-muted);
}

html[data-theme="light"] .admin-body .btn-outline {
    color: var(--accent);
    border-color: var(--accent);
}

/* —— Profile —— */
html[data-theme="light"] .profile-hero__cover {
    background:
        linear-gradient(135deg, rgba(106, 88, 232, 0.48) 0%, rgba(90, 69, 224, 0.30) 40%, rgba(255, 107, 53, 0.15) 100%),
        linear-gradient(180deg, #cac4ee 0%, #e4e4f0 100%);
}

html[data-theme="light"] .profile-hero__cover::after {
    opacity: 0.28;
}

html[data-theme="light"] .profile-hero__avatar img,
html[data-theme="light"] .profile-hero__avatar .avatar-placeholder {
    border-color: #ffffff;
    box-shadow: 0 8px 32px rgba(15, 15, 28, 0.15), 0 0 0 1px rgba(106, 88, 232, 0.14);
}

html[data-theme="light"] .profile-stat,
html[data-theme="light"] .follow-list__item {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    backdrop-filter: none;
    box-shadow: var(--shadow-sm);
}

html[data-theme="light"] .profile-meta-bar {
    background: linear-gradient(180deg, #f8f8fe 0%, #f2f2f8 100%);
    border-color: var(--border-default);
    backdrop-filter: none;
}

/* —— Sell flow —— */
html[data-theme="light"] .sell-header {
    background: rgba(255, 255, 255, 0.96);
    border-bottom-color: var(--border-default);
    backdrop-filter: none;
    box-shadow: 0 1px 0 rgba(106, 88, 232, 0.08), 0 4px 16px rgba(15, 15, 28, 0.05);
}

html[data-theme="light"] .sell-preview__panel,
html[data-theme="light"] .sell-section {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    backdrop-filter: none;
    box-shadow: 0 2px 10px rgba(15, 15, 28, 0.07), 0 1px 4px rgba(15, 15, 28, 0.04);
}

html[data-theme="light"] .sell-preview__visual,
html[data-theme="light"] .sell-selected-card__img,
html[data-theme="light"] .sell-search-result__thumb--empty {
    background: var(--card-img-bg);
}

html[data-theme="light"] .sell-search-result {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .sell-search-result:hover,
html[data-theme="light"] .sell-search-result.is-focused {
    background: var(--bg-hover);
    border-color: var(--border-accent);
}

html[data-theme="light"] .sell-selected-card {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .sell-pricing-mode__box,
html[data-theme="light"] .sell-fulfillment-option__box,
html[data-theme="light"] .sell-condition-pill span,
html[data-theme="light"] .bid-duration-option {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: 0 1px 3px rgba(15, 15, 28, 0.05);
}

html[data-theme="light"] .sell-pricing-mode input:checked + .sell-pricing-mode__box,
html[data-theme="light"] .sell-fulfillment-option input:checked + .sell-fulfillment-option__box,
html[data-theme="light"] .sell-condition-pill input:checked + span,
html[data-theme="light"] .bid-duration-option:has(input:checked) {
    border-color: var(--accent);
    background: rgba(106, 88, 232, 0.08);
    color: var(--text-primary);
    box-shadow: 0 0 0 1px rgba(106, 88, 232, 0.22), 0 2px 8px rgba(106, 88, 232, 0.10);
}

html[data-theme="light"] .sell-photos .photo-checklist__item {
    background: var(--bg-muted);
    border-color: var(--border-default);
}

html[data-theme="light"] .sell-form input,
html[data-theme="light"] .sell-form select,
html[data-theme="light"] .sell-form textarea,
html[data-theme="light"] .sell-card-search input {
    background: var(--bg-input);
    border-color: var(--border-default);
    color: var(--text-primary);
}

html[data-theme="light"] .sell-submit-bar {
    background: rgba(255, 255, 255, 0.95);
    border-top-color: var(--border-default);
    backdrop-filter: blur(12px);
    box-shadow: 0 -4px 20px rgba(15, 15, 28, 0.07);
}

/* —— Card catalog detail —— */
html[data-theme="light"] .card-page__img-wrap {
    background: transparent;
}

html[data-theme="light"] .card-page__listing-thumb {
    background: var(--card-img-bg);
}

html[data-theme="light"] .card-page__meta-chip,
html[data-theme="light"] .card-page__stat {
    background: var(--bg-muted);
    border-color: var(--border-subtle);
}

html[data-theme="light"] .card-listing-row {
    background: var(--bg-surface-solid);
    border-color: var(--border-default);
    box-shadow: 0 1px 4px rgba(15, 15, 28, 0.06);
}

html[data-theme="light"] .card-listing-row:hover {
    border-color: var(--border-accent);
    box-shadow: 0 4px 16px rgba(15, 15, 28, 0.09), 0 1px 4px rgba(106, 88, 232, 0.08);
}

html[data-theme="light"] .card-listing-row__thumb {
    background: var(--card-img-bg);
}

/* —— Page hero & footer —— */
html[data-theme="light"] .page-hero__title,
html[data-theme="light"] .page-hero h1 {
    color: var(--text-primary);
}

html[data-theme="light"] .page-hero__sub,
html[data-theme="light"] .page-hero p {
    color: var(--text-secondary);
}

html[data-theme="light"] .footer__col a {
    color: var(--text-secondary);
}

html[data-theme="light"] .footer__col a:hover {
    color: var(--accent);
}

html[data-theme="light"] .footer__col h4 {
    color: var(--text-muted);
}

html[data-theme="light"] .footer__brand {
    color: var(--text-primary);
}

html[data-theme="light"] .footer__brand span {
    color: var(--accent);
}

html[data-theme="light"] .footer__tagline,
html[data-theme="light"] .footer__copy {
    color: var(--text-muted);
}

html[data-theme="light"] .footer__bottom {
    border-top-color: #d0d0e0;
    color: var(--text-muted);
}

html[data-theme="light"] .footer__links a {
    color: var(--text-muted);
}

html[data-theme="light"] .footer__links a:hover {
    color: var(--accent);
}

/* —— Buttons —— */
html[data-theme="light"] a.btn-primary,
html[data-theme="light"] a.btn-primary:hover,
html[data-theme="light"] a.btn-danger,
html[data-theme="light"] a.btn-danger:hover {
    color: #fff;
}

html[data-theme="light"] a.btn-outline,
html[data-theme="light"] a.btn-outline:hover {
    color: var(--accent);
}

html[data-theme="light"] a.btn-outline:hover {
    color: #fff;
}

html[data-theme="light"] .btn-outline:hover {
    color: #fff;
}

html[data-theme="light"] .btn-icon {
    color: var(--text-muted);
}

html[data-theme="light"] .btn-icon:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

/* —— Rarity —— */
html[data-theme="light"] .pk-rarity--overlay {
    background: rgba(255, 255, 255, 0.95);
}

/* —— Profile / sell / card page titles —— */
html[data-theme="light"] .profile-hero__name,
html[data-theme="light"] .sell-header h1,
html[data-theme="light"] .card-page__title {
    color: var(--text-primary);
}

/* —— Mobile nav panel —— */
@media (max-width: 1100px) {
    html[data-theme="light"] .navbar.is-open .nav-panel {
        background: rgba(255, 255, 255, 0.99);
        box-shadow: 0 8px 32px rgba(15, 15, 28, 0.12);
    }
}

/* —— Portfolio summary stats —— */
html[data-theme="light"] .summary-stat {
    background: #ffffff;
    border-color: var(--border-default);
    box-shadow: 0 1px 4px rgba(15,15,28,0.06);
}
html[data-theme="light"] .summary-stat:hover {
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .stat-val {
    color: var(--text-primary);
}
html[data-theme="light"] .stat-val--accent {
    color: var(--accent);
}
html[data-theme="light"] .stat-label {
    color: var(--text-muted);
}
html[data-theme="light"] .portfolio-chart-wrap,
html[data-theme="light"] .portfolio-table-wrap {
    background: #ffffff;
    border-color: var(--border-default);
    box-shadow: 0 1px 4px rgba(15,15,28,0.06);
}
html[data-theme="light"] .portfolio-table td {
    color: var(--text-secondary);
    border-bottom-color: #f0f0f5;
}
html[data-theme="light"] .portfolio-table tbody tr:hover td {
    background: var(--bg-hover);
}
html[data-theme="light"] .portfolio-card-cell a {
    color: var(--text-primary);
}
html[data-theme="light"] .btn-icon--sell {
    color: var(--accent);
}
html[data-theme="light"] .btn-icon--remove {
    color: var(--text-muted);
}

/* —— Set card image background in light mode —— */
html[data-theme="light"] .set-card img {
    background: #f5f5fa;
}
html[data-theme="light"] .set-placeholder {
    background: #f0f0f8;
    color: #bbbbd0;
}

/* ── Feed tabs ──────────────────────────────────────────────── */
html[data-theme="light"] .feed-tab {
    color: var(--text-muted);
}
html[data-theme="light"] .feed-tab--active {
    color: var(--accent);
    border-bottom-color: var(--accent);
}
html[data-theme="light"] .feed-tabs {
    border-bottom-color: var(--border);
}

/* ── Sold ticker ────────────────────────────────────────────── */
html[data-theme="light"] .sold-tick {
    background: var(--bg-card);
    border-color: var(--border);
    color: var(--text-primary);
}
html[data-theme="light"] .sold-ticker__live {
    background: rgba(74, 222, 128, 0.15);
    color: #16a34a;
}

/* ── Seller tier badge ──────────────────────────────────────── */
html[data-theme="light"] .seller-tier-badge {
    background: rgba(0,0,0,.06);
}

/* ── Condition guide modal ──────────────────────────────────── */
html[data-theme="light"] .condition-guide-modal__panel {
    background: #fff;
    border-color: var(--border);
    box-shadow: 0 24px 64px rgba(0,0,0,.15);
}
html[data-theme="light"] .condition-guide__item {
    background: #f7f7fc;
    border-color: var(--border);
}
html[data-theme="light"] .condition-guide__info strong { color: var(--text-primary); }
html[data-theme="light"] .condition-guide__info p     { color: var(--text-muted); }
html[data-theme="light"] .condition-guide-modal__close {
    background: rgba(0,0,0,.06);
    color: var(--text-muted);
}
html[data-theme="light"] .condition-guide-modal__close:hover {
    background: rgba(0,0,0,.1);
    color: var(--text-primary);
}

/* ── Scanner ────────────────────────────────────────────────── */
html[data-theme="light"] .scanner-viewport {
    background: #1a1a2e;
    border-color: var(--border);
}
html[data-theme="light"] .scanner-card {
    background: var(--bg-card);
    border-color: var(--border);
}
html[data-theme="light"] .scanner-card__head {
    border-bottom-color: var(--border);
    color: var(--text-primary);
}
html[data-theme="light"] .scanner-card__sub {
    color: var(--text-muted);
}
html[data-theme="light"] .scanner-tips__item {
    color: var(--text-secondary);
}
html[data-theme="light"] .scanner-result-card {
    background: var(--bg-card);
    border-color: var(--border);
}
html[data-theme="light"] .scanner-result-card__placeholder {
    background: #f0f0f8;
    color: #bbbbd0;
}

/* ── Offline page ───────────────────────────────────────────── */
html[data-theme="light"] .offline-page h1 { color: var(--text-primary); }
html[data-theme="light"] .offline-page p  { color: var(--text-muted); }

/* ── Profile showcase ───────────────────────────────────────── */
html[data-theme="light"] .showcase-card {
    background: var(--bg-card);
    border-color: var(--border);
}
html[data-theme="light"] .showcase-header {
    color: var(--text-primary);
}

/* ── Offer / counter-offer ──────────────────────────────────── */
html[data-theme="light"] .offer-item {
    background: var(--bg-card);
    border-color: var(--border);
}
html[data-theme="light"] .offer-pending {
    background: rgba(124,106,255,.07);
    border-color: rgba(124,106,255,.2);
}

/* ── Logo text colour ───────────────────────────────────────── */
html[data-theme="light"] .logo-text { color: #111; }
html[data-theme="light"] .logo:hover .logo-text { color: #111; }

/* ── Search panel (Browse Cards) ────────────────────────────── */
html[data-theme="light"] .search-panel {
    /* Same glass treatment as .navbar */
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(106, 88, 232, 0.12);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 20px rgba(15, 15, 28, 0.07);
}
html[data-theme="light"] .search-input {
    background: #f4f4f9;
    border-color: #e3e3ee;
    color: var(--text-primary);
}
html[data-theme="light"] .search-input::placeholder { color: #aaa; }
html[data-theme="light"] .search-input:focus {
    background: #fff;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(124,106,255,.12);
}
html[data-theme="light"] .select-sm {
    background: #f4f4f9;
    border-color: #e3e3ee;
    color: var(--text-primary);
}
html[data-theme="light"] .input-sm--price {
    background: #f4f4f9;
    border-color: #e3e3ee;
    color: var(--text-primary);
}
html[data-theme="light"] .filter-check { color: var(--text-muted); }
html[data-theme="light"] .btn-ghost {
    border-color: var(--border);
    color: var(--text-muted);
}
html[data-theme="light"] .btn-ghost:hover {
    background: #f0f0f8;
    color: var(--text-primary);
}