/*
Theme Name: Instituto Da'at
Theme URI: https://www.institutodaat.com.br
Description: Tema filho do "Hello Elementor" desenvolvido para o site do Instituto Da'at.
Author: UP Market
Author URI: https://www.upmarket.com.br
Template: hello-elementor
Version: 1.0.0
Text Domain: daat
*/

/* ======================================================
   Variáveis Globais (Design System)
   ====================================================== */

:root {
  --light-color: #ffffff;
  --dark-color: #000000;
  --primary-color: #063544;
  --secondary-color: #bebebe;
  --success-color: #16a34a;
  --inactive-color: #cccccc;
  --hover-color: #d4af37;

  /* Produto: Anticaos */
  --anticaos-primary: #968c14;
  --anticaos-secondary: #efecea;

  /* FAQ Anticaos */
  --anticaos-faq-bg: #efecea;
  --anticaos-faq-open-bg: #ffffff;
  --anticaos-faq-header-open-bg: #c8be82;
  --anticaos-faq-text-dark: #c8be82;
  --anticaos-faq-text-light: #ffffff;
  --anticaos-faq-hover-bg: #968c14;
  --anticaos-faq-border: #dfdfdf;
  --anticaos-faq-border-bottom: #c8be82;
  --anticaos-faq-transition: 0.3s ease;
}

/* ======================================================
   Utilitários Globais
   ====================================================== */

.d-none {
  display: none;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.light-color {
  color: var(--light-color);
}
.dark-color {
  color: var(--dark-color);
}

/* ======================================================
   Estrutura e Componentes Globais do Site
   ====================================================== */

/* Sticky Menu */
#stickyMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-100%);
  z-index: 999;
}

#stickyMenu.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Formulário Newsletter */
#news-form .elementor-button {
  padding: 12px 0 12px 0;
}

/* Texto copiável */
#copy {
  transition: color 0.2s ease, opacity 0.2s ease;
}
#copy h3:hover {
  color: var(--hover-color) !important;
}
#copy.copied {
  color: var(--success-color);
}
.copy-feedback {
  font-size: 0.8em;
  text-align: center;
  color: var(--success-color);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.copy-feedback.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ======================================================
   Ajustes Globais de Terceiros
   ====================================================== */

/* reCaptcha */
.grecaptcha-badge {
  position: fixed !important;
  left: 0 !important;
  bottom: 20px !important;
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  z-index: 9999 !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

/* ======================================================
   Produto: Anticaos
   ====================================================== */

/* Utilitários de cor */
.produto-anticaos .anticaos-primary {
  color: var(--anticaos-primary);
}

.produto-anticaos .anticaos-secondary {
  color: var(--anticaos-secondary);
}

/* ======================================================
   Produto: Anticaos – FAQ
   ====================================================== */

#faq-anticaos .e-n-accordion-item {
  border: 1px solid var(--anticaos-faq-border);
  border-radius: 0;
  overflow: hidden;
  background-color: var(--anticaos-faq-bg);
  transition: background-color var(--anticaos-faq-transition),
    border-color var(--anticaos-faq-transition);
}

/* Cabeçalho */
#faq-anticaos .e-n-accordion-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--anticaos-faq-bg);
  color: var(--anticaos-faq-text-dark);
  cursor: pointer;
  list-style: none;
  border-bottom: 3px solid var(--anticaos-faq-border-bottom);
  transition: background-color var(--anticaos-faq-transition),
    color var(--anticaos-faq-transition);
}

/* Remove marcador padrão */
#faq-anticaos .e-n-accordion-item-title::-webkit-details-marker {
  display: none;
}

/* Hover */
#faq-anticaos .e-n-accordion-item-title:hover {
  background-color: var(--anticaos-faq-hover-bg);
  color: var(--anticaos-faq-text-light);
}

/* Aberto */
#faq-anticaos .e-n-accordion-item[open] > .e-n-accordion-item-title {
  background-color: var(--anticaos-faq-header-open-bg);
  color: var(--anticaos-faq-text-light);
}

/* Ícone */
#faq-anticaos .e-n-accordion-item-title-icon svg {
  fill: currentColor;
  transition: transform var(--anticaos-faq-transition);
}

/* Toggle ícones */
#faq-anticaos .e-n-accordion-item[open] .e-closed {
  display: none;
}
#faq-anticaos .e-n-accordion-item:not([open]) .e-opened {
  display: none;
}

/* Conteúdo */
#faq-anticaos .e-n-accordion-item > div[role="region"] {
  background-color: var(--anticaos-faq-open-bg);
  color: var(--anticaos-faq-text-dark);
  border: 1px solid var(--anticaos-faq-border);
}