/**
 * Custom Fonts
 * 
 * @package ModernBlogTheme
 * @since 1.0.0
 */

/* Clash Display from Fontshare - основной источник */
@import url('https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700,800,900&display=swap');

/* Alternative: Google Fonts version */
@import url('https://fonts.googleapis.com/css2?family=Clash+Display:wght@200;300;400;500;600;700;800;900&display=swap');

/* Note: Local font files removed due to 404 errors - using web fonts above instead */

/* Font application for gaming theme */
.gaming-heading,
h2.gaming-heading,
.wp-block-heading.gaming-heading {
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #2CD8B9;
    text-shadow: 0 0 10px rgba(44, 216, 185, 0.3);
}

/* Apply to existing elements using Clash Display */
.slide-button,
.hero-slide-button,
.step-by-step-title,
.step-main-title,
.step-sub-title,
.step-title,
.step-number,
.dynamic-list-title,
.comment-author,
.content-table-title,
.visit-site-button {
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 700 !important;
}

/* Specific rule for step main title */
.step-by-step-block .step-main-title,
.wp-block-wp-new-step-by-step .step-main-title {
    font-family: 'Clash Display', sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;
}

/* Font utility classes */
.clash-display {
    font-family: 'Clash Display', sans-serif;
    font-weight: 700;
}

.clash-display-bold {
    font-family: 'Clash Display', sans-serif;
    font-weight: 800;
}

.clash-display-extra-bold {
    font-family: 'Clash Display', sans-serif;
    font-weight: 900;
}