/* ============================================
   SITE-GLOBAL.CSS - FIXED FOR MODERN PHONES
   ============================================ */

/* Reset */
html, body {
    margin: 0;
    padding: 0;

    /* Fix tiny fonts on modern phones */
    /* font-size: clamp(17px, 3.5vw, 20px); */
	font-size: 16px;

    /* Prevent flexbox overflow issues */
    min-width: 0;
    min-height: 100%;

    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}


body {
    font-family: 'Inter', 'Lato', 'Helvetica Neue', Arial, sans-serif;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: var(--color-text);
}

/* Utilities */
.site-pad {
    padding: var(--layout-padding);
}

.site-max {
    max-width: var(--layout-max-width);
    margin: 0 auto;
}

.site-container {
    max-width: var(--layout-max-width);
    margin: 0 auto;
    padding: var(--layout-padding);
}

.site-wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.site-content {
    flex: 1;
}

.site-footer {
    margin-top: auto;
}

/* Links */
a {
    color: var(--color-accent);
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
}

/* ============================================
   VARIABLES FOR OMTHC BRAND IDENTITY
   ============================================ */

:root {
    /* Colors */
    --color-bg: #ffffff;
    --color-text: #1a1a1a;
    --color-accent: #2a7de1;

    /* Layout */
    --layout-max-width: 1200px;

    /* FIX: prevent overflow + reduce padding on phones */
    /* --layout-padding: clamp(0.75rem, 3vw, 1.5rem); */
	--layout-padding: clamp(0.5rem, 2vw, 1rem);

    /* Effects */
    --effect-shadow: 0 2px 6px rgba(0,0,0,0.12);

    /* Typography */
    --font-base: 'Inter', 'Lato', 'Helvetica Neue', Arial, sans-serif;
}

/* ============================================
   MOBILE FIXES
   ============================================ */

@media (max-width: 600px) {
	
	html, body {
        font-size: 15px; /* slightly smaller on phones */
    }

    /* Prevent double-padding squeeze */
    .site-container,
    .site-pad {
        /* padding: clamp(0.5rem, 2vw, 1rem); */
		/* padding: 2%; */
    }

    /* Prevent max-width overflow */
    .site-container,
    .site-max {
        max-width: 100%;
    }
}