"""StemAtlas — navigation entry point.

Uses st.navigation() for explicit control over page order and default page.
Run with: uv run streamlit run Home.py
"""

import streamlit as st

st.set_page_config(
    page_title="StemAtlas",
    page_icon=None,
    layout="centered",
)

# Hide Streamlit chrome and add mobile-friendly styles.
st.markdown(
    """
    <style>
    .stAppDeployButton { display: none !important; }
    .stStatusWidget { display: none !important; }
    header [data-testid="stToolbar"] { display: none !important; }

    /* Mobile-friendly touch targets and readability */
    @media (max-width: 768px) {
        .stButton button {
            min-height: 48px !important;
            font-size: 16px !important;
        }
        .stRadio label {
            font-size: 16px !important;
        }
        .stSelectbox label, .stSlider label, .stNumberInput label {
            font-size: 15px !important;
        }
        h1 { font-size: 1.6rem !important; }
        h2 { font-size: 1.3rem !important; }
        h3 { font-size: 1.1rem !important; }
    }

    /* Prevent horizontal overflow */
    .stApp { max-width: 100vw; overflow-x: hidden; }
    </style>
    """,
    unsafe_allow_html=True,
)

explorer = st.Page("pages/2_Explorer.py", title="Explorer", default=True)
stemwijzer = st.Page("pages/1_Stemwijzer.py", title="Stemwijzer")

pg = st.navigation([explorer, stemwijzer])
pg.run()