/*
 * schema-markup-generator.css — per-tool styles.
 * Defines the repeatable-row layout + column widths that plain utilities
 * cannot express (flex-basis). All values use design tokens only.
 * Loaded automatically by layout.php when this file exists.
 */

/* --- FAQ Q&A grouping: a bordered, padded box per pair --- */
.smg-faq-row {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  margin-bottom: var(--space-2);
  background: var(--surface);
}

/* Repeatable rows share a comfortable rhythm; utilities handle the flex
   layout, this only adds the bottom gap between successive rows. */
.smg-row + .smg-row { margin-top: 0; }
.smg-bc-row,
.smg-same-row,
.smg-oh-row { margin-bottom: var(--space-2); }

/* Flexible inputs inside repeatable rows (flex-basis can't come from a
   utility class). Name grows less than the URL, both wrap on narrow screens. */
.smg-bc-name { flex: 1 1 160px; min-width: 130px; }
.smg-bc-url  { flex: 2 1 220px; min-width: 170px; }
.smg-same-url { flex: 1 1 auto; }
.smg-oh-day  { flex: 1 1 130px; min-width: 120px; }
.smg-oh-open,
.smg-oh-close { flex: 1 1 110px; min-width: 100px; }

/* Two-column field groups (lat/lng, price/currency). */
.smg-col { flex: 1 1 130px; }

/* Small separator dash between opening/closing time. */
.smg-sep { color: var(--text-muted); }

/* Row action aligned to the trailing edge (remove button in FAQ box). */
.smg-row-actions { display: flex; justify-content: flex-end; }

/* Help text that hugs its group label (overrides the default help top gap). */
.smg-help-tight { margin-top: 0; margin-bottom: var(--space-3); }