/**
 * PPP Theme UI/UX Fixes
 * From PDF review: article spacing, list styling, conditions alignment
 */

/* Fix #9: Article content — paragraph spacing too large */
.single-post .entry-content p,
.single .entry-content p {
    margin-bottom: 1em;
    line-height: 1.7;
}

/* Fix #9: ul/li text size too small in articles */
.single-post .entry-content ul,
.single-post .entry-content ol,
.single .entry-content ul,
.single .entry-content ol {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1em;
    padding-left: 1.5em;
}

.single-post .entry-content li,
.single .entry-content li {
    margin-bottom: 0.4em;
    color: #333;
}

/* Fix #9: Consistent content colors */
.single-post .entry-content,
.single .entry-content {
    color: #333;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single .entry-content h2,
.single .entry-content h3 {
    color: #222;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

/* Fix #10: Conditions page — uniform card sizing and text wrapping */
.related-conditions .card,
.conditions-grid .card,
.condition-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.related-conditions .card img,
.conditions-grid .card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.related-conditions .card h3,
.related-conditions .card p,
.conditions-grid .card h3,
.conditions-grid .card p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Fix #10: Uniform text alignment under condition images */
.related-conditions .card .card-body,
.conditions-grid .card .card-body {
    text-align: center;
    padding: 10px 8px;
}

/* Ensure condition cards are same height in grid */
.related-conditions .row,
.conditions-grid .row {
    display: flex;
    flex-wrap: wrap;
}

.related-conditions .row > [class*="col-"],
.conditions-grid .row > [class*="col-"] {
    display: flex;
}