/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme
 Description:  Tema Filho otimizado para performance estrutural e AEO.
 Author:       Engenharia de Sistemas B2B
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* ==========================================================================
   1. UX COMPORTAMENTAL E NAVEGAÇÃO BÁSICA
   ========================================================================== */

/* Redefine o topo absoluto da viewport para links de âncora (Menu Lateral) */
html {
    /* Altura do header fixo + margem de respiro para o título h2/h3 não sumir */
    scroll-padding-top: 120px !important; 
    
    /* Garante que o deslocamento seja fluido e não um pulo seco */
    scroll-behavior: smooth !important; 
}


/* ==========================================================================
   2. FAQ AEO (GUTENBERG ACCORDION) - ESTILO macOS MINIMALISTA
   Nota de Engenharia: Blindagem total (override) contra a sobrescrita 
   dinâmica de arquivos nativos, garantindo previsibilidade em qualquer viewport.
   ========================================================================== */

/* Reset Fundamental: Força o cálculo de padding para "dentro" do limite de 100% */
.wp-block-accordion-item,
.wp-block-accordion-item * {
    box-sizing: border-box !important;
}

/* Container Pai: Design Minimalista e Contenção */
.wp-block-accordion-item {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #e5e5ea !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.wp-block-accordion-item:last-child {
    border-bottom: none !important;
}

/* A Pergunta (Heading): Controle de Fluxo de Texto */
.wp-block-accordion-item .wp-block-accordion-heading,
.wp-block-accordion-item .wp-block-accordion-heading button {
    position: relative !important;
    width: 100% !important;
    padding: 16px 36px 16px 0 !important; 
    margin: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    color: #111827 !important;
    font-size: 1.15rem !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    display: block !important;
    white-space: normal !important; 
    word-break: break-word !important; 
    overflow-wrap: anywhere !important;
}

/* Oculta o SVG Nativo ou Ícone de Texto (+ / x) de forma estrita */
.wp-block-accordion-item .wp-block-accordion-icon,
.wp-block-accordion-item .wp-block-accordion-heading button > svg,
.wp-block-accordion-item .wp-block-accordion-heading button > span:not(.wp-block-accordion-heading-text):last-child,
.wp-block-accordion-item .wp-block-accordion-heading button::before {
    display: none !important;
    content: none !important;
}

/* A Seta Customizada (Engenharia de Pseudo-elemento) */
.wp-block-accordion-item .wp-block-accordion-heading button::after {
    content: "" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    margin-top: -4px !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 1.5px solid #9ca3af !important;
    border-bottom: 1.5px solid #9ca3af !important;
    transform: rotate(45deg) !important;
    transition: transform 0.2s ease !important;
}

/* Animação da Seta no Estado Expandido */
.wp-block-accordion-item .wp-block-accordion-heading button[aria-expanded="true"]::after {
    transform: rotate(225deg) !important;
}

/* A Resposta (Panel): Tipografia e Contenção Interna */
.wp-block-accordion-item .wp-block-accordion-panel {
    padding: 0 8px 16px 0 !important;
    color: #515154 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    max-width: 100% !important;
    overflow-x: auto !important; 
}