/* 17. Seffaf Cam: an independent style for the existing EVS menu template dropdown.
 * Scopes strictly to this opt-in template; does not affect other templates or QUIZ.
 */
.evs-mobile-nav.evs-design-transparent_glass_3 {
  background:rgba(7,20,40,.40);
  -webkit-backdrop-filter:blur(19px) saturate(145%);
  backdrop-filter:blur(19px) saturate(145%);
  border:1px solid rgba(211,230,255,.47);
  border-radius:28px;
  box-shadow:0 12px 32px rgba(4,13,30,.34),inset 0 1px 0 rgba(255,255,255,.2);
  color:#fff;
}
.evs-mobile-nav.evs-design-transparent_glass_3 > a,
.evs-mobile-nav.evs-design-transparent_glass_3 > button {
  color:rgba(255,255,255,.96);
  background:transparent;
  border:0;
  text-shadow:0 1px 2px rgba(0,0,0,.33);
}
.evs-mobile-nav.evs-design-transparent_glass_3 > a svg,
.evs-mobile-nav.evs-design-transparent_glass_3 > button svg {
  stroke:currentColor;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));
}
.evs-mobile-nav.evs-design-transparent_glass_3 > a[aria-current='page']:not(.evs-menu-accent),
.evs-mobile-nav.evs-design-transparent_glass_3 > button[aria-current='page']:not(.evs-menu-accent) {
  background:rgba(153,207,255,.2);
  color:#fff;
}
.evs-mobile-nav.evs-design-transparent_glass_3 > a.evs-menu-accent,
.evs-mobile-nav.evs-design-transparent_glass_3 > button.evs-menu-accent {
  background:radial-gradient(circle at 30% 20%,#48adff,#0b68dc 67%,#06458e);
  color:white;
  border:2px solid rgba(103,191,255,.94);
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(6,23,43,.25),0 0 22px rgba(7,114,244,.55),inset 0 1px 3px rgba(255,255,255,.36);
  transform:translateY(-9px);
  flex-basis:var(--evs-accent-size,62px);
  width:var(--evs-accent-size,62px);
  height:var(--evs-accent-size,62px);
}
.evs-mobile-nav.evs-design-transparent_glass_3 > .evs-menu-accent svg { stroke:#fff; }
/* Scene is visible ONLY when this option is chosen in the existing live editor. */
.evst-device:has(> #evst-preview.evs-design-transparent_glass_3) {
  background:linear-gradient(132deg,#11253c 0%,#16456e 50%,#94654f 100%);
  border-color:#4a6686;
}
.evst-device:has(> #evst-preview.evs-design-transparent_glass_3) .evst-screen-label {color:rgba(255,255,255,.84);}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
 .evs-mobile-nav.evs-design-transparent_glass_3 {background:rgba(7,20,40,.87);}
}