@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;
/* ============================================================

   OCSALY GLOBAL CORE: TYPOGRAPHY & LAYOUT ENGINE

   ============================================================ */



/* --- 1. GLOBAL TYPOGRAPHY HANDSHAKE --- */

700;900&family=Roboto+Mono:wght@400;500;700&display=swap');



:root {

    --ocs-font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --ocs-font-mono: 'Roboto Mono', "SFMono-Regular", Consolas, monospace;

}



/* --- 2. THE STICKY FOOTER ENGINE --- */

#page { 

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}



footer, #colophon {

    flex-shrink: 0;

}



/* --- 3. OCSALY ANTI-OVERFLOW PROTOCOL (THE FIX) --- */

/* This kills the white line on the right side of mobile screens */

html, body {

    overflow-x: hidden !important; /* Forces cut-off of wide elements */

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    position: relative;

}



/* Safety for all containers */

*, *::before, *::after {

    box-sizing: border-box; /* Ensures padding doesn't add width */

}



@media (max-width: 767px) {

    /* 1. Remove the theme's default container padding causing the white gap */

    .ast-container, 

    .ast-container-fluid {

        padding-left: 0 !important;

        padding-right: 0 !important;

    }



    /* 2. Reset the row margins so they don't pull content off-screen */

    .ast-row {

        margin-left: 0 !important;

        margin-right: 0 !important;

    }



    /* 3. Global fail-safe to prevent any horizontal scrolling on mobile */

    html, body {

        overflow-x: hidden !important;

    }

}