/**
 * DDLA · Elementor Bridge 0.2.0
 *
 * This file adapts Elementor markup to Mystika variables. It deliberately
 * avoids redefining the theme palette: all important values inherit --ddla-*.
 */

:root {
  --ddla-bridge-cut: var(--ddla-panel-cut, 15px);
  --ddla-bridge-padding: var(--ddla-panel-padding, clamp(1.35rem, 2vw, 2rem));
  --ddla-bridge-border-alpha: var(--ddla-panel-border-alpha, 0.58);
  --ddla-bridge-shape: polygon(
    var(--ddla-bridge-cut) 0,
    calc(100% - var(--ddla-bridge-cut)) 0,
    100% var(--ddla-bridge-cut),
    100% calc(100% - var(--ddla-bridge-cut)),
    calc(100% - var(--ddla-bridge-cut)) 100%,
    var(--ddla-bridge-cut) 100%,
    0 calc(100% - var(--ddla-bridge-cut)),
    0 var(--ddla-bridge-cut)
  );
}

/* Elementor inherits Mystika unless a widget explicitly overrides a value. */
.elementor,
.elementor-kit-0 {
  --e-global-color-primary: var(--ddla-gold, #c9a85d);
  --e-global-color-secondary: var(--ddla-blue, #2f6fff);
  --e-global-color-text: var(--ddla-text-main, #e9dec5);
  --e-global-color-accent: var(--ddla-blue-soft, #00d2ff);
  color: var(--ddla-text-main, #e9dec5);
  font-family: var(--ddla-font-body, "Quicksand", sans-serif);
}

.elementor-widget-text-editor,
.elementor-widget-text-editor .elementor-widget-container,
.elementor-widget-icon-list,
.elementor-widget-accordion,
.elementor-widget-toggle,
.elementor-widget-tabs {
  color: inherit;
  font-family: inherit;
}

.elementor-widget-heading .elementor-heading-title {
  color: var(--ddla-text-heading, var(--ddla-gold-light, #f4dfab));
  font-family: var(--ddla-font-title, "Cinzel", serif);
  font-weight: var(--ddla-heading-weight, 400);
  line-height: var(--ddla-line-title, 1.18);
  letter-spacing: var(--ddla-h1-letter-spacing, 0.035em);
}

.elementor-widget-text-editor a,
.elementor-widget-icon-list a {
  color: var(--ddla-gold-soft, #e6cc87);
}

.elementor-widget-text-editor a:hover,
.elementor-widget-icon-list a:hover {
  color: var(--ddla-blue-light, #a4efff);
}

/* Density controls. */
.ddla-mystika-density-compact { --ddla-bridge-padding: clamp(0.9rem, 1.4vw, 1.25rem); }
.ddla-mystika-density-normal { --ddla-bridge-padding: var(--ddla-panel-padding, clamp(1.35rem, 2vw, 2rem)); }
.ddla-mystika-density-spacious { --ddla-bridge-padding: clamp(1.8rem, 3vw, 3rem); }

/* Accent tokens shared by native Elementor presets. */
:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-image-aureo,
  .ddla-el-panel-aureo,
  .ddla-el-card-aureo,
  .ddla-el-glass-aureo,
  .ddla-el-image-aureo
) {
  --ddla-bridge-accent: var(--ddla-gold, #c9a85d);
  --ddla-bridge-accent-soft: var(--ddla-gold-soft, #e6cc87);
  --ddla-bridge-accent-light: var(--ddla-gold-light, #f4dfab);
  --ddla-bridge-accent-rgb: 201, 168, 93;
  --ddla-bridge-accent-deep-rgb: 112, 82, 31;
}

:is(
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-panel-zafiro,
  .ddla-el-card-zafiro,
  .ddla-el-glass-zafiro,
  .ddla-el-image-zafiro
) {
  --ddla-bridge-accent: var(--ddla-blue, #2f6fff);
  --ddla-bridge-accent-soft: var(--ddla-blue-soft, #00d2ff);
  --ddla-bridge-accent-light: var(--ddla-blue-light, #a4efff);
  --ddla-bridge-accent-rgb: var(--ddla-blue-rgb, 47,111,255);
  --ddla-bridge-accent-deep-rgb: var(--ddla-blue-deep-rgb, 23,52,95);
}

/* The visual target is the container itself or the widget's inner container. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
),
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
) > .elementor-widget-container {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--ddla-bridge-padding);
  border-radius: 0;
  clip-path: var(--ddla-bridge-shape);
  color: var(--ddla-text-main, #e9dec5);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: transform var(--ddla-transition-normal, 260ms ease),
    filter var(--ddla-transition-normal, 260ms ease),
    background var(--ddla-transition-normal, 260ms ease);
}

/* Keep Elementor children above decorative layers. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
) > *,
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
) > .elementor-widget-container > * {
  position: relative;
  z-index: 2;
}

/* Full panel surfaces. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro
),
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro
) > .elementor-widget-container {
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--ddla-blue-soft-rgb, 0,210,255), 0.10), transparent 42%),
    radial-gradient(circle at 20% 50%, rgba(var(--ddla-blue-deep-rgb, 23,52,95), 0.055), transparent 34%),
    linear-gradient(
      135deg,
      var(--ddla-panel-bg-a, rgba(var(--ddla-blue-deep-rgb, 23,52,95), 0.12)) 0%,
      var(--ddla-panel-bg-b, rgba(8, 18, 34, 0.58)) 42%,
      var(--ddla-panel-bg-c, rgba(3, 8, 17, 0.42)) 100%
    );
  filter: drop-shadow(0 22px 50px rgba(0, 0, 0, 0.38))
    drop-shadow(0 0 18px rgba(var(--ddla-bridge-accent-rgb), 0.10));
}

/* Reusable cards: same material, stronger interaction. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro
),
.elementor-widget:is(
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro
) > .elementor-widget-container {
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--ddla-bridge-accent-rgb), 0.11), transparent 44%),
    linear-gradient(135deg, rgba(var(--ddla-bridge-accent-deep-rgb), 0.12), rgba(8, 18, 34, 0.60) 46%, rgba(3, 8, 17, 0.46));
  filter: drop-shadow(0 18px 42px rgba(0, 0, 0, 0.34));
}

:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro
):hover,
.elementor-widget:is(
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro
):hover > .elementor-widget-container {
  transform: translateY(-4px);
  filter: drop-shadow(0 24px 52px rgba(0, 0, 0, 0.40))
    drop-shadow(0 0 24px rgba(var(--ddla-bridge-accent-rgb), 0.17));
}

/* Lightweight surfaces. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro
),
.elementor-widget:is(
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro
) > .elementor-widget-container {
  background: linear-gradient(180deg, rgba(var(--ddla-bridge-accent-rgb), 0.065), transparent 48%),
    var(--ddla-surface-glass, rgba(10, 15, 29, 0.72));
}

:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(.ddla-mystika-preset-void, .ddla-el-void),
.elementor-widget:is(.ddla-mystika-preset-void, .ddla-el-void) > .elementor-widget-container {
  --ddla-bridge-accent-rgb: 233, 222, 197;
  background: rgba(3, 4, 10, 0.84);
}

/* Hairline border and inner light for every surface preset. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
)::before,
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
) > .elementor-widget-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  box-sizing: border-box;
  padding: 1px;
  pointer-events: none;
  clip-path: var(--ddla-bridge-shape);
  background: linear-gradient(
    135deg,
    rgba(var(--ddla-bridge-accent-rgb), calc(var(--ddla-bridge-border-alpha) + 0.14)),
    rgba(var(--ddla-bridge-accent-rgb), 0.20) 34%,
    rgba(var(--ddla-bridge-accent-rgb), 0.64) 72%,
    rgba(var(--ddla-bridge-accent-rgb), 0.22)
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro
)::after,
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro
) > .elementor-widget-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.46;
  background:
    linear-gradient(90deg, rgba(2, 5, 10, 0.14), transparent 18%, transparent 78%, rgba(2, 5, 10, 0.18)),
    linear-gradient(180deg, rgba(255,255,255,0.028), transparent 26%, rgba(0,0,0,0.13));
}

/* Animated light sweep for native containers/widgets. */
.ddla-mystika-motion-dynamic {
  --ddla-bridge-motion-opacity: 1;
}

@keyframes ddla-elementor-bridge-orbit {
  to { transform: rotate(1turn); }
}

:is(
  .e-con,
  .elementor-section,
  .elementor-column
).ddla-mystika-motion-dynamic:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro
)::after,
.elementor-widget.ddla-mystika-motion-dynamic:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro
) > .elementor-widget-container::after {
  inset: -65%;
  opacity: 0.34;
  background: conic-gradient(
    from 0deg,
    transparent 0 72deg,
    rgba(var(--ddla-bridge-accent-rgb), 0.00) 82deg,
    rgba(var(--ddla-bridge-accent-rgb), 0.25) 91deg,
    rgba(255,255,255,0.34) 96deg,
    rgba(var(--ddla-bridge-accent-rgb), 0.12) 102deg,
    transparent 112deg 360deg
  );
  animation: ddla-elementor-bridge-orbit var(--ddla-panel-loop-duration, 6.8s) linear infinite;
}

/* Native Elementor buttons. */
.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-el-button-aureo,
  .ddla-el-button-outline-aureo
) {
  --ddla-bridge-button-rgb: 201, 168, 93;
  --ddla-bridge-button-color: var(--ddla-gold-soft, #e6cc87);
  --ddla-bridge-button-light: var(--ddla-gold-light, #f4dfab);
  --ddla-bridge-button-deep: 112, 82, 31;
}

.elementor-widget-button:is(
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-zafiro
) {
  --ddla-bridge-button-rgb: var(--ddla-blue-rgb, 47,111,255);
  --ddla-bridge-button-color: var(--ddla-blue-soft, #00d2ff);
  --ddla-bridge-button-light: var(--ddla-blue-light, #a4efff);
  --ddla-bridge-button-deep: var(--ddla-blue-deep-rgb, 23,52,95);
}

.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-aureo,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button {
  --ddla-bridge-button-cut: var(--ddla-button-cut, 10px);
  position: relative;
  isolation: isolate;
  min-width: min(100%, 292px);
  min-height: 3.2rem;
  padding: 0.92rem 2rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  clip-path: polygon(
    var(--ddla-bridge-button-cut) 0,
    calc(100% - var(--ddla-bridge-button-cut)) 0,
    100% var(--ddla-bridge-button-cut),
    100% calc(100% - var(--ddla-bridge-button-cut)),
    calc(100% - var(--ddla-bridge-button-cut)) 100%,
    var(--ddla-bridge-button-cut) 100%,
    0 calc(100% - var(--ddla-bridge-button-cut)),
    0 var(--ddla-bridge-button-cut)
  );
  color: var(--ddla-bridge-button-light);
  background:
    linear-gradient(90deg, rgba(var(--ddla-bridge-button-rgb), 0.10), transparent 20%, transparent 76%, rgba(var(--ddla-bridge-button-rgb), 0.08)),
    linear-gradient(180deg, rgba(var(--ddla-bridge-button-deep), 0.28), rgba(7, 12, 23, 0.94) 46%, rgba(3, 7, 15, 0.98));
  font-family: var(--ddla-font-title, "Cinzel", serif);
  font-size: clamp(0.82rem, 0.72rem + 0.28vw, 1.02rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  filter: drop-shadow(0 0 8px rgba(var(--ddla-bridge-button-rgb), 0.16)) drop-shadow(0 16px 32px rgba(0,0,0,0.52));
  transition: transform 220ms ease, filter 260ms ease, color 260ms ease;
}

.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-aureo,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  box-sizing: border-box;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(var(--ddla-bridge-button-rgb), 0.90), rgba(255,255,255,0.48), rgba(var(--ddla-bridge-button-rgb), 0.82));
  clip-path: inherit;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-aureo,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button:hover {
  color: var(--ddla-bridge-button-light);
  transform: translateY(-2px);
  filter: drop-shadow(0 0 14px rgba(var(--ddla-bridge-button-rgb), 0.40)) drop-shadow(0 18px 36px rgba(0,0,0,0.56));
}

.elementor-widget-button:is(
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button {
  color: var(--ddla-bridge-button-color);
  background: transparent;
  filter: drop-shadow(0 0 5px rgba(var(--ddla-bridge-button-rgb), 0.18));
}

/* Typography presets. */
.ddla-mystika-preset-title,
.ddla-el-title {
  color: var(--ddla-gold-light, #f4dfab);
  font-family: var(--ddla-font-title, "Cinzel", serif);
  font-weight: var(--ddla-heading-weight, 400);
  line-height: var(--ddla-line-title, 1.18);
  letter-spacing: var(--ddla-h1-letter-spacing, 0.035em);
}

.ddla-mystika-preset-title :is(.elementor-heading-title, p, span),
.ddla-el-title :is(.elementor-heading-title, p, span) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}

.ddla-mystika-preset-kicker,
.ddla-el-kicker,
.ddla-mystika-preset-kicker :is(.elementor-heading-title, p, span),
.ddla-el-kicker :is(.elementor-heading-title, p, span) {
  color: var(--ddla-gold, #c9a85d);
  font-family: var(--ddla-font-body, "Quicksand", sans-serif);
  font-size: var(--ddla-text-xs, 0.76rem);
  font-weight: var(--ddla-weight-semibold, 600);
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.ddla-mystika-preset-editorial,
.ddla-el-editorial,
.ddla-mystika-preset-editorial :is(.elementor-heading-title, p, span),
.ddla-el-editorial :is(.elementor-heading-title, p, span) {
  color: var(--ddla-text-soft, #c8bda4);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.12rem, 1rem + 0.35vw, 1.36rem);
  line-height: 1.72;
}

/* Image frames. */
.elementor-widget-image:is(
  .ddla-mystika-preset-image-aureo,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-image-aureo,
  .ddla-el-image-zafiro
) .elementor-widget-container,
:is(.e-con, .elementor-section, .elementor-column):is(
  .ddla-mystika-preset-image-aureo,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-image-aureo,
  .ddla-el-image-zafiro
) {
  position: relative;
  padding: 1px;
  overflow: hidden;
  clip-path: var(--ddla-bridge-shape);
  background: linear-gradient(135deg, rgba(var(--ddla-bridge-accent-rgb), 0.82), rgba(var(--ddla-bridge-accent-rgb), 0.20), rgba(var(--ddla-bridge-accent-rgb), 0.70));
  filter: drop-shadow(0 20px 46px rgba(0,0,0,0.40)) drop-shadow(0 0 18px rgba(var(--ddla-bridge-accent-rgb), 0.12));
}

.elementor-widget-image:is(
  .ddla-mystika-preset-image-aureo,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-image-aureo,
  .ddla-el-image-zafiro
) img {
  width: 100%;
  clip-path: var(--ddla-bridge-shape);
  filter: saturate(0.88) contrast(1.05);
}

/* Divider presets. */
.elementor-widget-divider:is(
  .ddla-mystika-preset-divider-aureo,
  .ddla-el-divider-aureo
) { --ddla-bridge-divider-rgb: 201, 168, 93; }

.elementor-widget-divider:is(
  .ddla-mystika-preset-divider-zafiro,
  .ddla-el-divider-zafiro
) { --ddla-bridge-divider-rgb: var(--ddla-blue-soft-rgb, 0,210,255); }

.elementor-widget-divider:is(
  .ddla-mystika-preset-divider-aureo,
  .ddla-mystika-preset-divider-zafiro,
  .ddla-el-divider-aureo,
  .ddla-el-divider-zafiro
) .elementor-divider-separator {
  width: min(100%, 360px);
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--ddla-bridge-divider-rgb), 0.42), rgba(var(--ddla-bridge-divider-rgb), 0.92), rgba(var(--ddla-bridge-divider-rgb), 0.42), transparent);
  box-shadow: 0 0 12px rgba(var(--ddla-bridge-divider-rgb), 0.20);
}

/* Custom widgets. */
.ddla-elementor-button-wrap {
  display: flex;
  width: 100%;
}

.elementor-widget-ddla-mystika-panel .ddla-panel,
.elementor-widget-ddla-mystika-card .ddla-card {
  width: 100%;
}

@media (max-width: 767px) {
  .elementor-widget-button:is(
    .ddla-mystika-preset-button-aureo,
    .ddla-mystika-preset-button-zafiro,
    .ddla-mystika-preset-button-outline-aureo,
    .ddla-mystika-preset-button-outline-zafiro,
    .ddla-el-button-aureo,
    .ddla-el-button-zafiro,
    .ddla-el-button-outline-aureo,
    .ddla-el-button-outline-zafiro
  ) .elementor-button,
  .ddla-elementor-button-wrap .ddla-button {
    min-width: min(100%, 260px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ddla-mystika-motion-dynamic::after,
  .ddla-mystika-motion-dynamic > .elementor-widget-container::after {
    animation: none !important;
  }
}

/* ==========================================================================\
   0.2.0 · Exact SVG chamfers
   ========================================================================== */

/* The previous masked border is deliberately disabled. The real outline is
   now an SVG path calculated from the rendered width and height. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
):is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
)::before,
.elementor-widget:is(
  .ddla-mystika-preset-panel-aureo,
  .ddla-mystika-preset-panel-zafiro,
  .ddla-mystika-preset-card-aureo,
  .ddla-mystika-preset-card-zafiro,
  .ddla-mystika-preset-glass-aureo,
  .ddla-mystika-preset-glass-zafiro,
  .ddla-mystika-preset-void,
  .ddla-el-panel-aureo,
  .ddla-el-panel-zafiro,
  .ddla-el-card-aureo,
  .ddla-el-card-zafiro,
  .ddla-el-glass-aureo,
  .ddla-el-glass-zafiro,
  .ddla-el-void
) > .elementor-widget-container::before,
.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-aureo,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button::before {
  content: none !important;
}

/* Keep the restrained material light; dynamic movement belongs to the SVG. */
:is(
  .e-con,
  .elementor-section,
  .elementor-column
).ddla-mystika-motion-dynamic::after,
.elementor-widget.ddla-mystika-motion-dynamic > .elementor-widget-container::after {
  inset: 0;
  opacity: 0.46;
  background:
    linear-gradient(90deg, rgba(2, 5, 10, 0.14), transparent 18%, transparent 78%, rgba(2, 5, 10, 0.18)),
    linear-gradient(180deg, rgba(255,255,255,0.028), transparent 26%, rgba(0,0,0,0.13));
  animation: none;
}

.ddla-bridge-border-host,
.ddla-bridge-button-border-host {
  position: relative;
}

.ddla-bridge-border,
.ddla-bridge-button-border {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.ddla-bridge-border path,
.ddla-bridge-button-border path {
  fill: none;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: miter;
}

.ddla-bridge-border__line {
  stroke: rgba(var(--ddla-bridge-accent-rgb, 201,168,93), var(--ddla-bridge-border-alpha, 0.58));
  stroke-width: 1;
  filter: drop-shadow(0 0 5px rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.14));
}

.ddla-bridge-border__breath {
  opacity: 0;
  stroke: rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.24);
  stroke-width: 1.15;
  filter: drop-shadow(0 0 4px rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.16));
}

.ddla-bridge-border__beam {
  opacity: 0;
  stroke: var(--ddla-bridge-accent-light, #f4dfab);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-dasharray: 72 928;
  stroke-dashoffset: 0;
  filter: drop-shadow(0 0 4px rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.42))
    drop-shadow(0 0 12px rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.20));
}

.ddla-bridge-border__spark {
  opacity: 0;
  stroke: #fff8dc;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-dasharray: 7 993;
  stroke-dashoffset: -12;
  filter: drop-shadow(0 0 5px rgba(255,248,220,0.74))
    drop-shadow(0 0 14px rgba(var(--ddla-bridge-accent-rgb, 201,168,93), 0.30));
}

.ddla-mystika-motion-dynamic .ddla-bridge-border__breath {
  opacity: 1;
  animation: ddla-bridge-breath 4.6s ease-in-out infinite;
}

.ddla-mystika-motion-dynamic .ddla-bridge-border__beam,
.ddla-mystika-motion-dynamic .ddla-bridge-border__spark {
  opacity: 1;
  animation: ddla-bridge-path-orbit var(--ddla-panel-loop-duration, 6.8s) linear infinite;
}

.ddla-mystika-motion-dynamic .ddla-bridge-border__spark {
  animation-name: ddla-bridge-path-orbit, ddla-bridge-spark-pulse;
  animation-duration: var(--ddla-panel-loop-duration, 6.8s), 1.7s;
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
}

.ddla-bridge-border-host:not(.ddla-mystika-motion-dynamic):hover > .ddla-bridge-border .ddla-bridge-border__beam,
.elementor-widget:not(.ddla-mystika-motion-dynamic):hover > .elementor-widget-container > .ddla-bridge-border .ddla-bridge-border__beam {
  opacity: 1;
  animation: ddla-bridge-hover-orbit 1050ms cubic-bezier(.35,0,.2,1) 1;
}

.ddla-bridge-border-host:not(.ddla-mystika-motion-dynamic):hover > .ddla-bridge-border .ddla-bridge-border__spark,
.elementor-widget:not(.ddla-mystika-motion-dynamic):hover > .elementor-widget-container > .ddla-bridge-border .ddla-bridge-border__spark {
  opacity: 1;
  animation: ddla-bridge-hover-orbit 1050ms cubic-bezier(.35,0,.2,1) 1,
    ddla-bridge-spark-pulse 1050ms ease-in-out 1;
}

@keyframes ddla-bridge-path-orbit { to { stroke-dashoffset: -1000; } }
@keyframes ddla-bridge-hover-orbit { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -1000; } }
@keyframes ddla-bridge-breath { 0%,100% { opacity: .06; } 50% { opacity: .17; } }
@keyframes ddla-bridge-spark-pulse { 0%,100% { opacity: .46; } 50% { opacity: .9; } }

/* Native Elementor button borders also use an exact SVG path. */
.elementor-widget-button:is(
  .ddla-mystika-preset-button-aureo,
  .ddla-mystika-preset-button-zafiro,
  .ddla-mystika-preset-button-outline-aureo,
  .ddla-mystika-preset-button-outline-zafiro,
  .ddla-el-button-aureo,
  .ddla-el-button-zafiro,
  .ddla-el-button-outline-aureo,
  .ddla-el-button-outline-zafiro
) .elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
}

.ddla-bridge-button-border {
  z-index: 1;
}

.ddla-bridge-button-border__line {
  stroke: rgba(var(--ddla-bridge-button-rgb, 201,168,93), 0.86);
  stroke-width: 1;
  filter: drop-shadow(0 0 5px rgba(var(--ddla-bridge-button-rgb, 201,168,93), 0.24));
}

.ddla-bridge-button-border__breath {
  opacity: 0;
  stroke: rgba(var(--ddla-bridge-button-rgb, 201,168,93), 0.24);
  stroke-width: 1.1;
}

.ddla-bridge-button-border__beam,
.ddla-bridge-button-border__spark {
  opacity: 0;
  stroke: var(--ddla-bridge-button-light, #f4dfab);
  stroke-linecap: round;
}

.ddla-bridge-button-border__beam {
  stroke-width: 1.35;
  stroke-dasharray: 80 920;
}

.ddla-bridge-button-border__spark {
  stroke-width: 2;
  stroke-dasharray: 7 993;
  stroke-dashoffset: -12;
}

.ddla-bridge-button-border-host:hover .ddla-bridge-button-border__beam,
.ddla-bridge-button-border-host:focus-visible .ddla-bridge-button-border__beam,
.ddla-mystika-motion-dynamic .ddla-bridge-button-border__beam {
  opacity: 1;
  animation: ddla-bridge-hover-orbit 1050ms cubic-bezier(.35,0,.2,1) 1;
}

.ddla-bridge-button-border-host:hover .ddla-bridge-button-border__spark,
.ddla-bridge-button-border-host:focus-visible .ddla-bridge-button-border__spark,
.ddla-mystika-motion-dynamic .ddla-bridge-button-border__spark {
  opacity: 1;
  animation: ddla-bridge-hover-orbit 1050ms cubic-bezier(.35,0,.2,1) 1,
    ddla-bridge-spark-pulse 1050ms ease-in-out 1;
}

/* Image frames no longer fake the chamfer with a one-pixel gradient. */
.elementor-widget-image:is(
  .ddla-mystika-preset-image-aureo,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-image-aureo,
  .ddla-el-image-zafiro
) .elementor-widget-container,
:is(.e-con, .elementor-section, .elementor-column):is(
  .ddla-mystika-preset-image-aureo,
  .ddla-mystika-preset-image-zafiro,
  .ddla-el-image-aureo,
  .ddla-el-image-zafiro
) {
  padding: 0;
  background: transparent;
}

/* ==========================================================================\
   0.2.0 · Mystika card layouts
   ========================================================================== */

.elementor-widget-ddla-mystika-card .ddla-elementor-card {
  width: 100%;
  --ddla-card-overlay-color: #030811;
  --ddla-card-overlay-opacity: 0.72;
  --ddla-card-image-opacity: 1;
  --ddla-card-horizontal-media: 42%;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card .ddla-card__surface {
  min-height: var(--ddla-card-min-height, 420px);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card .ddla-card__image {
  min-height: 0;
  opacity: var(--ddla-card-image-opacity, 1);
  filter: none;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card .ddla-card__media::after {
  z-index: 2;
  opacity: 0;
  background: none;
  transition: opacity 240ms ease;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--overlay-solid .ddla-card__media::after {
  opacity: var(--ddla-card-overlay-opacity, .72);
  background: var(--ddla-card-overlay-color, #030811);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--overlay-gradient .ddla-card__media::after {
  opacity: var(--ddla-card-overlay-opacity, .72);
  background: linear-gradient(180deg, transparent 5%, var(--ddla-card-overlay-color, #030811) 100%);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--overlay-vignette .ddla-card__media::after {
  opacity: var(--ddla-card-overlay-opacity, .72);
  background: radial-gradient(circle at center, transparent 12%, var(--ddla-card-overlay-color, #030811) 100%);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card:hover .ddla-card__image,
.elementor-widget-ddla-mystika-card .ddla-elementor-card:focus-within .ddla-card__image {
  opacity: var(--ddla-card-image-opacity, 1);
  filter: none;
  transform: none;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--zoom:hover .ddla-card__image,
.elementor-widget-ddla-mystika-card .ddla-elementor-card--zoom:focus-within .ddla-card__image {
  transform: scale(1.035);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--align-start .ddla-card__body {
  justify-items: start;
  text-align: left;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--align-center .ddla-card__body {
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--align-end .ddla-card__body {
  justify-items: end;
  margin-left: auto;
  text-align: right;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--badges-left .ddla-card__badges {
  right: auto;
  left: clamp(.85rem, 1.8vw, 1.15rem);
  justify-content: flex-start;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--cta-button .ddla-card__action {
  min-height: 2.4rem;
  margin-top: var(--ddla-space-sm, .75rem);
  padding: .62rem 1rem;
  border: 1px solid rgba(var(--ddla-card-accent-rgb, 201,168,93), .48);
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  background: rgba(3,8,17,.38);
}

/* Classic: image above content, without a mandatory gradient. */
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-classic .ddla-card__surface {
  display: grid;
  grid-template-rows: auto 1fr;
}

/* Background: image fills the complete card and content floats independently. */
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background .ddla-card__surface {
  display: grid;
  grid-template: 1fr / 1fr;
  background: rgba(3,8,17,.14);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background .ddla-card__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background .ddla-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background .ddla-card__body {
  z-index: 4;
  width: 100%;
  align-self: end;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background.ddla-elementor-card--vertical-top .ddla-card__body {
  align-self: start;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-background.ddla-elementor-card--vertical-center .ddla-card__body {
  align-self: center;
}

/* Horizontal variants. */
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__surface,
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__surface {
  display: grid;
  grid-template-columns: var(--ddla-card-horizontal-media, 42%) minmax(0, 1fr);
  grid-template-rows: 1fr;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__media,
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__media {
  min-height: 100%;
  border-bottom: 0;
  border-right: 1px solid rgba(var(--ddla-card-accent-rgb, 201,168,93), .18);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__image,
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__image {
  width: 100%;
  height: 100%;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__media {
  grid-column: 2;
  grid-row: 1;
  border-right: 0;
  border-left: 1px solid rgba(var(--ddla-card-accent-rgb, 201,168,93), .18);
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__body {
  grid-column: 1;
  grid-row: 1;
}

/* Editorial: a quiet card that keeps the canonical border and material. */
.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-editorial {
  --ddla-card-min-height: 280px;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-editorial .ddla-card__surface {
  display: grid;
  grid-template-rows: 1fr;
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-editorial .ddla-card__body {
  align-self: center;
}

@media (max-width: 767px) {
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__surface,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__surface {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__media,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__media {
    grid-column: 1;
    grid-row: 1;
    min-height: var(--ddla-card-media-height, 220px);
    border: 0;
    border-bottom: 1px solid rgba(var(--ddla-card-accent-rgb, 201,168,93), .18);
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-left .ddla-card__body,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--layout-horizontal-right .ddla-card__body {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ddla-bridge-border path,
  .ddla-bridge-button-border path,
  .elementor-widget-ddla-mystika-card .ddla-card__image {
    animation: none !important;
    transition: none !important;
  }
}

.elementor-widget-ddla-mystika-card .ddla-elementor-card .ddla-card__excerpt p {
  margin: 0;
}

.elementor-widget-ddla-mystika-panel .ddla-elementor-panel {
  width: 100%;
}

/* ==========================================================================\
   0.3.1 · Lightweight cards on mobile
   ========================================================================== */
@media (max-width: 767px) {
  /* Native Mystika card widget: no SVG outline and no polygon clipping. */
  .elementor-widget-ddla-mystika-card .ddla-elementor-card,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card .ddla-card__surface {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    border-radius: 0 !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-card__border {
    display: none !important;
  }

  /* Card presets applied to native Elementor containers/widgets. */
  :is(.e-con, .elementor-section, .elementor-column):is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ),
  .elementor-widget:is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ) > .elementor-widget-container {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    border-radius: 0 !important;
  }

  :is(.e-con, .elementor-section, .elementor-column):is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ) > .ddla-bridge-border,
  .elementor-widget:is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ) > .elementor-widget-container > .ddla-bridge-border {
    display: none !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--cta-button .ddla-card__action {
    clip-path: none !important;
    -webkit-clip-path: none !important;
  }
}

/* ==========================================================================\
   0.3.4 · Mobile rectangular borders and compact access cards
   ========================================================================== */
.elementor-widget-ddla-mystika-card .ddla-card__mobile-icon,
.elementor-widget-ddla-mystika-card .ddla-card__mobile-summary {
  display: none;
}

@media (max-width: 767px) {
  /* A lightweight rectangular gold outline replaces every SVG/card chamfer. */
  .elementor-widget-ddla-mystika-card .ddla-elementor-card {
    border: 1px solid rgba(201, 168, 93, .62) !important;
    border-color: color-mix(in srgb, var(--ddla-gold, #c9a85d) 62%, transparent) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18) !important;
    contain: layout paint style;
  }

  :is(.e-con, .elementor-section, .elementor-column):is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ),
  .elementor-widget:is(
    .ddla-mystika-preset-card-aureo,
    .ddla-mystika-preset-card-zafiro,
    .ddla-el-card-aureo,
    .ddla-el-card-zafiro
  ) > .elementor-widget-container {
    border: 1px solid rgba(201, 168, 93, .62) !important;
    border-color: color-mix(in srgb, var(--ddla-gold, #c9a85d) 62%, transparent) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    contain: layout paint style;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card,
  .elementor-widget-ddla-mystika-card .ddla-card__surface {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--zoom .ddla-card__image,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card:hover .ddla-card__image {
    transform: none !important;
    transition: none !important;
  }

  /* Compact mobile mode: three accesses can remain three short horizontal rows. */
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact {
    --ddla-card-compact-media: 88px;
    min-height: 0 !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__surface {
    position: relative;
    display: grid !important;
    grid-template-columns: var(--ddla-card-compact-media) minmax(0, 1fr) !important;
    grid-template-rows: minmax(104px, auto) !important;
    min-height: 104px !important;
    height: auto !important;
    align-items: stretch;
    padding: 0 !important;
    overflow: hidden;
    background: linear-gradient(110deg, rgba(9, 24, 40, .88), rgba(4, 12, 22, .92)) !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact.ddla-elementor-card--mobile-visual-none .ddla-card__surface {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__media {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 104px !important;
    border: 0 !important;
    border-right: 1px solid rgba(201, 168, 93, .22) !important;
    overflow: hidden;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__media::after {
    opacity: 1 !important;
    background: linear-gradient(90deg, transparent 58%, rgba(4, 12, 22, .5)) !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact.ddla-elementor-card--mobile-visual-icon .ddla-card__media,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact.ddla-elementor-card--mobile-visual-none .ddla-card__media {
    display: none !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__mobile-icon {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    place-items: center;
    min-height: 104px;
    color: var(--ddla-gold-light, #f4dfab);
    background:
      radial-gradient(circle at 50% 45%, rgba(47, 111, 255, .14), transparent 58%),
      rgba(5, 16, 29, .82);
    border-right: 1px solid rgba(201, 168, 93, .22);
    font-size: 31px;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__mobile-icon svg,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__mobile-icon i {
    display: block;
    width: 1em;
    height: 1em;
    margin: 0;
    font-size: inherit;
    line-height: 1;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__body {
    position: relative;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: .82rem 2.55rem .82rem .95rem !important;
    text-align: left !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact.ddla-elementor-card--mobile-visual-none .ddla-card__body {
    grid-column: 1 !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__badges,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__eyebrow,
  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__excerpt {
    display: none !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__title {
    margin: 0 0 .28rem !important;
    font-size: clamp(1rem, 4.3vw, 1.16rem) !important;
    line-height: 1.15 !important;
    letter-spacing: .035em !important;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__mobile-summary {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: rgba(233, 222, 197, .76);
    font-size: .76rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__action {
    position: absolute;
    right: .72rem;
    top: 50%;
    width: 28px;
    height: 28px;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    border: 0 !important;
    clip-path: none !important;
    background: transparent !important;
    color: var(--ddla-gold-light, #f4dfab) !important;
    font-size: 0 !important;
    line-height: 1;
  }

  .elementor-widget-ddla-mystika-card .ddla-elementor-card--mobile-compact .ddla-card__action::after {
    content: "→";
    font-size: 1.05rem;
  }
}