/**
 * Chinese Typography Styles
 * Based on client requirements
 */

/* Base font settings */
body {
    font-family: 'Noto Sans HK', sans-serif;
    font-weight: 400;
    line-height: 1.33;
}

/* Desktop Version (width > 1024px) */
@media (min-width: 1024px) {
    /* Heading 01 */
    h1, .heading-01 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 56px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 02 */
    h2, .heading-02 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 36px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 03 */
    h3, .heading-03 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 28px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 04 */
    h4, .heading-04 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 24px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 05 */
    h5, .heading-05 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 18px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0.16px;
    }

    /* Heading 06 */
    h6, .heading-06 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 14px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0.16px;
    }

    /* Heading 07 - Custom class */
    .heading-07 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0.32px;
    }
}

/* Responsive Version (width <= 1024px) */
@media (max-width: 1024px) {
    /* Paragraph font size for mobile */
    .entry-content p,
    .post-content p,
    .page-content p,
    p {
        font-size: 16px;
    }

    /* Heading 01 */
    h1, .heading-01 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 32px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 02 */
    h2, .heading-02 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 28px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 03 */
    h3, .heading-03 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 24px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 04 */
    h4, .heading-04 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 19px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0;
    }

    /* Heading 05 */
    h5, .heading-05 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 16px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0.16px;
    }

    /* Heading 06 */
    h6, .heading-06 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 14px;
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0.16px;
    }

    /* Heading 07 - Custom class */
    .heading-07 {
        font-family: 'Noto Sans HK', sans-serif;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0.32px;
    }
}

/* WordPress & Astra specific overrides */
.entry-title,
.post-title,
.page-title,
.site-title {
    font-family: 'Noto Sans HK', sans-serif;
}

/* Gutenberg editor compatibility */
.wp-block-heading {
    font-family: 'Noto Sans HK', sans-serif;
}

/* Menu items */
.main-navigation a,
.nav-menu a,
.menu a {
    font-family: 'Noto Sans HK', sans-serif;
}

/* Content text */
.entry-content,
.post-content,
.page-content,
p {
    font-family: 'Noto Sans HK', sans-serif;
    color: #636972;
}

/* Archive post cards (based on your existing code) */
.archive-post-title {
    font-family: 'Noto Sans HK', sans-serif;
}

.archive-post-category {
    font-family: 'Noto Sans HK', sans-serif;
}

.archive-post-excerpt {
    font-family: 'Noto Sans HK', sans-serif;
}

.archive-post-author {
    font-family: 'Noto Sans HK', sans-serif;
}

.archive-post-date {
    font-family: 'Noto Sans HK', sans-serif;
}