/* ============================================================
   MODO ESCURO — regras genéricas compartilhadas pelas telas do
   app do casal (Convidados, Orçamento, Presentes, etc.). Usa
   seletores de "contém" de propósito, porque cada tela nomeia
   seus blocos de um jeito um pouco diferente.
   ============================================================ */

body.dark-mode {
  background: #2B2320 !important;
  color: #FFF8F5 !important;
}

body.dark-mode a { color: #FFA69E; }

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background: rgba(255,255,255,0.08) !important;
  color: #FFF8F5 !important;
  border-color: rgba(255,255,255,0.18) !important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder { color: rgba(255,248,245,0.4) !important; }

body.dark-mode [class*="card"],
body.dark-mode [class*="item-"],
body.dark-mode [class*="modal"]:not([id*="bg"]),
body.dark-mode [id*="modal-"]:not([id*="bg"]) {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.15) !important;
  color: #FFF8F5 !important;
}

body.dark-mode [style*="background:#fff"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background:#FFF"] {
  background: rgba(255,255,255,0.05) !important;
  color: #FFF8F5 !important;
}

body.dark-mode [class*="tab-btn"] {
  background: rgba(255,255,255,0.06) !important;
  color: #FFF8F5 !important;
  border-color: rgba(255,255,255,0.15) !important;
}
body.dark-mode [class*="tab-btn"].ativa {
  background: #FF6B6B !important;
  color: #fff !important;
}

body.dark-mode .aviso-taxa,
body.dark-mode .card-sugestao-upgrade {
  background: rgba(255,255,255,0.05) !important;
  color: #FFF8F5 !important;
}

/* ------------------------------------------------------------
   Caixas brancas que os seletores genéricos acima NÃO cobriam
   (nomes de classe/id que não contêm "card", "item-" nem "modal",
   e não são inline style — por isso ficavam brancas com texto
   claro em cima, quase ilegíveis). Adicionadas uma a uma depois
   de auditar todas as telas que usam este arquivo.
   ------------------------------------------------------------ */
body.dark-mode .summary .box,
body.dark-mode #add-form,
body.dark-mode .actions button:not(.btn-primary),
body.dark-mode .actions a:not(.btn-primary),
body.dark-mode #filter-bar button:not(.active),
body.dark-mode .cal-header button,
body.dark-mode .cal-dia:not(.selecionado):not(.vazio),
body.dark-mode .tipo-btn:not(.selecionado),
body.dark-mode #categoria-filter button:not(.active),
body.dark-mode .btn-whats,
body.dark-mode .barra-progresso,
body.dark-mode .lista-sugestoes,
body.dark-mode .btn-recusar {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.18) !important;
  color: #FFF8F5 !important;
}

#tema-toggle-casal-btn {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.1);
  color: inherit;
  border-radius: 20px;
  padding: 8px 14px;
  font-size: 0.9rem;
  cursor: pointer;
  margin-left: auto;
}
body.dark-mode #tema-toggle-casal-btn {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
}

/* ------------------------------------------------------------
   CORREÇÃO DE CONTRASTE: títulos, labels e textos de destaque que
   têm cor escura definida especificamente pra combinar com fundo
   BRANCO (padrão do modo claro) ficavam com essa mesma cor escura
   no modo escuro — quase ilegíveis sobre o fundo agora quase-preto.
   Cobre os casos mais comuns do projeto sem generalizar demais (não
   mexe em badges, que já têm fundo+texto combinando por conta própria).
   ------------------------------------------------------------ */
body.dark-mode h1:not([class*="badge"]),
body.dark-mode h2:not([class*="badge"]),
body.dark-mode h3:not([class*="badge"]),
body.dark-mode h4:not([class*="badge"]),
body.dark-mode label:not([class*="badge"]),
body.dark-mode strong:not([class*="badge"]) {
  color: #FFF8F5 !important;
}

/* Cores de texto escuras usadas via style inline, pensadas pro fundo
   branco do modo claro — mesma lógica já aplicada aos fundos brancos */
body.dark-mode [style*="color:#2B2320"],
body.dark-mode [style*="color: #2B2320"],
body.dark-mode [style*="color:#000"],
body.dark-mode [style*="color: #000"] {
  color: #FFF8F5 !important;
}