/* Thin */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Thin.eot');
    src: url('../fonts/ChronicaPro-Thin.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Thin.woff') format('woff'),
         url('../fonts/ChronicaPro-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Light.eot');
    src: url('../fonts/ChronicaPro-Light.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Light.woff') format('woff'),
         url('../fonts/ChronicaPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Regular.eot');
    src: url('../fonts/ChronicaPro-Regular.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Regular.woff') format('woff'),
         url('../fonts/ChronicaPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Medium.eot');
    src: url('../fonts/ChronicaPro-Medium.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Medium.woff') format('woff'),
         url('../fonts/ChronicaPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SemiLight */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-SemiLight.eot');
    src: url('../fonts/ChronicaPro-SemiLight.woff2') format('woff2'),
         url('../fonts/ChronicaPro-SemiLight.woff') format('woff'),
         url('../fonts/ChronicaPro-SemiLight.ttf') format('truetype');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Bold.eot');
    src: url('../fonts/ChronicaPro-Bold.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Bold.woff') format('woff'),
         url('../fonts/ChronicaPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ExtraBold */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-ExtraBold.eot');
    src: url('../fonts/ChronicaPro-ExtraBold.woff2') format('woff2'),
         url('../fonts/ChronicaPro-ExtraBold.woff') format('woff'),
         url('../fonts/ChronicaPro-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Black */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Black.eot');
    src: url('../fonts/ChronicaPro-Black.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Black.woff') format('woff'),
         url('../fonts/ChronicaPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Regular Italic */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-Italic.eot');
    src: url('../fonts/ChronicaPro-Italic.woff2') format('woff2'),
         url('../fonts/ChronicaPro-Italic.woff') format('woff'),
         url('../fonts/ChronicaPro-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium Italic */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-MediumItalic.eot');
    src: url('../fonts/ChronicaPro-MediumItalic.woff2') format('woff2'),
         url('../fonts/ChronicaPro-MediumItalic.woff') format('woff'),
         url('../fonts/ChronicaPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Bold Italic */
@font-face {
    font-family: 'Chronica Pro';
    src: url('../fonts/ChronicaPro-BoldItalic.eot');
    src: url('../fonts/ChronicaPro-BoldItalic.woff2') format('woff2'),
         url('../fonts/ChronicaPro-BoldItalic.woff') format('woff'),
         url('../fonts/ChronicaPro-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Font loading states */
html:not(.fonts-loaded):not(.fonts-failed) * {
    opacity: 0;
}

html.fonts-loaded * {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

/* Fallback fonts when loading fails */
html.fonts-failed * {
    font-family: Arial, Helvetica, sans-serif !important;
    opacity: 1;
}

/* Prevent FOUT (Flash of Unstyled Text) */
.wf-loading {
    visibility: hidden;
}

.wf-active {
    visibility: visible;
}

/* Apply the font globally */
body, 
h1, h2, h3, h4, h5, h6,
p, a, span, div {
    font-family: 'Chronica Pro', sans-serif !important;
}

/* Ensure font smoothing */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Specific element styles */
.hero-heading {
    font-weight: 800;
}

.hero-subheading {
    font-weight: 300;
}

.section-heading {
    font-weight: 700;
}

.nav-link {
    font-weight: 500;
}

.w-nav-menu {
    font-family: 'Chronica Pro', sans-serif !important;
}

.nav-menu {
    font-family: 'Chronica Pro', sans-serif !important;
}

/* Force font application */
.w-nav-brand,
.w-nav-link,
.w-dropdown-toggle,
.w-dropdown-list,
.w-dropdown-link {
    font-family: 'Chronica Pro', sans-serif !important;
}
