/* ===== COMPONENTS — buttons, stats, value cards ===== */

.wdf-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--wdf-font);
  font-size: 15px;
  font-weight: 700;
  padding: 14px 30px;
  border-radius: var(--wdf-radius-sm);
  transition: background .2s, transform .2s, color .2s;
  border: 2px solid transparent;
}
.wdf-btn--sm { padding: 10px 22px; font-size: 13px; }

.wdf-btn--primary { background: var(--wdf-blue); color: #fff; }
.wdf-btn--primary:hover { background: var(--wdf-blue-dark); }

.wdf-btn--outline { background: transparent; color: var(--wdf-blue); border-color: var(--wdf-blue); }
.wdf-btn--outline:hover { background: var(--wdf-sky-mid); }
.wdf-btn--outline.wdf-btn--on-dark { color: #fff; border-color: rgba(255,255,255,.5); }
.wdf-btn--outline.wdf-btn--on-dark:hover { background: rgba(255,255,255,.1); }

.wdf-btn--link { background: transparent; color: var(--wdf-navy); border-color: var(--wdf-border); border-radius: 999px; }

.wdf-btn--whatsapp {
  background: var(--wdf-wa-green);
  color: #fff;
  border-radius: 999px;
}
.wdf-btn--whatsapp:hover { background: var(--wdf-wa-green-dark); }

/* stats */
.wdf-stats { padding-block: var(--wdf-space-8); background: #fff; }
.wdf-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--wdf-space-5);
  text-align: center;
}
.wdf-stat__value { display: block; font-size: 40px; font-weight: 800; color: var(--wdf-navy); }
.wdf-stat__label { display: block; font-size: 14px; color: var(--wdf-slate); margin-top: 4px; }
.wdf-stat--text .wdf-stat__label { font-size: 17px; font-weight: 700; color: var(--wdf-navy); margin-top: 0; }

/* value cards (about preview) */
.wdf-value-card {
  background: var(--wdf-sky);
  border-radius: var(--wdf-radius-md);
  padding: var(--wdf-space-5);
}
.wdf-value-card h4 { font-size: 16px; margin-bottom: 6px; }
.wdf-value-card p { font-size: 13.5px; margin: 0; }

@media (max-width: 782px) {
  .wdf-stats__grid { grid-template-columns: repeat(2, 1fr); gap: var(--wdf-space-6) var(--wdf-space-4); }
}