/* File: wp-content/themes/hello-child/style.css */
/*
Theme Name: Hello Child
Template: hello-elementor
*/

html.gsap-ready { --gsap-keep: .2s; }

/* Anti-conflito apenas no CONTEÚDO (exclui header/footer por escopo natural) */
html.gsap-ready main .elementor-widget-heading .elementor-heading-title,
html.gsap-ready #content .elementor-widget-heading .elementor-heading-title,
html.gsap-ready .site-main .elementor-widget-heading .elementor-heading-title,
html.gsap-ready main .elementor-widget-text-editor p,
html.gsap-ready #content .elementor-widget-text-editor p,
html.gsap-ready .site-main .elementor-widget-text-editor p,
html.gsap-ready main .elementor-widget-image img,
html.gsap-ready #content .elementor-widget-image img,
html.gsap-ready .site-main .elementor-widget-image img,
html.gsap-ready main .agua-frame,
html.gsap-ready #content .agua-frame,
html.gsap-ready .site-main .agua-frame,
html.gsap-ready main .hero-title,
html.gsap-ready #content .hero-title,
html.gsap-ready .site-main .hero-title,
html.gsap-ready main .cards .card,
html.gsap-ready #content .cards .card,
html.gsap-ready .site-main .cards .card,
html.gsap-ready main .noticias-grid .destaque,
html.gsap-ready #content .noticias-grid .destaque,
html.gsap-ready .site-main .noticias-grid .destaque,
html.gsap-ready main .contatos--colunas .contato > *,
html.gsap-ready #content .contatos--colunas .contato > *,
html.gsap-ready .site-main .contatos--colunas .contato > *,
html.gsap-ready main .servicos .servicos--titulo,
html.gsap-ready #content .servicos .servicos--titulo,
html.gsap-ready .site-main .servicos .servicos--titulo,
html.gsap-ready main .noticias .noticias--titulo,
html.gsap-ready #content .noticias .noticias--titulo,
html.gsap-ready .site-main .noticias .noticias--titulo,
html.gsap-ready main .contatos .contatos--titulo,
html.gsap-ready #content .contatos .contatos--titulo,
html.gsap-ready .site-main .contatos .contatos--titulo,
/* Conteúdo do acordeão (NÃO títulos) */
html.gsap-ready main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-text-editor p,
html.gsap-ready #content .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-text-editor p,
html.gsap-ready .site-main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-text-editor p,
html.gsap-ready main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-heading .elementor-heading-title,
html.gsap-ready #content .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-heading .elementor-heading-title,
html.gsap-ready .site-main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-heading .elementor-heading-title,
html.gsap-ready main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-image img,
html.gsap-ready #content .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-image img,
html.gsap-ready .site-main .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-content .elementor-widget-image img {
  transition:
    transform 0s, opacity 0s, translate 0s, rotate 0s, scale 0s,
    color var(--gsap-keep), background-color var(--gsap-keep),
    border-color var(--gsap-keep), box-shadow var(--gsap-keep), filter var(--gsap-keep) !important;
  transition-property:
    transform, opacity, translate, rotate, scale,
    color, background-color, border-color, box-shadow, filter !important;
  backface-visibility: hidden;
  transform-origin: center center;
}

/* Garantia: títulos do acordeão nunca ficam semi-visíveis por transform */
html.gsap-ready main .e-n-accordion-item-title .elementor-widget-text-editor p,
html.gsap-ready #content .e-n-accordion-item-title .elementor-widget-text-editor p,
html.gsap-ready .site-main .e-n-accordion-item-title .elementor-widget-text-editor p {
  transform: none !important;
  opacity: 1 !important;
}


body {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #7A7A7A; /* Texto */
  background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bitter', serif;
  font-weight: 900;
  color: #000000; /* Títulos em preto */
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

p {
  margin-bottom: 1.2em;
}

/* Links */
a {
  color: #00A6E6; /* Primário */
  text-decoration: none;
}

a:hover {
  color: #006EB6; /* Secundário */
  text-decoration: none;
}


/* Botões */
button,
input[type="submit"],
.wp-block-button__link {
  background-color: #00E6A6; /* Realce */
  color: #ffffff;
  border: none;
  padding: 0.7em 1.4em;
  border-radius: 4px;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #006EB6; /* Secundário */
}

/* Utilitários de fundo */
.bg-cinza-claro {
  background-color: #F5F5F5;
}
.bg-fundo-escuro {
  background-color: #1E1E1E;
  color: #ffffff;
}

/* Bloco de citação */
blockquote {
  border-left: 4px solid #00A6E6;
  padding-left: 1em;
  color: #555;
  font-style: italic;
}

/* Linha nas páginas de Posts  */
body.single-post main.site-main {
  border-bottom: 2px solid #F5F5F5;
  padding-bottom: 40px;
  margin-bottom: 0;
}

/* Espaço depois do menu */
/* Variáveis globais */
:root {
  --header-h: 0px;      /* altura do header medida via JS */
  --adminbar-h: 0px;    /* altura da barra do WP quando logado */
}

/* Aplica espaçamento no topo em todas as páginas, exceto a home */
body:not(.home) .site-main {
  padding-top: calc(var(--header-h) + var(--adminbar-h));
}

/* Corrige âncoras internas (scroll suave respeitando header fixo) */
html {
  scroll-padding-top: calc(var(--header-h) + var(--adminbar-h));
}

/* Não esconde o header embaixo do menu */
/* Só aplica quando o usuário está logado */
body.admin-bar #site-header {
  top: 32px; /* altura da barra de admin em desktop */
}

@media screen and (max-width: 782px) {
  body.admin-bar #site-header {
    top: 46px; /* altura da barra no mobile */
  }
}


/* Menu */
 .menu-item a.hfe-menu-item:hover,
 .menu-item.current-menu-item a.hfe-menu-item,
 .menu-item.current-menu-ancestor a.hfe-menu-item {
  border-radius: 20px;
 }

 .sub-menu {
  overflow: hidden;
 }

.comments-area a, .page-content a {
	text-decoration: none;
}