/*
 * site.css — cross-cutting UI fixes shared by every layout and the standalone
 * (Layout = null) Tailwind pages. There is no framework-level global stylesheet
 * in this project, so cross-page rules live here and are linked from each <head>.
 */

/*
 * Mobil yatay taşma önleme / Prevent horizontal overflow on mobile.
 *
 * Several screens render off-canvas menus (slid off the left edge) and dense
 * button rows / long unbreakable strings that could make the page scrollable
 * sideways on narrow phones. Clamp the page so it never scrolls horizontally.
 *
 * overflow-x: clip is preferred over hidden — on modern WebViews it prevents
 * the sideways scroll WITHOUT turning the block into a scroll container (so it
 * does not break position: sticky, and adds no extra scroll box). overflow-x:
 * hidden is listed first as a fallback for engines that don't support clip.
 */
html,
body {
    max-width: 100%;
    overflow-x: hidden; /* fallback for older engines */
    overflow-x: clip;
}