/**
 * Plantnimals Public Styles
 *
 * Styles for species articles on the frontend.
 *
 * @package    Plantnimals
 * @subpackage Public
 * @since      2.9.6
 * @created    2025-12-08
 */

/* Species Article Headings */
.single-species .entry-content h2,
.species-content h2,
article.species h2,
.type-species h2 {
    font-size: 2rem !important;
    /* 32px */
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid #2271b1 !important;
    padding-bottom: 0.5rem !important;
}

.single-species .entry-content h3,
.species-content h3,
article.species h3,
.type-species h3 {
    font-size: 1.5rem !important;
    /* 24px */
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    color: #2c2c2c !important;
}

.single-species .entry-content h4,
.species-content h4,
article.species h4,
.type-species h4 {
    font-size: 1.25rem !important;
    /* 20px */
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
    color: #3c3c3c !important;
}

/* Responsive */
@media (max-width: 768px) {

    .single-species .entry-content h2,
    .species-content h2,
    article.species h2,
    .type-species h2 {
        font-size: 1.75rem !important;
        /* 28px on mobile */
    }

    .single-species .entry-content h3,
    .species-content h3,
    article.species h3,
    .type-species h3 {
        font-size: 1.375rem !important;
        /* 22px on mobile */
    }
}