/**
 * Health.AI — Condition Hub Page Specific Styles
 */

/* Section anchors offset for fixed navbar */
.condition-section {
    scroll-margin-top: 100px;
}

/* Section icons */
.section-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    margin-right: 0.5rem;
    font-size: 15px;
}

.section-icon.symptoms { background: #fef3c7; color: #d97706; }
.section-icon.causes { background: #fce7f3; color: #be185d; }
.section-icon.diagnosis { background: #dbeafe; color: #0057b8; }
.section-icon.treatment { background: #d1fae5; color: #059669; }
.section-icon.medications { background: #e0e7ff; color: #4338ca; }
.section-icon.alternative { background: #fae8ff; color: #a855f7; }
.section-icon.home-remedies { background: #ecfccb; color: #65a30d; }
.section-icon.diet { background: #ffedd5; color: #ea580c; }
.section-icon.living { background: #cffafe; color: #009998; }
.section-icon.cost { background: #d1fae5; color: #059669; }
.section-icon.prevention { background: #dbeafe; color: #0057b8; }
.section-icon.research { background: #e0e7ff; color: #4338ca; }
.section-icon.stories { background: #fce7f3; color: #be185d; }
.section-icon.faq { background: #fef3c7; color: #d97706; }

/* Risk factor cards */
.risk-factor-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    transition: box-shadow 0.25s ease;
}

.risk-factor-card:hover {
    box-shadow: 0 4px 16px rgba(0,87,184,0.06);
}

.risk-factor-card i {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #6c757d;
}

.risk-factor-card .risk-name {
    font-weight: 500;
    font-size: 14px;
}

/* Treatment comparison table */
.treatment-table {
    font-size: 14px;
}

.treatment-table th {
    background: #f1f5f9;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e2e8f0;
}

/* Source citations */
.source-list {
    font-size: 13px;
    color: #6c757d;
}

.source-list li {
    margin-bottom: 0.5rem;
}

.source-list a {
    color: #0057b8;
    word-break: break-all;
}

/* Helpful vote buttons */
.helpful-vote {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s ease;
    background: #fff;
}

.helpful-vote:hover {
    border-color: #0057b8;
    color: #0057b8;
}

.helpful-vote.active {
    background: #0057b8;
    color: #fff;
    border-color: #0057b8;
}

/* Share buttons */
.share-buttons {
    display: flex;
    gap: 0.5rem;
}

.share-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    transition: opacity 0.15s;
}

.share-buttons a:hover {
    opacity: 0.85;
}

.share-buttons .share-facebook { background: #1877f2; }
.share-buttons .share-twitter { background: #1da1f2; }
.share-buttons .share-linkedin { background: #0a66c2; }
.share-buttons .share-email { background: #6c757d; }
.share-buttons .share-copy { background: #059669; }