/* ==========================================================================
   BestBlogTheme — Médiathèque Single Content (flipbook / video)

   Namespaced "bbt-med-single__*" to avoid colliding with the legacy
   ".bbt-single__*" rules in blog.css (old hero/meta-band/sidebar design).
   ========================================================================== */

.bbt-med-single {
    display: flex;
    flex-direction: column;
}

/* -- Brand logo, centered, capped at 80px height --------------------------- */
.bbt-med-single__logo {
    display: flex;
    justify-content: center;
    padding: 2.5rem 1.5rem 1.5rem;
}

.bbt-med-single__logo-img {
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* -- Separator (brand color 1) ---------------------------------------------- */
.bbt-med-single__separator {
    max-width: 200px;
    margin: 0 auto 1.5rem;
    border: none;
    border-top: 3px solid var(--bbt-brand-color-1, var(--bbt-color-primary));
}

/* -- Title -------------------------------------------------------------------- */
.bbt-med-single__header {
    width: 100%;
    text-align: center;
    margin-bottom: 2.5rem;
}

.bbt-med-single__title {
    display: block;
    width: 100%;
    max-width: none;
    font-family: var(--bbt-font-primary);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 600;
    color: var(--bbt-brand-color-1, var(--bbt-color-dark, #1e293b));
    margin: 0;
    line-height: 1.3;
    text-shadow: none;
    filter: none;
}

/* -- Content zone (flipbook / video shortcode) ------------------------------ */
.bbt-med-single__content {
    max-width: 1100px;
    margin: 0 auto 4rem;
    font-family: var(--bbt-font-secondary, var(--bbt-font-primary));
    font-size: 1rem;
    line-height: 1.7;
    color: var(--bbt-color-paragraph);
}

/* Make embedded iframes/videos responsive by default */
.bbt-med-single__content iframe,
.bbt-med-single__content video {
    max-width: 100%;
}

.bbt-med-single__content > *:first-child {
    margin-top: 0;
}