/**
 * Post Detail Component - Single Post Template Widget
 * 
 * Displays individual posts (News, Events, Offers) in detail view
 * Uses global layout systems from foundations/layout.css
 * 
 * @package Kurpfalz_Theme
 * @author Saad Badr
 * @copyright 2025 SawatzkiMühlenbruch GmbH
 */

/* ============================================
   Post Detail - Widget-specific styles
   ============================================ */

/* Meta Information (Date, Author) */
.post-detail__meta {
    margin-bottom: var(--spacing-sm);
}

.post-detail__meta p {
    margin: 0;
}

.post-detail__meta-date {
    font-weight: var(--font-weight-medium);
    margin-right: var(--spacing-sm);
}

.post-detail__meta-author {
    font-style: italic;
}

/* Teaser Text */
.post-detail__teaser {
    font-size: var(--font-size-medium);
    margin-bottom: var(--spacing-md);
}

/* Main Content - inherits global typography styles */
.post-detail__content {
    /* All paragraph, heading, and link styles come from foundations/typography.css */
}

/* Back Link - uses global .btn styles from components/buttons.css */
.post-detail__back-link {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-sm);
    border-top: 1px solid rgba(44, 16, 76, 0.2);
}

/* Featured Image - Full height in right column */
.post-detail__image-wrapper {
    line-height: 0;
    height: 100%;
}

.post-detail__image-outer {
    width: 100%;
    height: 100%;
}

.post-detail__image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Fill the entire right column */
    border-bottom-right-radius: var(--border-radius-md);
}