/**
 * Estilos do Bloco Page Hero — Fortunna Lusitanos
 *
 * @package FortunnaLusitanosBlocks
 */

/* ── Container ────────────────────────────────────────────────────────── */

.flb-page-hero {
    position: relative;
    overflow: hidden;
}

/* Variantes de fundo */
.flb-page-hero--noir {
    background: var(--fl-noir, #141210);
    padding: calc(var(--fl-nav-h, 80px) + var(--fl-admin-bar-h, 0px) + clamp(3rem, 6vh, 5rem))
             0
             clamp(2.5rem, 4vh, 4rem);
}

.flb-page-hero--champagne {
    background: var(--fl-champagne-bg, #F5F1EA);
    padding: calc(var(--fl-nav-h, 80px) + var(--fl-admin-bar-h, 0px) + clamp(2.5rem, 5vh, 4rem))
             0
             clamp(2rem, 3.5vh, 3rem);
}

.flb-page-hero--white {
    background: var(--fl-white, #FDFCFA);
    border-bottom: 1px solid var(--fl-linen, #EDE8DF);
    padding: calc(var(--fl-nav-h, 80px) + var(--fl-admin-bar-h, 0px) + clamp(2rem, 4vh, 3.5rem))
             0
             clamp(2rem, 3.5vh, 3rem);
}

/* Padding sizes */
.flb-page-hero--pad-sm { padding-top: calc(var(--fl-nav-h, 80px) + var(--fl-admin-bar-h, 0px) + 2rem); }
.flb-page-hero--pad-lg { padding-top: calc(var(--fl-nav-h, 80px) + var(--fl-admin-bar-h, 0px) + clamp(4rem, 8vh, 7rem)); }

/* ── Letra watermark ──────────────────────────────────────────────────── */

.flb-page-hero[data-letter]::after {
    content:        attr(data-letter);
    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;
    right:          -0.02em;
    pointer-events: none;
    user-select:    none;
    z-index:        0;
}

.flb-page-hero--champagne[data-letter]::after,
.flb-page-hero--white[data-letter]::after {
    color: rgba(20, 18, 16, 0.03);
}

/* ── Inner ────────────────────────────────────────────────────────────── */

.flb-page-hero__inner {
    position:  relative;
    z-index:   1;
    max-width: 960px;
}

/* ── Breadcrumb ───────────────────────────────────────────────────────── */

.flb-page-hero__breadcrumb {
    font-family:    var(--fl-font-body, 'Raleway', sans-serif);
    font-size:      10px;
    font-weight:    300;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color:          rgba(253, 252, 250, 0.28);
    display:        flex;
    align-items:    center;
    flex-wrap:      wrap;
    gap:            0.6rem;
    margin-bottom:  1.5rem;
}

.flb-page-hero--champagne .flb-page-hero__breadcrumb,
.flb-page-hero--white .flb-page-hero__breadcrumb {
    color: rgba(20, 18, 16, 0.35);
}

.flb-page-hero__breadcrumb a {
    color:           inherit;
    text-decoration: none;
    transition:      color 0.3s;
}

.flb-page-hero--noir .flb-page-hero__breadcrumb a:hover { color: var(--fl-champagne, #D8CAAF); }
.flb-page-hero--champagne .flb-page-hero__breadcrumb a:hover,
.flb-page-hero--white .flb-page-hero__breadcrumb a:hover { color: var(--fl-noir, #141210); }

.flb-page-hero__breadcrumb-sep {
    opacity: 0.4;
}

/* ── Eyebrow ──────────────────────────────────────────────────────────── */

.flb-page-hero__eyebrow {
    margin-bottom: 0.6rem;
}

.flb-page-hero--champagne .flb-page-hero__eyebrow,
.flb-page-hero--white .flb-page-hero__eyebrow {
    color:  var(--fl-champagne, #D8CAAF);
    filter: brightness(0.75);
}

/* ── Título ───────────────────────────────────────────────────────────── */

.flb-page-hero__title {
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      clamp(2.2rem, 5.5vw, 5rem);
    font-weight:    700;
    line-height:    0.92;
    letter-spacing: 0.04em;
    margin:         0 0 0;
}

.flb-page-hero--noir .flb-page-hero__title {
    color: var(--fl-white, #FDFCFA);
}

.flb-page-hero--champagne .flb-page-hero__title,
.flb-page-hero--white .flb-page-hero__title {
    color: var(--fl-noir, #141210);
}

/* Destaque do título (segunda linha em champanhe) */
.flb-page-hero__title-highlight {
    color:  var(--fl-champagne, #D8CAAF);
    filter: brightness(0.82);
}

.flb-page-hero--champagne .flb-page-hero__title-highlight,
.flb-page-hero--white .flb-page-hero__title-highlight {
    color:  var(--fl-champagne, #D8CAAF);
    filter: brightness(0.75);
}

/* ── Lead ─────────────────────────────────────────────────────────────── */

.flb-page-hero__lead {
    margin-top:  1.1rem;
    max-width:   580px;
}

/* ── Linha decorativa ─────────────────────────────────────────────────── */

.flb-page-hero__rule {
    display:    block;
    width:      40px;
    height:     1px;
    background: var(--fl-champagne, #D8CAAF);
    opacity:    0.5;
    margin-top: 2rem;
}

.flb-page-hero--champagne .flb-page-hero__rule,
.flb-page-hero--white .flb-page-hero__rule {
    background: var(--fl-champagne, #D8CAAF);
    opacity:    0.65;
}

/* ── Responsive ───────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .flb-page-hero[data-letter]::after {
        font-size: clamp(12rem, 45vw, 24rem);
        top:       -0.02em;
    }
}

@media (max-width: 560px) {
    .flb-page-hero__breadcrumb { display: none; }
}