/*
 Theme Name:   Krowd Child
 Theme URI:    https://associacaomadretereza.org.br
 Description:  Tema filho do Krowd para customizações da AMTC.
 Author:       AMTC
 Author URI:   https://associacaomadretereza.org.br
 Template:     krowd
 Version:      1.0.0
 Text Domain:  krowd-child
*/

/* ========================================================
   FIX: garante header pill flutuante em páginas de Projeto
   (single-projeto.php usa template próprio e precisa do
   mesmo padding-top que o body usa nas outras páginas)
   ======================================================== */

/* Força a exibição do header em CPT Projeto */
.single-projeto header.header-builder-frontend,
.single-projeto-template header.header-builder-frontend,
body.single-projeto header.header-builder-frontend {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Força o container do menu pill a aparecer em CPT Projeto */
.single-projeto .elementor-element-64b2867,
body.single-projeto .elementor-element-64b2867 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 16px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
}

/* Padding compensatório no body pra empurrar o conteúdo abaixo do header */
body.single-projeto:not(.elementor-editor-active) {
    padding-top: 90px !important;
}

@media (max-width: 1024px) {
    body.single-projeto:not(.elementor-editor-active) {
        padding-top: 80px !important;
    }
}

@media (max-width: 768px) {
    body.single-projeto:not(.elementor-editor-active) {
        padding-top: 70px !important;
    }
}

/* Garante que o wrapper do projeto NÃO use 100vw que quebraria o layout do header */
.single-projeto .amt-project-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
}

/* Se houver um seletor de container do tema escondendo header em CPT */
.single-projeto .header-builder-frontend,
.single-projeto .header-builder-inner,
.single-projeto .header-main-wrapper {
    display: block !important;
    visibility: visible !important;
}

/* ========================================================
   FIX MOBILE: mostra header mobile (hamburguer) no mobile,
   pill flutuante no desktop
   ======================================================== */

/* Desktop: esconde header mobile, mostra só o pill */
@media (min-width: 769px) {
    .single-projeto .header-mobile {
        display: none !important;
    }
    
    .single-projeto .header-builder-inner > .d-none.d-xl-block.d-lg-block {
        display: block !important;
    }
}

/* Mobile: esconde o pill e elementos desktop, mostra só header mobile */
@media (max-width: 768px) {
    /* FORÇA esconder o pill com máxima especificidade */
    body.single-projeto .elementor-element-64b2867,
    body.single-projeto .elementor-element.elementor-element-64b2867,
    body.single-projeto [data-id="64b2867"],
    .single-projeto div[data-id="64b2867"].elementor-element {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Esconde TODO o container do header desktop */
    .single-projeto .header-builder-inner > .d-none.d-xl-block.d-lg-block,
    .single-projeto .header-builder-inner .d-xl-block,
    .single-projeto .header-builder-inner .d-lg-block {
        display: none !important;
    }
    
    /* Mostra APENAS o header mobile (hamburguer) */
    body.single-projeto .header-mobile,
    body.single-projeto .header-mobile.d-xl-none.d-lg-none.d-md-block.d-sm-block.d-xs-block {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* Remove padding-top do body no mobile */
    body.single-projeto:not(.elementor-editor-active) {
        padding-top: 0 !important;
    }
    
    /* Garante que a busca do mobile não fique aberta */
    .single-projeto .header-mobile .gva-search-content {
        display: none !important;
    }
    
    .single-projeto .header-mobile .gva-search-content.search-open {
        display: block !important;
    }
}