/* ============================================================
   Beatriz Salero — Correção de visibilidade dos banners
   ------------------------------------------------------------
   Ficheiro próprio (NÃO altera o tema original).
   Para reverter: remover a linha que o inclui.

   PROBLEMA DIAGNOSTICADO (medido no browser):
   1. O fundo verde-lima estava a 80% de opacidade.
   2. O texto do botão era verde-lima (150,183,0) SOBRE
      um fundo verde-lima -> verde sobre verde = ilegível.
   3. Elementos da barra lateral (z-index 110/120) ficavam
      por cima do botão.

   CORREÇÃO:
   - Fundo mais transparente (35%) -> o botão ganha destaque.
   - Texto do botão em BRANCO -> contraste real com o verde.
   - z-index elevado no botão -> deixa de ser tapado.
   ============================================================ */

/* 1) Fundo verde mais TRANSPARENTE (era rgba(150,183,0,0.8)) */
.st_image_layered_description_inner {
    background: rgba(150, 183, 0, 0.35) !important;
}

/* 2) BOTÃO: fundo escuro + texto BRANCO.
      O texto era verde-lima sobre fundo verde-lima (invisível). */
.st_image_layered_description_inner a[href][style*="background"],
.st_image_layered_description_inner .style_button,
.st_image_layered_description_inner .btn {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
    padding: 10px 28px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 200 !important;   /* deixa de ser tapado pela barra lateral */
    opacity: 1 !important;
    visibility: visible !important;
}

.st_image_layered_description_inner a[href][style*="background"]:hover,
.st_image_layered_description_inner .style_button:hover,
.st_image_layered_description_inner .btn:hover {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #111111 !important;
}

/* 3) Elevar o conteúdo dos blocos acima da barra lateral (z-index 110/120) */
.st_banner_block .st_image_layered_description,
.st_image_layered_description_inner {
    position: relative !important;
    z-index: 150 !important;
}

/* 4) Soltar a altura dos blocos, para o botão não ser cortado
      (o conteúdo mede 276px dentro de caixas de 105px) */
.banner_col,
.st_banner_block,
.row.block_content {
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
}
.st_banner_block .st_image_layered_description_inner {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}