/*
Theme Name: Astra Child versao 02
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Tema filho do Astra para o projeto FADA.
Version: 1.0.0
*/

/* — Utilidades do tema — */
@media screen and (max-width: 768px) {
  .fada-shortcode-lateral { display: none !important; }
}

.fada-compartilhar-linha input{
  flex:1; min-width:140px; max-width:100%;
  padding:6px 8px; border-radius:6px; border:1px solid #ccc; font-size:11px;
}
.fada-compartilhar-linha{
  display:flex; align-items:center; flex-wrap:nowrap; gap:12px; overflow-x:auto; padding:8px 0;
}

/* — Lateral direita: Dicas/FAQ — correção e layout definitivo — */
.gaia-grid aside.gaia-card,
.gaia-grid aside.gaia-card *{
  /* desativa qualquer escrita vertical/colunas herdadas */
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  columns: auto !important;
  -webkit-columns: auto !important;
  column-count: initial !important;
  column-width: auto !important;
  white-space: normal !important;
  word-break: normal !important;
}

/* listas suportadas: .dicas-list (preferida) e ul.req (legado) */
.gaia-grid aside.gaia-card .dicas-list,
.gaia-grid aside.gaia-card ul.req{
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 28px !important;
  display: grid !important;
  gap: 12px !important;
}

/* ITEM: ícone + texto
   >>> chave: minmax(0,1fr) para a coluna do texto e min-width:0 nos filhos */
.gaia-grid aside.gaia-card .dicas-list > li,
.gaia-grid aside.gaia-card ul.req > li{
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) !important; /* evita “estreitar” o texto */
  column-gap: 10px !important;
  align-items: flex-start !important;
  line-height: 1.55 !important;
}

.gaia-grid aside.gaia-card .dicas-list > li > *,
.gaia-grid aside.gaia-card ul.req > li > *{
  min-width: 0 !important;               /* garante quebra normal */
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.gaia-grid aside.gaia-card .dicas-list > li::before,
.gaia-grid aside.gaia-card ul.req > li::before{
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important; height: 22px !important;
  border-radius: 999px !important;
  background: #ff2e79 !important;
  color: #fff !important; font-weight: 700 !important;
  margin-top: 2px !important;
}

/* FAQ mantém como está */
.gaia-grid aside.gaia-card .faq-acc{ margin-top:28px !important; }
.gaia-grid aside.gaia-card .faq-acc details{
  border:1px solid #e9e9e9; border-radius:12px; background:#fff; margin:8px 0;
}
.gaia-grid aside.gaia-card .faq-acc summary{
  list-style:none; cursor:pointer; padding:12px 14px; font-weight:700; color:#2b2b2b; position:relative;
}
.gaia-grid aside.gaia-card .faq-acc summary::-webkit-details-marker{ display:none; }
.gaia-grid aside.gaia-card .faq-acc summary::after{
  content:"+"; position:absolute; right:12px; top:12px; font-weight:900; color:#ff2e79;
}
.gaia-grid aside.gaia-card .faq-acc details[open] summary::after{ content:"–"; }
.gaia-grid aside.gaia-card .faq-acc .faq-body{ padding:0 14px 12px; color:#6b6b6b; }
/* — CF7: checkboxes de acceptance SEMPRE visíveis + alinhados (bloco único) — */
body .wpcf7 form .wpcf7-acceptance input[type="checkbox"],
body .wpcf7 form .wpcf7-list-item input[type="checkbox"]{
  position:static !important;
  visibility:visible !important;
  opacity:1 !important;
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  margin:3px 6px 0 0 !important;
  clip:auto !important;
  clip-path:none !important;
  inset:auto !important;
  transform:none !important;
  appearance:checkbox !important; -webkit-appearance:checkbox !important; -moz-appearance:checkbox !important;
  border:1px solid #bbb !important;
  accent-color:#ff2e79;
}
body .wpcf7 form .wpcf7-list-item > label{
  display:flex !important; gap:8px !important; align-items:flex-start !important;
  line-height:1.55 !important; font-weight:500;
}

/* Link “ver” da Política (dentro do label) — apenas UMA regra */
a.abrir-politica{ text-decoration:underline; white-space:nowrap; }

/* HOTFIX: <strong> nas Dicas não pode ficar em escrita vertical */
.gaia-grid aside.gaia-card .dicas-list strong {
  writing-mode: horizontal-tb !important;
  -webkit-writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;

  /* garante que não haja colunas/espaços esquisitos */
  -webkit-columns: auto !important;
  columns: auto !important;
  column-count: initial !important;
  column-width: auto !important;

  /* comportamento normal de linha */
  display: inline !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  /* evita largura “apertada” aplicada por algum CSS global */
  width: auto !important;
  max-width: none !important;
}


// Mail (2) dinâmico para "Sócios Sementes de Gaia - Ações na comunidade"
add_action('wpcf7_before_send_mail', function($contact_form, &$abort = null){
  $form_title = 'Sócios Sementes de Gaia - Ações na comunidade';
  if (strtolower($contact_form->title()) !== strtolower($form_title)) return;

  $sub = class_exists('WPCF7_Submission') ? WPCF7_Submission::get_instance() : null;
  if (!$sub) return;

  $posted = $sub->get_posted_data();
  $email  = isset($posted['socio-email']) ? trim($posted['socio-email']) : '';

  $mail2 = $contact_form->prop('mail_2');
  if ($email === '') {
    $mail2['active'] = false; // sem e-mail → não envia Mail (2)
  } else {
    $mail2['active']    = true;
    $mail2['recipient'] = sanitize_email($email); // envia ao sócio
  }
  $contact_form->set_properties(['mail_2' => $mail2]);
}, 10, 2);

