/* TaleBerry Blocks — structural helpers (frontend + editor) */

/* Row containers: force horizontal direction for card rows, with real gaps. */
.tb-row { --flex-direction: row !important; --gap: 24px; gap: 24px !important; }
.tb-row > * { flex: 1 1 0 !important; min-width: 0; }
@media (max-width: 767px) {
  .tb-row { --flex-direction: column !important; --gap: 16px; gap: 16px !important; }
}

/* Dark section helper (pairs with the design-system palette). */
.tb-dark-section { background: linear-gradient(135deg, #100726, #1A103C, #100726) !important; }

/* Homepage top-level sections: generous breathing room. */
.tb-section { padding-top: 72px !important; padding-bottom: 72px !important; }
@media (max-width: 767px) {
  .tb-section { padding-top: 48px !important; padding-bottom: 48px !important; }
}
/* v1.2.10 — compact sections (FAQ, newsletter): tighter vertical rhythm. */
.tb-section-compact { padding-top: 48px !important; padding-bottom: 48px !important; }
@media (max-width: 767px) {
  .tb-section-compact { padding-top: 32px !important; padding-bottom: 32px !important; }
}

/* v1.2.3 — icon system support (tb_icon() SVG, no emoji). */
.tb-icon { vertical-align: -4px; flex: none; }
.tb-hero-badge .tb-icon { width: 12px; height: 12px; }
.tb-hero-btn .tb-icon { width: 16px; height: 16px; }
.tb-cl-btn .tb-icon { width: 16px; height: 16px; }
.tb-fof-moon .tb-icon { width: 72px; height: 72px; color: #F6B23C; }