/* Ajustes de compatibilidade WordPress + Elementor + Tailwind */

/* Fonte padrão do site */
body {
    font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
}

/* Cores da marca como variáveis (para uso no Elementor) */
:root {
    --brand-pink: #E10098;
    --brand-yellow: #FFD100;
    --brand-blue: #00AEEF;
    --e-global-color-primary: #E10098;
    --e-global-color-secondary: #FFD100;
}

.bg-brand-pink { background-color: var(--brand-pink); }
.text-brand-pink { color: var(--brand-pink); }
.bg-brand-yellow { background-color: var(--brand-yellow); }
.text-brand-yellow { color: var(--brand-yellow); }

/* Impedir que o reset do Tailwind quebre os widgets do Elementor */
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4 {
    font-weight: 700;
}

.elementor-widget-heading h1 { font-size: 2.5rem; }
.elementor-widget-heading h2 { font-size: 2rem; }
.elementor-widget-heading h3 { font-size: 1.5rem; }

/* Botões do Elementor com o estilo da marca */
.elementor-button {
    background-color: var(--brand-pink);
    border-radius: 9999px;
    font-weight: 700;
}

/* Imagens responsivas dentro do conteúdo importado */
.site-main img {
    max-width: 100%;
    height: auto;
}

/* Menu mobile */
.myfrost-mobile-menu.open { display: block !important; }

/* Skip link acessível */
.skip-link {
    position: absolute;
    left: -9999px;
}
.skip-link:focus {
    left: 1rem;
    top: 1rem;
    z-index: 100;
    background: #fff;
    padding: 0.5rem 1rem;
}

/* Barra de administração do WordPress: compensar o header fixo */
body.admin-bar header.fixed { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar header.fixed { top: 46px; }
}