/**
 * Single Post Typography
 * Styles typographiques pour le contenu des articles de blog
 * Chargé uniquement sur is_singular('post')
 */

/* ==========================================================================
   H2
   ========================================================================== */

.single-post .wp-block-post-content h2 {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: clamp(18px, 4vw, 26px);
    margin-bottom: clamp(18px, 4vw, 26px);
}

.single-post .wp-block-post-content h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #B0001D 0%, #7C3AED 100%);
    margin-top: 8px;
    border-radius: 2px;
}

/* ==========================================================================
   H3
   ========================================================================== */

.single-post .wp-block-post-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.575;
    margin-top: clamp(22px, 5vw, 31px);
    margin-bottom: 1rem;
}

/* ==========================================================================
   H4
   ========================================================================== */

.single-post .wp-block-post-content h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
}

/* ==========================================================================
   PARAGRAPHS
   ========================================================================== */

.single-post .wp-block-post-content p {
    font-size: 1rem;
    line-height: 1.575;
    font-weight: 400;
    margin-bottom: 1.5rem;
}