/**
 * Aydınlık mod sayfa zemini — footer'da, sayfa CSS'lerinden sonra yüklenir.
 * Tüm sayfalarda aynı gri zemin (#f3f4f6); kartlar/paneller beyaz kalır.
 */

html:has(body.light-mode) {
    background-color: var(--site-page-bg, #f3f4f6);
}

body.light-mode {
    --site-page-bg: #f3f4f6;
    background: var(--site-page-bg, #f3f4f6) !important;
    background-color: var(--site-page-bg, #f3f4f6) !important;
}

body.light-mode main,
body.light-mode .ilanlar-main,
body.light-mode .ilan-pazari-page,
body.light-mode.page-ilanlar-category main.ilanlar-main,
body.light-mode .ilanlarim-page,
body.light-mode .hk-page,
body.light-mode .hakkimizda-main,
body.light-mode .profile-page,
body.light-mode .kategoriler-main {
    background: transparent !important;
}

body.light-mode .epin-store--list,
body.light-mode .epin-store--package {
    background: var(--site-page-bg, #f3f4f6) !important;
    --epin-scrollbar-track: var(--site-page-bg, #f3f4f6);
}

body.light-mode.page-kategori-alt {
    --site-page-bg: #f3f4f6;
    background: var(--site-page-bg, #f3f4f6) !important;
    background-color: var(--site-page-bg, #f3f4f6) !important;
}