:root {
    --section-title-primary: #360c0c;
    --section-title-secondary: #8b4513;
    --section-title-accent: #d4a574;
}

.site-section-title,
.section-title,
.section-header h2,
.contact-section-header h2,
.blondeau-ecole-section h2,
.blondeau-methode-section h2,
.blondeau-images-section h2,
.contact-elevage h2,
.affixes-section h2,
.pension-section-intro h2,
.tarifs-header-alt h2,
.progression-title,
.tarifs-title-alt,
.simple-page section h2 {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 1.25rem;
    padding-bottom: 0.9rem;
    color: var(--section-title-primary);
    font-weight: 800;
    font-size: clamp(2rem, 3vw, 2.85rem);
    line-height: 1.12;
    letter-spacing: 0.01em;
    text-align: center;
}

.site-section-title::after,
.section-title::after,
.section-header h2::after,
.contact-section-header h2::after,
.blondeau-ecole-section h2::after,
.blondeau-methode-section h2::after,
.blondeau-images-section h2::after,
.contact-elevage h2::after,
.affixes-section h2::after,
.pension-section-intro h2::after,
.tarifs-header-alt h2::after,
.progression-title::after,
.tarifs-title-alt::after,
.simple-page section h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(96px, 18vw);
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--section-title-secondary), var(--section-title-accent));
    transform: translateX(-50%);
}

.site-section-title i,
.section-title i {
    margin-right: 0.55rem;
    color: var(--section-title-accent);
}

.archives-title,
.events-title,
.tarifs-concours-title,
.story-section h3,
.blondeau-tarifs-info h3,
.contact-social-section h3,
.sidebar-widget h3 {
    position: relative;
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 1rem;
    padding-bottom: 0.7rem;
    color: var(--section-title-primary);
    font-weight: 800;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-align: center;
}

.archives-title::after,
.events-title::after,
.tarifs-concours-title::after,
.story-section h3::after,
.blondeau-tarifs-info h3::after,
.contact-social-section h3::after,
.sidebar-widget h3::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(72px, 16vw);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--section-title-secondary), var(--section-title-accent));
    transform: translateX(-50%);
}

.archives-title i,
.events-title i,
.tarifs-concours-title i,
.story-section h3 i,
.blondeau-tarifs-info h3 i,
.contact-social-section h3 i,
.sidebar-widget h3 i {
    margin-right: 0.5rem;
    color: var(--section-title-accent);
}

@media (max-width: 768px) {
    .site-section-title,
    .section-title,
    .section-header h2,
    .contact-section-header h2,
    .blondeau-ecole-section h2,
    .blondeau-methode-section h2,
    .blondeau-images-section h2,
    .contact-elevage h2,
    .affixes-section h2,
    .pension-section-intro h2,
    .tarifs-header-alt h2,
    .progression-title,
    .tarifs-title-alt,
    .simple-page section h2 {
        font-size: clamp(1.75rem, 6vw, 2.2rem);
    }

    .archives-title,
    .events-title,
    .tarifs-concours-title,
    .story-section h3,
    .blondeau-tarifs-info h3,
    .contact-social-section h3,
    .sidebar-widget h3 {
        font-size: clamp(1.25rem, 4.8vw, 1.55rem);
    }
}