/* Post Detail Page Styles */

/* Color Variables */
:root {
    --rich-black: #010b13;
    --hunter-green: #355834;
    --kombu-green: #2b402b;
    --artichoke-green: #8f9779;
    --reseda-green: #677f66;
}

/* Detail Hero Section */
.detail-hero {
    background: linear-gradient(
        135deg,
        var(--hunter-green) 0%,
        var(--reseda-green) 100%
    );
}

.detail-hero-image {
    min-height: 380px;
    background-size: cover;
    background-position: center;
}

.detail-hero-overlay {
    background: rgba(1, 11, 19, 0.25);
}

.detail-hero-title {
    color: white;
    line-height: 1.5;
}

.detail-hero-text {
    color: var(--rich-black);
    line-height: 1.5;
}

.detail-badge {
    background-color: var(--artichoke-green);
    color: white;
}

.detail-badge-secondary {
    background-color: var(--kombu-green);
    color: var(--artichoke-green);
}

/* Recipe Body Section */
.recipe-body {
    background-color: var(--artichoke-green);
}

.recipe-card {
    background-color: white;
}

.recipe-title {
    color: var(--hunter-green);
}

.recipe-list {
    color: var(--hunter-green);
}

.recipe-list-item-icon {
    color: var(--reseda-green);
}

.recipe-print-btn {
    background-color: var(--reseda-green);
    color: white;
    border: none;
}

.recipe-instructions {
    color: var(--hunter-green);
}

.recipe-tip {
    background-color: var(--kombu-green);
    color: var(--hunter-green);
}

/* Related Recipes Section */
.related-recipes {
    background-color: var(--hunter-green);
}

.related-recipes-title {
    color: white;
}

.related-recipes-subtitle {
    color: var(--artichoke-green);
}

.related-recipe-card {
    background-color: var(--artichoke-green);
}

.related-recipe-image {
    height: 160px;
    background-size: cover;
    background-position: center;
}

.related-recipe-title {
    color: var(--hunter-green);
}

.related-recipe-meta {
    color: var(--reseda-green);
}