/* ========================================================================== bw-fix-2026.css — busanwhere (부산어디?) release override (2026-07-10) LOAD LAST, after responsive.min.css. Busanwhere-only. All rules verified against the LIVE 390px DOM (iframe probing), not source. 1) Light-only lock — dark mode removed (hide toggle FAB + color-scheme) 2) Contact widget vs bottom tabbar collision (mobile, tabbar=57px) 3) Mobile polish — defensive pagination wrap ========================================================================== */ /* -------------------------------------------------------------------------- 1) LIGHT-ONLY LOCK (dark mode removed site-wide) The early script sets data-theme="light" + localStorage before paint, so all 899 [data-theme="dark"] selectors and the single (gated) prefers-dark block never apply. Here we hide the now-defunct toggle and pin color-scheme. -------------------------------------------------------------------------- */ #bw-theme-toggle, .bw-fab--theme { display: none !important; } :root { color-scheme: light !important; } html, html[data-theme="light"] { color-scheme: light !important; } /* -------------------------------------------------------------------------- 2) CONTACT WIDGET vs BOTTOM TABBAR (mobile only, <=720px) Defect: shared contact widget .wwc-fab (fixed; bottom:14px) and popup .wwc-card (fixed; bottom:66px) overlap .bw-tabbar (fixed; bottom:0; h=57px), covering the tabbar's right-most nav item. Verified live: NO fixed ad bar exists, so we clear the 57px tabbar + iOS safe-area only. Scoped to body.has-tabbar (present exactly when the tabbar renders). !important beats the widget's own non-!important rule; html body adds specificity headroom. -------------------------------------------------------------------------- */ @media (max-width: 720px) { html body.has-tabbar .wwc-fab { bottom: calc(57px + env(safe-area-inset-bottom, 0px) + 14px) !important; } html body.has-tabbar .wwc-card { bottom: calc(57px + env(safe-area-inset-bottom, 0px) + 66px) !important; max-height: calc(100dvh - 57px - 96px) !important; overflow-y: auto !important; } } /* -------------------------------------------------------------------------- 3) MOBILE POLISH (verified, defensive) .pager exists on blog/community; today it has few buttons, but a full 10-button pager (10×40px + gaps) overflows 390px. Allow it to wrap so it never forces horizontal scroll as content grows. Purely additive. -------------------------------------------------------------------------- */ @media (max-width: 720px) { .pager { flex-wrap: wrap !important; gap: 6px !important; } .pager button, .pager a { flex-shrink: 0; } }