/*
Theme Name: Dois:am Child (Hello Elementor)
Theme URI: https://doisam.digital
Description: Tema filho do Hello Elementor com a identidade visual da Dois:am. Cores, tipografia e utilitários para uso com Elementor Pro.
Author: Dois:am
Template: hello-elementor
Version: 1.0.0
Text Domain: doisam-child
*/

/* =========================================================
   DESIGN TOKENS — Dois:am
   ========================================================= */
:root {
  --brand-yellow: #FFD400;
  --brand-yellow-soft: #FFE875;
  --brand-ink: #0E0E0E;
  --brand-green: #2BB673;
  --brand-bg: #FFFFFF;
  --brand-muted: #F6F6F6;
  --brand-muted-fg: #6B6B6B;
  --brand-border: #E5E5E5;
  --radius: 999px;
}

/* =========================================================
   TIPOGRAFIA
   ========================================================= */
body, .elementor-widget-text-editor, .elementor-widget-heading {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  color: var(--brand-ink);
}
h1, h2, h3, .font-display,
.elementor-heading-title {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

/* =========================================================
   UTILITÁRIOS — usar nas classes CSS do Elementor (Avançado > CSS Classes)
   ========================================================= */
.da-bg-ink   { background-color: var(--brand-ink) !important; color: #fff; }
.da-bg-yellow{ background-color: var(--brand-yellow) !important; color: var(--brand-ink); }
.da-bg-muted { background-color: var(--brand-muted) !important; }
.da-text-yellow { color: var(--brand-yellow) !important; }
.da-text-ink    { color: var(--brand-ink) !important; }

/* Botão pill amarelo */
.da-btn-pill .elementor-button,
a.da-btn-pill {
  background-color: var(--brand-yellow) !important;
  color: var(--brand-ink) !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 30px -10px rgba(255,212,0,.6);
  transition: transform .2s ease;
}
.da-btn-pill .elementor-button:hover,
a.da-btn-pill:hover { transform: scale(1.02); }

.da-btn-outline .elementor-button,
a.da-btn-outline {
  background: transparent !important;
  border: 1px solid var(--brand-ink) !important;
  color: var(--brand-ink) !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
}

/* Lista de checks (Procuramos empresas que...) */
.da-checklist ul { list-style: none; padding-left: 0; margin: 0; }
.da-checklist li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  line-height: 1.5;
}
.da-checklist li::before {
  content: "✓";
  position: absolute; left: 0; top: 2px;
  width: 22px; height: 22px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.1);
  border-radius: 999px;
  font-weight: 800; font-size: 12px;
}

/* Lista de soluções com divisores */
.da-solution-list ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--brand-border); }
.da-solution-list li {
  padding: 14px 0;
  border-bottom: 1px solid var(--brand-border);
  display: flex; justify-content: space-between; align-items: center;
  font-size: 15px;
}

/* Cartão de estatística */
.da-stat { text-align: center; padding: 60px 24px; }
.da-stat .num { font-family: "Fraunces", serif; font-weight: 700; font-size: 72px; line-height: 1; }
.da-stat .label { font-size: 12px; margin-top: 12px; max-width: 180px; margin-inline: auto; }

/* Card de parceiro (logo placeholder) */
.da-partner {
  display: flex; align-items: center; justify-content: center;
  height: 48px; border: 1px solid rgba(255,255,255,.1); border-radius: 4px;
  font-size: 10px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,.7);
}

/* Logo textual */
.da-logo {
  font-family: "Fraunces", serif; font-weight: 700; font-size: 26px;
  letter-spacing: -0.02em;
}
.da-logo .colon, .da-logo sup { color: var(--brand-yellow); }

/* Squiggle decorativo */
.da-squiggle::before {
  content: "";
  display: block; width: 80px; height: 20px; margin-bottom: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'><path d='M2 10 Q 10 0 18 10 T 34 10 T 50 10 T 66 10 T 80 10' stroke='%23FFD400' stroke-width='3' fill='none' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
}

/* WhatsApp float */
.da-whatsapp-float {
  position: fixed; bottom: 24px; right: 24px; z-index: 9999;
  width: 60px; height: 60px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 12px 30px -8px rgba(37,211,102,.6);
  transition: transform .2s ease;
}
.da-whatsapp-float:hover { transform: scale(1.08); }
.da-whatsapp-float svg { width: 30px; height: 30px; fill: #fff; }