/*
 Theme Name:   Grupo Profarma Child
 Theme URI:    https://grupoprofarma.com.br
 Description:  Child theme do Divi para Grupo Profarma — customizacoes versionaveis
 Author:       M2BR
 Author URI:   https://m2br.com
 Template:     Divi
 Version:      1.1.0
 License:      Proprietary
 Text Domain:  grupoprofarma-child
*/

/* =========================================================================
   Fix: barra do menu secundario (Divi #top-header / top-menu)  [2026-07-15]
   -------------------------------------------------------------------------
   O CSS dinamico do Divi para o nav secundario nao estava sendo aplicado
   nesta pagina (itens caiam para display:list-item, empilhando na vertical e
   inflando a altura de #top-header para ~128px). Isso quebrava o calculo de
   posicao do header fixo do Divi (padding-top do #page-container e top do
   #main-header), fazendo a barra roxa sobrepor o topo do slider/hero, com
   texto roxo (#522e90) ilegivel sobre o fundo roxo (#3a1669).
   Correcao minima e escopada: restaura o layout horizontal e o texto branco.
   ========================================================================= */
#top-header #et-secondary-nav.menu {
    display: inline-block;
    float: right;
    width: auto;
}
/* Mantem a faixa com 21px e centraliza verticalmente os links (antes: 9px/0px). */
#top-header .container {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
}
#top-header #et-secondary-nav.menu li {
    display: inline-block;
    float: none;
    width: auto;
    margin: 0 0 0 22px;
    padding: 0;
    list-style: none;
}
#top-header #et-secondary-nav.menu > li > a {
    display: inline-block;
    color: #ffffff;
    padding: 0;
    line-height: 1;
}
#top-header #et-secondary-nav.menu > li > a:hover {
    color: rgba(255, 255, 255, 0.7);
}

/* Mobile/tablet: centraliza os itens que quebram em mais de uma linha */
@media (max-width: 980px) {
    #top-header #et-secondary-nav.menu {
        float: none;
        width: 100%;
        text-align: center;
    }
    #top-header #et-secondary-nav.menu li {
        margin: 4px 11px;
    }
}

/* Tablet horizontal: o menu EN desktop excede a area util entre 981px e 1100px. */
@media (min-width: 981px) and (max-width: 1100px) {
    #top-menu-nav,
    #top-menu,
    #et_top_search {
        display: none !important;
    }
    #et_mobile_nav_menu,
    .mobile_menu_bar {
        display: block !important;
    }
}

/* =========================================================================
   Fix: dropdown do menu principal (Divi #top-menu)  [item 05]
   -------------------------------------------------------------------------
   O CSS custom do Divi pinta cada <a> de branco e os <li> ficam
   inline-block, virando caixas soltas de larguras diferentes.
   Alvo (versao correta do doc de ajustes): um retangulo branco unico,
   itens empilhados, separadores finos.
   ========================================================================= */
@media (min-width: 981px) {
    #et-top-navigation #top-menu > li > ul.sub-menu {
        padding: 0;
        background: #ffffff;
        width: max-content;
        min-width: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    #et-top-navigation #top-menu > li > ul.sub-menu > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        background: transparent !important;
        padding: 0;
    }
    #et-top-navigation #top-menu li li a {
        display: block;
        background: transparent !important;
        width: auto;
        white-space: nowrap;
        padding: 10px 16px;
        border-bottom: 1px solid #e5e5e5;
    }
    #et-top-navigation #top-menu li li:last-child a {
        border-bottom: none;
    }
}

/* =========================================================================
   Paridade EN: fundos responsivos  [2026-08-26]
   -------------------------------------------------------------------------
   O Divi preserva os atributos tablet/phone no post_content traduzido, mas
   nao os publica no CSS dinamico destas quatro paginas EN. Escopo por page-id
   evita qualquer efeito em PT ou em outras paginas.
   ========================================================================= */
@media (max-width: 980px) {
    body.page-id-3148 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2026/07/bg-investidores-d1000-mobile.png") !important;
    }
    body.page-id-3130 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2026/07/bg-rede-d1000-2025_mobile.png") !important;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    body.page-id-3127 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2025/08/bg-profarma-distribuicao-2025-tablet.png") !important;
    }
    body.page-id-3133 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2026/07/bg-instituto-profarma-tablet.png") !important;
    }
}

@media (max-width: 767px) {
    body.page-id-3127 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2025/08/bg-profarma-distribuicao-2025-mobile.png") !important;
    }
    body.page-id-3133 .et_pb_section.et_pb_section_0 {
        background-image: url("/wp-content/uploads/2026/07/bg-instituto-profarma-mobile.png") !important;
    }
}