/* MyPlatz Frontend Styles (Elementor Widgets)
   BEM: myplatz-widget__element--modifier */

/*
  Use Elementor Global Design Tokens by default with safe fallbacks.
  Elementor exposes CSS vars like:
  - Colors: --e-global-color-primary | secondary | text | accent
  - Typography: --e-global-typography-text-* (font-family, font-size, font-weight, line-height, ...)
*/
:root {
  /* Colors mapped to Elementor tokens (fallbacks keep current brand if globals are unset) */
  --myplatz-primary: var(--e-global-color-primary, #0a7ea4);
  --myplatz-secondary: var(--e-global-color-secondary, #1f2937);
  /* neutral/dark */
  --myplatz-accent: var(--e-global-color-accent, #ff7a59);
  --myplatz-text: var(--e-global-color-text, #222222);

  /* Common radii / spacing for coherent defaults */
  --myplatz-radius: 8px;
  --myplatz-gap: 16px;
}

/* Base widget container */
.myplatz-widget {
  box-sizing: border-box;
  color: var(--myplatz-text);
  /* Typography defaults derive from Elementor Global Typography (Text) when available */
  font-family: var(--e-global-typography-text-font-family, inherit);
  font-size: var(--e-global-typography-text-font-size, inherit);
  font-weight: var(--e-global-typography-text-font-weight, inherit);
  line-height: var(--e-global-typography-text-line-height, inherit);
}