/* //==============================//
// CARDS (Glass)
//==============================// */

/* ==[ CORE GLASS CARD ]=========================================== */
.glass-card {
  background: var(--glass);
  border: 1px solid var(--border-lite);
  border-radius: 16px;
  box-shadow: var(--shadow-strong);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  position: relative;
  overflow: hidden;
}
/* ==[ /CORE GLASS CARD ]========================================== */

/* ==[ GLOSSY VARIANT ]============================================ */
.glass-card.glass-shine {
  box-shadow:
    0 2px 6px rgba(0,0,0,.35),
    0 10px 30px rgba(0,0,0,.45),
    var(--shadow-stronger);
}
.glass-card.glass-shine::before {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(135deg,
      var(--shine) 0%,
      rgba(255,255,255,0.12) 12%,
      rgba(255,255,255,0.06) 26%,
      rgba(255,255,255,0.0) 42%);
  mix-blend-mode: screen;
  pointer-events: none;
}
.glass-card.glass-shine::after {
  content: "";
  position: absolute; inset: 0;
  box-shadow:
    inset 0 0 0 1px var(--glass-ink),
    0 0 0 1px rgba(255,255,255,0.02),
    0 0 40px 6px var(--glow);
  border-radius: inherit;
  pointer-events: none;
}
.glass-card.glass-shine:hover {
  transform: translateY(-2px);
  transition: transform .2s ease, box-shadow .2s ease;
  box-shadow:
    0 4px 10px rgba(0,0,0,.35),
    0 18px 40px rgba(0,0,0,.5),
    0 32px 90px rgba(0,0,0,.6);
}
@media (prefers-reduced-motion: reduce) {
  .glass-card.glass-shine:hover { transform: none; }
}
/* ==[ /GLOSSY VARIANT ]=========================================== */

/* ==[ BOOTSTRAP CARD PADDING ]==================================== */
.card.glass-card .card-body { padding: 1.25rem; }
/* ==[ /BOOTSTRAP CARD PADDING ]=================================== */

/* //==============================//
// END CARDS
//==============================// */