/* Homepage browse light mode - explicit overrides (loads after jr-browse-mockup) */

html[data-jr-theme="light"] .jr-browse-mockup.af-search-root,
html[data-jr-theme="light"] .jr-browse-shell,
html[data-jr-theme="light"] .jr-browse-main,
html[data-jr-theme="light"] .jr-browse-catnav {
    background: #f8fafc !important;
    color: #0f172a !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-search-title,
html[data-jr-theme="light"] .jr-browse-mockup .af-search-subtitle {
    color: #0f172a !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-search-subtitle {
    color: #64748b !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-hero-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08) !important;
}

html[data-jr-theme="light"] .jr-browse-catnav__btn {
    color: #64748b !important;
}

html[data-jr-theme="light"] .jr-browse-catnav__btn:hover,
html[data-jr-theme="light"] .jr-browse-catnav__btn.is-active {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-jr-theme="light"] .jr-browse-catnav__btn.is-active {
    background: rgba(243, 152, 26, 0.12) !important;
    border-color: #f3981a !important;
}

html[data-jr-theme="light"] .jr-browse-catnav__safe {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-browse-catnav__safe-title,
html[data-jr-theme="light"] .jr-browse-catnav__safe p {
    color: #475569 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-listing-tabs {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-listing-tab {
    color: #64748b !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-listing-tab.active {
    color: #ffffff !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-search-form-primary .af-search-group,
html[data-jr-theme="light"] .jr-browse-mockup .af-search-group-block,
html[data-jr-theme="light"] .jr-browse-mockup .af-filter-grid-field > .af-search-group,
html[data-jr-theme="light"] .jr-browse-mockup .af-filter-grid-field .af-search-group-block {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-search-input,
html[data-jr-theme="light"] .jr-browse-mockup .af-loc-input,
html[data-jr-theme="light"] .jr-browse-mockup .af-cat-select,
html[data-jr-theme="light"] .jr-browse-mockup .af-select-filter-input {
    color: #0f172a !important;
    background: transparent !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-search-input::placeholder,
html[data-jr-theme="light"] .jr-browse-mockup .af-loc-input::placeholder,
html[data-jr-theme="light"] .jr-browse-mockup .af-select-filter-input::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-filter-grid-label {
    color: #64748b !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-more-filters {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-hero-footer {
    border-top-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .jr-listing-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .jr-listing-card__title,
html[data-jr-theme="light"] .jr-browse-mockup .jr-listing-card__headline,
html[data-jr-theme="light"] .jr-browse-mockup .af-results-count {
    color: #0f172a !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .jr-listing-card__location,
html[data-jr-theme="light"] .jr-browse-mockup .jr-listing-card__meta {
    color: #64748b !important;
}

html[data-jr-theme="light"] .jr-browse-mockup .af-topbar {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-expanded-filters {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] .jr-filter-select {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

html[data-jr-theme="light"] body:has(.jr-browse-mockup) .jr-home-seo {
    background: transparent !important;
    color: #0f172a !important;
}
