/* Bloc "Header" (banner de pagina) - vezi public/module/block_header/block_header.php. */

.pub-block-header--simple {
    text-align: center;
    padding: 20px 0;
}

/* Vezi block_needs_boxed_inner() din includes/core/page_blocks.php si comentariul din
   page-blocks.css (.pub-block-produse-inner--boxed) - acelasi tipar: fara "Extindere bloc",
   textul ramane la latimea normala de container chiar daca fundalul (div-ul exterior) e intins. */
.pub-block-header-inner--boxed {
    width: calc(clamp(min(var(--pub-container-min), 100%), min(var(--pub-container-width), 100%), var(--pub-container-max)) * var(--pub-block-width-scale, 1));
    margin: 0 auto;
    padding: 0 16px;
}

.pub-block-header--simple .pub-block-header-title {
    margin: 0 0 8px;
}

.pub-block-header--simple .pub-block-header-body {
    color: var(--pub-text-muted);
    margin: 0;
}

.pub-block-header--hero {
    position: relative;
    min-height: 320px;
    background-size: cover;
    background-position: center;
    background-color: var(--pub-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Fundal automat la "Pagina intreaga" (fara bifa separata pe bloc) - acelasi tipar ca la
   Imagine+text/Contact/Carduri info/Produse, culoarea vine din Setari > Teme > "Fundal header +
   footer + sectiuni". Selector compus (2 clase) ca sa castige fata de regulile de mai sus (o
   singura clasa) indiferent de ordinea din fisier - la varianta "hero" FARA imagine (fara stil
   inline background-image, care oricum ar castiga mereu fata de orice regula din acest fisier),
   inlocuieste gri-ul neutru implicit (--pub-surface) cu culoarea temei. */
.pub-block-header--simple.pub-block-header--fundal-activ,
.pub-block-header--hero.pub-block-header--fundal-activ {
    background-color: var(--pub-header-footer-bg);
}

.pub-block-header--overlay-dark::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.pub-block-header-content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding: 24px;
    max-width: 720px;
}

.pub-block-header--overlay-dark .pub-block-header-content {
    color: #fff;
}

.pub-block-header-title {
    font-size: 32px;
    margin: 0 0 12px;
}

.pub-block-header-body {
    font-size: 16px;
    margin: 0;
}