/* ═══════════════════════════════════════════════════════════════
   OTB Blog — Gutenberg Block Styles
   ═══════════════════════════════════════════════════════════════ */

/* Ensure block content respects container */
.post-content__body .wp-block-image { margin-block: 1.5rem; }
.post-content__body .wp-block-image figcaption { font-size: .8rem; color: var(--grey); text-align: center; margin-top: .5rem; font-style: italic; }

/* Buttons block */
.post-content__body .wp-block-button__link {
    background: var(--gold) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: .75rem 1.5rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .25s !important;
}
.post-content__body .wp-block-button__link:hover { background: var(--gold-dark) !important; }

/* Separator */
.post-content__body .wp-block-separator { border: none; border-top: 2px solid var(--gold); opacity: .3; margin: 2rem 0; }

/* Quote */
.post-content__body .wp-block-quote {
    border-left: 4px solid var(--gold);
    background: var(--cream);
    padding: 1.25rem 1.5rem;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    margin: 2rem 0;
}
.post-content__body .wp-block-quote cite { font-style: normal; font-size: .8rem; color: var(--grey); display: block; margin-top: .5rem; }

/* Table block */
.post-content__body .wp-block-table table { width: 100%; border-collapse: collapse; }
.post-content__body .wp-block-table th { background: var(--black); color: var(--gold); font-family: var(--font-body); }
.post-content__body .wp-block-table td, .post-content__body .wp-block-table th { border: 1px solid var(--grey-light); padding: .75rem 1rem; }

/* Cover block */
.post-content__body .wp-block-cover { border-radius: 12px; overflow: hidden; margin: 1.5rem 0; }

/* FAQ-style details (if using core Details block) */
.post-content__body details {
    border: 1px solid var(--grey-light);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: .75rem;
}
.post-content__body summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--black);
    font-size: .95rem;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.post-content__body summary::after {
    content: '+';
    font-size: 1.25rem;
    color: var(--gold);
}
.post-content__body details[open] summary::after { content: '−'; }
.post-content__body details p { margin-top: .75rem; color: var(--grey); }