/* =========================================================
SNIPPET: 05 - GLOBAL ALIASES (sf / ol / pl) — Elementor scoped
========================================================= */

/* Legacy (bleibt) */
.elementor .sf-1{ background: var(--c-surface-1, #fff) !important; }
.elementor .sf-2{ background: var(--c-surface-2, #f6f7f9) !important; }

/* Semantische Surfaces (neu) */
.elementor .sf-page{   background: var(--c-surface-page) !important; }
.elementor .sf-subtle{ background: var(--c-surface-subtle) !important; }
.elementor .sf-card{   background: var(--c-surface-card) !important; }
.elementor .sf-elev{   background: var(--c-surface-elevated) !important; }
.elementor .sf-strong{ background: var(--c-surface-strong) !important; }

/* States (manuell per Klasse) */
.elementor .sf-card-h{   background: var(--c-surface-card-hover) !important; }
.elementor .sf-card-a{   background: var(--c-surface-card-active) !important; }

.elementor .sf-subtle-h{ background: var(--c-surface-subtle-hover) !important; }
.elementor .sf-subtle-a{ background: var(--c-surface-subtle-active) !important; }

.elementor .sf-elev-h{   background: var(--c-surface-elevated-hover) !important; }
.elementor .sf-elev-a{   background: var(--c-surface-elevated-active) !important; }

/* Outline (neutral + brand) */
.elementor .ol{
  box-shadow: none !important;
  border: 1px solid var(--c-border, rgba(0,0,0,0.10)) !important;
}
.elementor .ol-1{
  box-shadow: none !important;
  border: 1px solid color-mix(in srgb, var(--shadow-color-1) 22%, transparent) !important;
}
.elementor .ol-2{
  box-shadow: none !important;
  border: 1px solid color-mix(in srgb, var(--shadow-color-2) 22%, transparent) !important;
}

/* Plain / Neutralize */
.elementor .pl{
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}