/**
 * Custom Typography Styles for CityLink Theme
 * Ensures proper font weights are applied to headings
 */

/* Apply Montserrat to all headings with proper font weights */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif;
}

h1, .h1 {
    font-weight: 900;
}

h2, .h2,
.section-title {
    font-weight: 800;
}

h3, .h3,
.feature-title-v3 {
    font-weight: 700;
}

h4, .h4 {
    font-weight: 700;
}

h5, .h5 {
    font-weight: 600;
}

h6, .h6 {
    font-weight: 600;
}

/* Override specific classes that need heavier weights */
.hero-title-v3 {
    font-weight: 900;
}

.section-title-left {
    font-weight: 800;
}

.section-subtitle {
    font-weight: 500;
}

/* Apply Montserrat to body text with appropriate weights */
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

strong, b {
    font-weight: 700;
}

/* Buttons with proper font weight */
.btn, 
button,
input[type="button"],
input[type="submit"] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* Navigation with proper font weight */
.citylink-nav-menu li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* Force font-display to ensure text is visible during font loading */
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat');
    font-display: swap;
}
