/* ================================================================
   glass-boost.css — premium dark glassmorphism polish layer
   Loaded LAST (after style.css / public.css / themes.css) so these
   rules simply strengthen the glass effect already in the codebase,
   without touching any class names the existing JS depends on.
   ================================================================ */

/* Stronger, more visible glass blur everywhere a card/panel already exists */
.card,
.sidebar,
.topbar,
.public-card,
.result-card,
.modal-content,
.notif-modal,
.stat-card,
.dialog-box {
  backdrop-filter: blur(26px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
  border-radius: 18px !important;
  box-shadow:
    0 25px 50px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Subtle gradient-glow border so panels read as "glass" rather than flat */
.card,
.public-card,
.result-card,
.stat-card {
  border: 1px solid rgba(255, 215, 0, 0.14) !important;
}
.card:hover,
.stat-card:hover {
  border-color: rgba(255, 215, 0, 0.28) !important;
  transform: translateY(-2px);
}

/* Buttons: soft glow + gentle lift on hover, no color changes */
button, .btn, input[type="submit"] {
  transition: transform .15s ease, box-shadow .15s ease !important;
}
button:hover, .btn:hover {
  transform: translateY(-2px);
}

/* Inputs: subtle glass field look */
input, select, textarea {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Ambient glow blobs behind the page (only if a page doesn't already
   define body::before — safe no-op where one already exists since
   that more specific/earlier rule still applies via normal cascade rules
   for pages that set a background image directly on body::before). */
body {
  background-attachment: fixed;
}

/* Scrollbar polish to match the glass theme */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(255, 215, 0, 0.25);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255, 215, 0, 0.4); }