/* ===== HexiumX UM Polish (final) ===== */
:root{
  --hx-cyan: #00ffff;
  --hx-purple: #6c5ce7;
  --hx-border: rgba(229,231,235,.20);
  --hx-panel: rgba(0,255,255,.05);
  --hx-text: #f8fafc;
  --hx-muted: #a3a3a3;
}

/* UM Account Sidebar/Menu */
.um-account .um-account-side,
.um-account .um-account-side .um-account-meta { background: transparent !important; border: none !important; }
.um-account .um-account-side ul { list-style:none; margin:0; padding:0; }
.um-account .um-account-side ul li a,
.um-account .um-account-side .um-account-link {
  display:flex !important; align-items:center !important; gap:.55rem !important;
  background: var(--hx-panel) !important; border:1px solid var(--hx-border) !important; color:var(--hx-text) !important;
  padding:.85rem 1rem !important; margin:0 0 .6rem 0 !important; border-radius:12px !important;
  text-decoration:none !important; clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px) !important;
}
.um-account .um-account-side ul li a:hover,
.um-account .um-account-side .um-account-link:hover {
  border-color: var(--hx-cyan) !important; box-shadow: 0 0 20px rgba(0,255,255,.25) !important;
}
.um-account .um-account-side ul li a.current,
.um-account .um-account-side .um-account-link.current {
  background: rgba(0,255,255,.10) !important; border-color: var(--hx-cyan) !important;
}

/* UM Inputs: polygon + dark */
.um .um-form input[type="text"], .um .um-form input[type="password"], .um .um-form input[type="email"],
.um .um-form input[type="url"], .um .um-form input[type="number"], .um .um-form input[type="search"],
.um .um-form input[type="tel"], .um .um-form select, .um .um-form textarea {
  background: var(--hx-panel) !important; border:1px solid var(--hx-border) !important; color:var(--hx-text) !important;
  padding: 1rem 1.25rem !important; border-radius:0 !important; box-shadow:none !important;
  clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px) !important;
}
.um .um-form input::placeholder, .um .um-form textarea::placeholder { color: var(--hx-muted) !important; }
.um .um-form input:focus, .um .um-form select:focus, .um .um-form textarea:focus {
  border-color: var(--hx-cyan) !important; background: rgba(0,255,255,.08) !important; box-shadow: 0 0 18px rgba(0,255,255,.25) !important;
}

/* UM Buttons: gradient + polygon */
.um .um-button, .um input.um-button, .um a.um-button, .um .um-form input[type="submit"], .um .um-form button[type="submit"] {
  background: linear-gradient(135deg, var(--hx-cyan), var(--hx-purple)) !important;
  color: #0a0c12 !important; padding:1rem 2.2rem !important; border:none !important; text-transform:uppercase !important; letter-spacing:2px !important; font-weight:800 !important;
  border-radius:0 !important; clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 100%, 0% 100%) !important; transition: transform .08s ease, filter .2s ease !important;
}
.um .um-button:hover, .um input.um-button:hover, .um a.um-button:hover, .um .um-form input[type="submit"]:hover, .um .um-form button[type="submit"]:hover {
  transform: translateY(-2px) !important; filter: brightness(1.05) !important;
}

/* Background neutrality for UM wrappers */
.um .um-form, .um-account { background: transparent !important; }

/* Ensure UM does not reapply polygon style to header button */
.user-menu .user-menu-toggle{ -webkit-clip-path: none !important; clip-path: none !important; }