/**
 * Manifesto Block — Fortunna Lusitanos
 * Estrutura HTML: section > flb-wrap > flb-manifesto__inner > blockquote > p + footer > cite
 * Mockup ref: v5_Home_Trevos.html — .manifesto
 */

/* ── Container ── */
.flb-manifesto {
    position:   relative;
    background: var(--fl-noir, #141210);
    overflow:   hidden;
}

/* Watermark */
.flb-manifesto__watermark {
    position:       absolute;
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      clamp(18rem, 38vw, 34rem);
    font-weight:    700;
    color:          rgba(216, 202, 175, 0.03);
    line-height:    1;
    top:            -0.05em;
    left:           -0.02em;
    pointer-events: none;
    user-select:    none;
    z-index:        0;
}

/* Radial glow */
.flb-manifesto::before {
    content:        '';
    position:       absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background:     radial-gradient(ellipse 60% 80% at 50% 50%, rgba(216,202,175,.04) 0%, transparent 70%);
    pointer-events: none;
    z-index:        0;
}

/* Inner — centra o conteúdo como o .wrap do mockup */
.flb-manifesto__inner {
    position:      relative;
    z-index:       1;
    text-align:    center;
}

/* Trefoil */
.flb-manifesto .flb-trefoil {
    margin: 0 auto 1.25rem;
    display: block;
}

/* Eyebrow */
.flb-manifesto__eyebrow {
    margin-top:  1.25rem;
    margin-bottom: 0;
    text-align:  center;
    display:     block;
}

/* ── Blockquote — igual ao mockup .manifesto__quote ── */
.flb-manifesto .flb-manifesto__quote {
    /* Especificidade 0,2,0 — supera .entry-content blockquote (0,1,1) em main.css
       que aplica background:var(--fl-champagne-bg) e border-left ao blockquote */
    margin:           1.5rem 0 0;
    padding:          0;
    border:           none;
    border-left:      none;
    background:       transparent;
    background-color: transparent;
    text-align:       center;
    /* Tipografia idêntica ao mockup */
    font-family:    var(--fl-font-body, 'Raleway', sans-serif);
    font-style:     italic;
    font-size:      clamp(1.6rem, 3.5vw, 2.75rem);
    font-weight:    200;
    color:          rgba(253, 252, 250, 0.85);
    line-height:    1.5;
    letter-spacing: 0.02em;
}

/* O <p> dentro do blockquote herda tudo — sem margens extra */
.flb-manifesto .flb-manifesto__quote > p {
    /* Especificidade 0,2,1 — supera .entry-content blockquote p (0,1,2)
       que aplica color:var(--fl-noir) tornando o texto invisível sobre noir */
    margin:      0;
    padding:     0;
    color:       rgba(253, 252, 250, 0.85);
    font-style:  italic;
    font-size:   inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
}

/* Destaque em itálico inverso (como mockup <em>) */
.flb-manifesto .flb-manifesto__quote em {
    font-style:  normal;
    font-weight: 300;
    color:       var(--fl-champagne, #D8CAAF);
}

/* ── Footer da citação — flex com linhas decorativas ──
   A source line do mockup é <p class="manifesto__source"> com ::before/::after.
   Na nossa estrutura HTML é <footer> dentro do blockquote.
   O flex + linhas ficam no <footer>, não na <cite>.
*/
.flb-manifesto .flb-manifesto__quote footer {
    margin-top:      2.75rem;
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             1.5rem;
}

.flb-manifesto .flb-manifesto__quote footer::before,
.flb-manifesto .flb-manifesto__quote footer::after {
    content:    '';
    display:    block;
    width:      36px;
    height:     1px;
    background: rgba(216, 202, 175, 0.2);
    flex-shrink: 0;
}

/* O texto do cite — sem display:flex (fica inline dentro do footer flex) */
.flb-manifesto__cite {
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      9px;
    font-weight:    400;
    font-style:     normal;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    color:          rgba(216, 202, 175, 0.38);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .flb-manifesto .flb-manifesto__quote {
        font-size: clamp(1.2rem, 5vw, 1.8rem);
    }
    .flb-manifesto .flb-manifesto__quote footer {
        margin-top: 2rem;
    }
}