/* My Mind Is Ok — premium glass/gloss layer. */
:root {
  --mmio-glass-line: rgba(255, 255, 255, 0.52);
  --mmio-glass-shadow: 0 24px 70px rgba(25, 20, 17, 0.14);
  --mmio-glass-coral: rgba(255, 137, 69, 0.2);
}

body.mmio-glass-site {
  position: relative;
  isolation: isolate;
  background-attachment: fixed;
  text-rendering: optimizeLegibility;
}

body.mmio-glass-site::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: -15vh -10vw auto auto;
  width: min(52rem, 70vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 137, 69, 0.14), rgba(255, 195, 159, 0.05) 42%, transparent 70%);
  filter: blur(12px);
  pointer-events: none;
}

body.mmio-glass-site article,
body.mmio-glass-site .mmio-content-card,
body.mmio-glass-site .woocommerce form,
body.mmio-glass-site .woocommerce table,
body.mmio-glass-site .woocommerce .product,
body.mmio-glass-site [style*="background: rgba(255,255,255"],
body.mmio-glass-site [style*="background:rgba(255,255,255"] {
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  backdrop-filter: blur(22px) saturate(150%);
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow: inset 0 1px 0 var(--mmio-glass-line), var(--mmio-glass-shadow);
}

body.mmio-glass-site article,
body.mmio-glass-site .mmio-content-card,
body.mmio-glass-site .woocommerce li.product {
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease, border-color 220ms ease;
}

body.mmio-glass-site article:hover,
body.mmio-glass-site .woocommerce li.product:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 137, 69, 0.4) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 32px 90px rgba(25,20,17,.2), 0 0 0 1px rgba(255,137,69,.08);
}

body.mmio-glass-site a[style*="linear-gradient"],
body.mmio-glass-site button,
body.mmio-glass-site .button,
body.mmio-glass-site .wc-block-components-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.mmio-glass-site a[style*="linear-gradient"]::after,
body.mmio-glass-site button::after,
body.mmio-glass-site .button::after,
body.mmio-glass-site .wc-block-components-button::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 -55%;
  width: 42%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
  transition: left 520ms ease;
  pointer-events: none;
}

body.mmio-glass-site a[style*="linear-gradient"]:hover::after,
body.mmio-glass-site button:hover::after,
body.mmio-glass-site .button:hover::after,
body.mmio-glass-site .wc-block-components-button:hover::after {
  left: 120%;
}

body.mmio-glass-site :focus-visible {
  outline: 3px solid rgba(255, 137, 69, 0.72);
  outline-offset: 3px;
}

body.mmio-glass-site::-webkit-scrollbar { width: 11px; }
body.mmio-glass-site::-webkit-scrollbar-track { background: #181716; }
body.mmio-glass-site::-webkit-scrollbar-thumb { border: 3px solid #181716; border-radius: 999px; background: linear-gradient(#ffb88f, #e86f3f); }

@media (prefers-reduced-motion: reduce) {
  body.mmio-glass-site *,
  body.mmio-glass-site *::before,
  body.mmio-glass-site *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; }
}