/* TennisGate Core 2.1.0
 * Scoped design-token dependency. No forced component overrides.
 * Individual widget plugins own visible styling and Elementor controls.
 *
 * Section spacing utilities are opt-in so existing layouts remain unchanged.
 */

.tg-widget.tg-section-spacing,
.tg-widget .tg-section-spacing {
  padding-block: var(--tg-section-padding-y, clamp(80px, 8vw, 120px));
}

.tg-widget.tg-section-spacing--compact,
.tg-widget .tg-section-spacing--compact {
  padding-block: var(--tg-section-padding-y-compact, clamp(56px, 6vw, 88px));
}

.tg-widget.tg-section-spacing--large,
.tg-widget .tg-section-spacing--large {
  padding-block: var(--tg-section-padding-y-large, clamp(96px, 10vw, 144px));
}

.tg-widget.tg-section-background-separation,
.tg-widget .tg-section-background-separation {
  margin-block: var(--tg-section-background-gap, clamp(24px, 3vw, 48px));
}