/* =====================================================
   VELORA SILVER GLASS
   #C0C0C0
   ===================================================== */

:root {
  --velora-silver: #C0C0C0;
  --velora-charcoal: #0B0B0D;
  --velora-dark: #1E1E22;
  --velora-red: #8B000F;
}


/* cards selected by JS */

.velora-silver-glass {
  background:
    linear-gradient(
      145deg,
      rgba(192,192,192,.20) 0%,
      rgba(192,192,192,.10) 45%,
      rgba(255,255,255,.055) 100%
    ) !important;

  background-color:
    rgba(30,30,34,.62) !important;

  border:
    1px solid rgba(192,192,192,.34) !important;

  box-shadow:
    0 12px 32px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(192,192,192,.05) !important;

  -webkit-backdrop-filter:
    blur(18px) saturate(135%) !important;

  backdrop-filter:
    blur(18px) saturate(135%) !important;

  color:
    #FFFFFF !important;
}


/* subtle glass highlight */

.velora-silver-glass {
  position:relative;
  overflow:hidden;
}

.velora-silver-glass::after {
  content:"";

  position:absolute;
  pointer-events:none;

  left:7%;
  right:7%;
  top:0;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.50),
      transparent
    );

  opacity:.75;
}


/* main text */

.velora-silver-glass
:is(
  h1,h2,h3,h4,h5,h6,
  strong,b
) {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}


/* normal dark text -> silver/white */

.velora-silver-glass
:is(
  p,span,small,label
) {
  border-color:
    rgba(192,192,192,.16);
}


/* muted labels */

.velora-silver-glass
[class*="label"],
.velora-silver-glass
[class*="caption"],
.velora-silver-glass
[class*="subtitle"],
.velora-silver-glass
[class*="meta"] {
  color:
    rgba(192,192,192,.78) !important;

  -webkit-text-fill-color:
    rgba(192,192,192,.78) !important;
}


/* separators */

.velora-silver-glass hr {
  border-color:
    rgba(192,192,192,.16) !important;
}


/* inner small fields */

.velora-silver-glass
:is(input,textarea) {
  background:
    rgba(11,11,13,.55) !important;

  border:
    1px solid rgba(192,192,192,.20) !important;

  color:#FFFFFF !important;
}


/* shortcut square cards */

.velora-silver-glass.velora-glass-small {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.22),
      rgba(192,192,192,.12)
    ) !important;

  border:
    1px solid rgba(192,192,192,.40) !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.40) !important;
}


/* keep Velora red accents */

.velora-silver-glass
:is(
  [class*="active"],
  [class*="accent"],
  [class*="danger"]
) {
  border-color:
    rgba(139,0,15,.45);
}


/* don't affect these */

header,
nav,
[class*="bottom-nav"],
[class*="topbar"],
[class*="header"],
.vip-plan-2usd {
  backdrop-filter:none;
}