/* RUNPO Global Typography v1.2
   Turkish-safe typography + display heading spacing.
*/
:root {
    --runpo-font:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;
}

html {
    font-family: var(--runpo-font);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea,
option,
table,
th,
td,
a,
label {
    font-family: var(--runpo-font) !important;
}

button,
input,
select,
textarea {
    font-variant-ligatures: none;
}

/*
Display titles retain the RUNPO condensed headline font,
but use safe vertical spacing for Turkish characters.
*/
.rpo-display,
.rpo-display.rpo-section-title {
    font-family:
        "Barlow Condensed",
        "Arial Narrow",
        Arial,
        sans-serif !important;
    line-height: 1.01 !important;
    letter-spacing: -0.018em !important;
    font-kerning: normal;
    overflow: visible;
}

.home-hero .rpo-display,
.about-hero .rpo-display,
.team-hero .rpo-display,
.contact-hero .rpo-display,
.community-hero .rpo-display,
.blog-hero .rpo-display {
    line-height: 0.98 !important;
    letter-spacing: -0.02em !important;
}

.coach .rpo-display,
.statement .rpo-display,
.community .rpo-display,
.race-preview .rpo-display,
.story .rpo-display,
.principles .rpo-display,
[class*="cta"] .rpo-display {
    line-height: 1.02 !important;
}

.statement .rpo-display > span[style*="background"] {
    display: inline-block;
    padding: 0.035em 0.10em 0.075em !important;
    margin: 0.035em 0 0.045em;
    line-height: 1.04 !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

h1:not(.rpo-display) {
    line-height: 1.09;
    letter-spacing: -0.02em;
}

h2:not(.rpo-display) {
    line-height: 1.14;
    letter-spacing: -0.015em;
}

h3:not(.rpo-display) {
    line-height: 1.2;
    letter-spacing: -0.008em;
}

html[lang="tr"] body {
    font-language-override: normal;
}

[lang="en"],
[lang^="en-"],
.runpo-lang-en {
    font-family: var(--runpo-font) !important;
}

@media (max-width: 768px) {
    .rpo-display,
    .rpo-display.rpo-section-title {
        line-height: 1.04 !important;
        letter-spacing: -0.012em !important;
    }

    .home-hero .rpo-display,
    .about-hero .rpo-display,
    .team-hero .rpo-display,
    .contact-hero .rpo-display,
    .community-hero .rpo-display,
    .blog-hero .rpo-display {
        line-height: 1.01 !important;
    }

    .statement .rpo-display > span[style*="background"] {
        padding: 0.04em 0.09em 0.08em !important;
        margin: 0.045em 0 0.055em;
    }
}