/* =========================================================
   ÖBK Methodenwelt
   ========================================================= */

body.oebk-methods-overview-page main,
body.oebk-method-page main{
    max-width:none!important;
}

body.oebk-methods-overview-page .wp-block-post-content,
body.oebk-method-page .wp-block-post-content{
    width:min(1800px,calc(100vw - 48px))!important;
    max-width:1800px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.oebk-methods-overview-page .wp-block-post-title,
body.oebk-method-page .wp-block-post-title,
body.oebk-method-page .wp-block-post-author,
body.oebk-method-page .wp-block-post-author-name,
body.oebk-method-page .wp-block-post-author-biography,
body.oebk-method-page .wp-block-post-date,
body.oebk-method-page .wp-block-post-terms,
body.oebk-method-page .wp-block-post-featured-image,
body.oebk-method-page .wp-block-post-navigation-link,
body.oebk-method-page .wp-block-comments,
body.oebk-method-page .wp-block-comments-query-loop,
body.oebk-method-page .wp-block-query-title,
body.oebk-method-page .wp-block-query-loop,
body.oebk-method-page .wp-block-group:has(> .wp-block-post-author),
body.oebk-method-page .wp-block-group:has(> .wp-block-post-date),
body.oebk-method-page .wp-block-group:has(> .wp-block-post-navigation-link),
body.oebk-method-page .wp-block-template-part:has(.wp-block-query-loop){
    display:none!important;
}

.oebk-methods-public,
.oebk-method-detail{
    width:100%;
    max-width:1800px;
    margin:0 auto;
}

.oebk-methods-heading{
    margin-bottom:18px;
}

.oebk-methods-filterbar{
    display:grid;
    grid-template-columns:minmax(300px,1fr) minmax(220px,320px) auto;
    gap:12px;
    align-items:end;
    margin:0 0 16px;
    padding:14px;
    border:1px solid var(--oebk-line);
    border-radius:10px;
    background:#fff;
    box-shadow:0 6px 20px rgba(31,69,81,.05);
}

.oebk-methods-filterbar label{
    display:grid;
    gap:5px;
}

.oebk-methods-filterbar label>span{
    color:var(--oebk-blue-dark);
    font-size:12px;
    font-weight:780;
}

.oebk-methods-filterbar input,
.oebk-methods-filterbar select{
    min-height:46px;
    width:100%;
    box-sizing:border-box;
    border:1px solid #bccdd3;
    border-radius:6px;
    background:#fff;
    color:var(--oebk-ink);
}

.oebk-methods-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
    gap:16px;
}

.oebk-method-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:100%;
    border:1px solid var(--oebk-line);
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 24px rgba(35,61,70,.055);
}

.oebk-method-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:var(--oebk-blue);
}

.oebk-method-card-image{
    display:block;
    width:100%;
    aspect-ratio:16/7;
    object-fit:cover;
}

.oebk-method-card-body{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:flex-start;
    padding:22px;
}

.oebk-method-card h2{
    margin:3px 0 10px;
    color:var(--oebk-ink);
    font-size:clamp(23px,2vw,31px);
}

.oebk-method-card-excerpt{
    margin:0 0 15px;
    color:var(--oebk-muted);
    line-height:1.55;
}

.oebk-method-card-facts{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:auto 0 16px;
}

.oebk-method-card-facts span{
    padding:6px 9px;
    border-radius:999px;
    background:var(--oebk-blue-soft);
    color:var(--oebk-blue-dark);
    font-size:13px;
    font-weight:680;
}

.oebk-method-card-facts span:nth-child(2){
    background:var(--oebk-green-soft);
    color:#316c42;
}

.oebk-method-card-facts span:nth-child(3){
    background:var(--oebk-gold-soft);
    color:#79581d;
}

.oebk-method-detail{
    padding-top:16px;
}

.oebk-method-detail-hero{
    margin-top:16px;
}

.oebk-method-detail-intro{
    max-width:900px;
    color:var(--oebk-muted);
    font-size:17px;
    line-height:1.55;
}

.oebk-method-description{
    max-width:1100px;
    font-size:17px;
    line-height:1.65;
}

.oebk-method-description>*:first-child{
    margin-top:0;
}

.oebk-method-description>*:last-child{
    margin-bottom:0;
}

.oebk-method-subsection + .oebk-method-subsection{
    margin-top:26px;
    padding-top:24px;
    border-top:1px solid var(--oebk-line);
}

.oebk-method-subsection>h3{
    margin:0 0 12px;
}

.oebk-method-training-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:12px;
}

.oebk-method-training-grid article{
    padding:18px;
    border:1px solid var(--oebk-line);
    border-radius:9px;
    background:var(--oebk-blue-pale);
}

.oebk-method-training-grid h4{
    margin:0 0 8px;
    font-size:20px;
}

.oebk-method-training-grid h4 a,
.oebk-method-module-list h4 a,
.oebk-method-events-list h3 a,
.oebk-method-member-card h4 a{
    color:var(--oebk-ink);
}

.oebk-method-training-grid p{
    color:var(--oebk-muted);
}

.oebk-method-module-list{
    display:grid;
    gap:8px;
}

.oebk-method-module-list article{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    padding:14px 16px;
    border:1px solid var(--oebk-line);
    border-radius:8px;
    background:var(--oebk-blue-pale);
}

.oebk-method-module-list h4{
    margin:0 0 3px;
}

.oebk-method-module-list p{
    margin:0;
    color:var(--oebk-muted);
}

.oebk-method-events-list{
    display:grid;
    gap:10px;
}

.oebk-method-events-list article{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    padding:18px;
    border:1px solid var(--oebk-line);
    border-radius:9px;
    background:#fff;
}

.oebk-method-events-list h3{
    margin:3px 0 7px;
}

.oebk-method-event-date{
    margin:0;
    color:var(--oebk-blue-dark);
    font-size:18px;
    font-weight:760;
}

.oebk-method-event-meta{
    margin:5px 0 0;
    color:var(--oebk-muted);
}

.oebk-method-event-actions{
    display:flex;
    flex:0 0 auto;
    gap:14px;
    align-items:center;
}

.oebk-method-members-intro{
    max-width:1000px;
    color:var(--oebk-muted);
}

.oebk-method-member-groups{
    display:grid;
    gap:10px;
}

.oebk-method-member-group{
    overflow:hidden;
    border:1px solid var(--oebk-line);
    border-radius:9px;
    background:#fff;
}

.oebk-method-member-group summary{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    padding:15px 17px;
    background:var(--oebk-blue-pale);
    color:var(--oebk-ink);
    font-weight:780;
}

.oebk-method-member-group[open] summary{
    border-bottom:1px solid var(--oebk-line);
    background:var(--oebk-blue-soft);
}

.oebk-method-count{
    display:inline-flex;
    min-width:28px;
    min-height:28px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#fff;
    color:var(--oebk-blue-dark);
    font-size:13px;
}

.oebk-method-member-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:10px;
    padding:12px;
}

.oebk-method-member-card{
    display:grid;
    grid-template-columns:62px 1fr;
    gap:12px;
    align-items:center;
    padding:12px;
    border:1px solid var(--oebk-line);
    border-radius:8px;
    background:#fff;
}

.oebk-method-member-photo{
    width:62px;
    height:62px;
}

.oebk-method-member-photo img,
.oebk-method-member-photo .oebk-profile-placeholder{
    display:flex;
    width:62px;
    height:62px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    object-fit:cover;
}

.oebk-method-member-photo .oebk-profile-placeholder{
    background:var(--oebk-blue-soft);
    color:var(--oebk-blue-dark);
    font-weight:800;
}

.oebk-method-member-copy h4{
    margin:0 0 4px;
    font-size:17px;
}

.oebk-method-member-copy p{
    margin:0 0 4px;
    color:var(--oebk-muted);
    font-size:14px;
}

.oebk-method-bottom-nav{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid var(--oebk-line);
}

.oebk-member-profile .oebk-chip-list a{
    color:inherit;
    text-decoration:none;
}

.oebk-member-profile .oebk-chip-list a:hover{
    text-decoration:underline;
}

.oebk-public-method-group>h3 a{
    color:inherit;
    text-decoration:none;
}

.oebk-public-method-group>h3 a:hover{
    text-decoration:underline;
}

@media(max-width:800px){
    .oebk-methods-filterbar{
        grid-template-columns:1fr;
    }

    .oebk-method-module-list article,
    .oebk-method-events-list article{
        display:grid;
    }

    .oebk-method-event-actions{
        justify-content:start;
    }
}

@media(max-width:760px){
    body.oebk-methods-overview-page .wp-block-post-content,
    body.oebk-method-page .wp-block-post-content{
        width:calc(100vw - 24px)!important;
    }

    .oebk-methods-card-grid,
    .oebk-method-training-grid,
    .oebk-method-member-grid{
        grid-template-columns:1fr;
    }

    .oebk-method-bottom-nav{
        display:grid;
    }
}


/* =========================================================
   3.2.1 – Korrekturen nach Praxistest
   ========================================================= */

/* Filterzustand muss das Karten-layout sicher übersteuern. */
.oebk-method-card.is-filtered-out,
.oebk-method-card[hidden]{
    display:none!important;
}

.oebk-training-empty-filter[hidden]{
    display:none!important;
}

.oebk-training-empty-filter.is-visible{
    display:block!important;
}

/* Dunkler Hero: Haupttitel braucht ausreichend Kontrast. */
.oebk-methods-heading h1{
    color:#fff!important;
}

/* Restliche Theme-Elemente auf Methodendetailseiten entfernen. */
body.oebk-method-page .wp-block-group:has(.wp-block-post-author),
body.oebk-method-page .wp-block-group:has(.wp-block-post-author-name),
body.oebk-method-page .wp-block-group:has(.wp-block-post-author__content),
body.oebk-method-page .wp-block-heading:has(+ .wp-block-query),
body.oebk-method-page .wp-block-heading:has(+ .wp-block-query-loop),
body.oebk-method-page .wp-block-query,
body.oebk-method-page .wp-block-query-loop{
    display:none!important;
}

body.oebk-method-page .wp-block-post-content{
    margin-top:0!important;
    margin-bottom:0!important;
}