/**
 * Blog Single Post Styles - Simple Override Version
 * File: assets/css/blog-single.css
 */

/* Reset theme variables for blog posts only */
.single-post .highlight-section,
.single-post .conclusion,
.single-post .toc,
.single-post .warning-box,
.single-post .tip-box,
.single-post .success-box,
.single-post .requirement-card,
.single-post .step-content,
.single-post .resources-section {
    background: initial;
    color: initial;
}

/* Highlight Section - Dark Grey */
.single-post .highlight-section {
    background: linear-gradient(135deg, #546e7a 0%, #2c3e50 100%);
    color: #ffffff;
    padding: 2rem;
    border-radius: 12px;
    margin: 2rem 0;
}

.single-post .highlight-section h3,
.single-post .highlight-section p,
.single-post .highlight-section li {
    color: #ffffff;
}

/* Table of Contents */
.single-post .toc {
    background: #f8fafc;
    padding: 2rem;
    border-radius: 8px;
    margin: 2rem 0;
    border-left: 4px solid #d97706;
}

.single-post .toc h3 {
    color: #2c3e50;
}

.single-post .toc a {
    color: #546e7a;
}

.single-post .toc a:hover {
    color: #d97706;
}

/* Requirements Grid */
.single-post .requirements-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.single-post .requirement-card {
    background: #ffffff;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #d97706;
    box-shadow: 0 2px 8px rgba(44, 62, 80, 0.08);
}

.single-post .requirement-card h4 {
    color: #2c3e50;
}

.single-post .requirement-card p {
    color: #546e7a;
}

/* Warning Box */
.single-post .warning-box {
    background: #fff8e1;
    border: 1px solid #ffb74d;
    border-left: 4px solid #ff9800;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 8px;
}

.single-post .warning-box strong {
    color: #e65100;
}

.single-post .warning-box p,
.single-post .warning-box li {
    color: #5d4037;
}

/* Tip Box */
.single-post .tip-box {
    background: #e8f5e8;
    border: 1px solid #81c784;
    border-left: 4px solid #4caf50;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 8px;
}

.single-post .tip-box strong {
    color: #2e7d32;
}

.single-post .tip-box p,
.single-post .tip-box li {
    color: #1b5e20;
}

/* Success Box */
.single-post .success-box {
    background: #e3f2fd;
    border: 1px solid #64b5f6;
    border-left: 4px solid #2196f3;
    padding: 1.5rem;
    margin: 1.5rem 0;
    border-radius: 8px;
}

.single-post .success-box strong {
    color: #1565c0;
}

.single-post .success-box p,
.single-post .success-box li {
    color: #0d47a1;
}

/* Step Counter */
.single-post .step-counter {
    background: #d97706;
    color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Conclusion - Green */
.single-post .conclusion {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: #ffffff;
    padding: 3rem;
    border-radius: 12px;
    margin: 3rem 0;
    text-align: center;
}

.single-post .conclusion h2,
.single-post .conclusion p,
.single-post .conclusion li {
    color: #ffffff;
}

/* Resources */
.single-post .resources-section {
    background: #f8fafc;
    padding: 2rem;
    border-radius: 8px;
}

.single-post .resource-link {
    background: #ffffff;
    color: #2c3e50;
    border-left: 3px solid #d97706;
}

.single-post .resource-link strong {
    color: #d97706;
}

/* Code */
.single-post pre {
    background: #2c3e50;
    color: #ecf0f1;
    padding: 1.5rem;
    border-radius: 8px;
}

.single-post code {
    background: #f1f3f4;
    color: #d97706;
    padding: 2px 6px;
    border-radius: 4px;
}

.single-post pre code {
    background: none;
    color: inherit;
}