/*
Theme Name: PRK Training
Description: Eigenständiges Block-Theme für PRK Training.
Version: 0.1.0
Requires at least: 7.1
Requires PHP: 8.5
Text Domain: prk-training
*/

/*
 * Neutrales, eigenständiges Enterprise-Design:
 * keine SAP-Assets, -Schriften oder -Markenzeichen.
 */
:root {
    --prk-ink: #102a43;
    --prk-blue: #0f5fa8;
    --prk-blue-soft: #eaf2f9;
    --prk-accent: #c85c16;
    --prk-surface: #ffffff;
    --prk-background: #f5f7f9;
    --prk-border: #d9e2ec;
    --prk-text-muted: #627d98;
}

body {
    background: var(--prk-background);
    color: var(--prk-ink);
}

.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prk-site-header {
    padding: 1rem 0;
    border-bottom: 1px solid var(--prk-border);
    background: var(--prk-surface);
}

.prk-site-header .wp-block-site-title a {
    color: var(--prk-ink);
    font-weight: 700;
    text-decoration: none;
}

.prk-site-header .wp-block-navigation a {
    color: var(--prk-ink);
    font-weight: 600;
}

.prk-main {
    flex: 1;
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.prk-main > .wp-block-post-content {
    background: var(--prk-surface);
    border: 1px solid var(--prk-border);
    border-radius: 0.75rem;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.prk-site-footer {
    padding: 2rem 0;
    border-top: 1px solid var(--prk-border);
    background: var(--prk-ink);
    color: #ffffff;
}

.prk-site-footer a {
    color: #ffffff;
}

.wp-block-button__link {
    border-radius: 0.35rem;
    font-weight: 700;
}

@media (max-width: 700px) {
    .prk-main {
        padding-top: 1.5rem;
    }
}
/*
 * Kursangebote werden als redaktionelle Karten dargestellt.
 * Termin- und Buchungsdaten kommen später ausschließlich aus LearnSuite.
 */
.prk-course-archive-intro {
    max-width: 44rem;
    margin-bottom: 2rem;
}

.prk-course-list .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(min(100%, 17rem), 1fr)
    );
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.prk-course-list .wp-block-post-template > li {
    margin: 0;
}

.prk-course-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--prk-border);
    border-radius: 0.75rem;
    background: var(--prk-surface);
    box-shadow: 0 1px 3px rgb(16 42 67 / 8%);
}

.prk-course-card .wp-block-post-featured-image {
    margin: -1.25rem -1.25rem 0;
}

.prk-course-card .wp-block-post-featured-image img {
    display: block;
    width: 100%;
    height: auto;
}

.prk-course-card .wp-block-post-title {
    margin: 0;
}

.prk-course-card .wp-block-post-excerpt {
    color: var(--prk-text-muted);
}

.prk-course-card .wp-block-post-excerpt__more-link {
    color: var(--prk-blue);
    font-weight: 700;
    text-decoration: none;
}
/*
 * Die Detailseite stellt Kursinhalte dar.
 * Sie enthält bewusst keine lokalen Preis- oder Termindaten.
 */
.prk-course-detail {
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid var(--prk-border);
    border-radius: 0.75rem;
    background: var(--prk-surface);
}

.prk-course-detail .wp-block-post-title {
    margin-top: 0;
}

.prk-course-detail .wp-block-post-excerpt {
    max-width: 46rem;
    color: var(--prk-text-muted);
    font-size: 1.2rem;
}

.prk-course-detail .wp-block-post-featured-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}