/*
 * CSS para o BF - Banner (Versão Definitiva - Z-Index Reforçado)
 */

/* 1. Força a coluna do tema a ter 100% de altura */
.bfb-wrapper .col-inner {
    height: 100%;
}

/* 2. O Container do Banner */
.bfb-banner-box {
    position: relative !important; /* Garante que o container seja a referência */
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    border-radius: inherit; 
    isolation: isolate; /* Cria um novo contexto de empilhamento para evitar conflitos externos */
}

/* 3. Imagem Destacada */
.bfb-banner-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
    margin: 0;
}

/* 4. Área de Texto */
.bfb-banner-text-area {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative; /* Mantém relativo, mas com z-index menor que o link */
    z-index: 1; 
}

.bfb-banner-text-area > *:last-child {
    margin-bottom: 0;
}

/* 5. O Link Sobreposto (Correção "Nuclear") */
.bfb-link-overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Z-Index BEM alto para garantir que fique acima de imagem/texto/efeitos do tema */
    z-index: 999 !important; 
    
    cursor: pointer;
    background: transparent; /* Invisível */
    display: block !important;
    content: " "; /* Garante que o navegador renderize a caixa */
}

/* Debug: Se quiser VER onde o link está, descomente a linha abaixo temporariamente */
 /*.bfb-link-overlay { border: 2px solid red; background: rgba(255,0,0,0.2); } */