/* ZEXARA BONUS V9 — STRUCTURAL REDESIGN */
/* Applies only to the injected Deposit Bonus card */

html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {
  padding:13px 12px !important;
  border-radius:21px !important;
  background:
    radial-gradient(circle at 100% 0%,
      rgba(212,175,55,.065),transparent 40%),
    linear-gradient(155deg,#191D23,#12161B)
    !important;
  border:1px solid rgba(212,175,55,.32) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.23),
    inset 0 1px rgba(255,255,255,.035)
    !important;
}

/* Compact premium header */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-toggle {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:36px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon {
  display:grid !important;
  place-items:center !important;
  width:31px !important;
  height:31px !important;
  flex:0 0 31px !important;
  border-radius:11px !important;
  background:#242932 !important;
  border:1px solid rgba(212,175,55,.25) !important;
  color:#D4AF37 !important;
  animation:none !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon svg {
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-title small {
  color:#C1A968 !important;
  font-size:7px !important;
  letter-spacing:1.05px !important;
  line-height:1.3 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-title strong {
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  margin-top:2px !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-max {
  background:#22272E !important;
  background-image:none !important;
  color:#D4AF37 !important;
  -webkit-text-fill-color:#D4AF37 !important;
  border:1px solid rgba(212,175,55,.28) !important;
  border-radius:999px !important;
  padding:6px 8px !important;
  min-height:0 !important;
  font-size:9px !important;
  box-shadow:none !important;
}

/* Compact accordion contents */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-list {
  display:grid !important;
  gap:5px !important;
  margin:11px 0 8px !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:35px !important;
  min-height:35px !important;
  padding:5px 8px !important;
  margin:0 !important;
  border-radius:11px !important;
  background:linear-gradient(
    110deg,#252B33,#1C2128
  ) !important;
  border:1px solid rgba(212,175,55,.14) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)
    !important;
  animation:none !important;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

/* Four real SVG icons */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-coin {
  display:grid !important;
  place-items:center !important;
  flex:0 0 25px !important;
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  padding:0 !important;
  border-radius:9px !important;
  background:#181D23 !important;
  border:1px solid rgba(212,175,55,.23) !important;
  box-shadow:none !important;
  color:#D4AF37 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-coin svg {
  display:block !important;
  opacity:1 !important;
  color:#D4AF37 !important;
  stroke:#D4AF37 !important;
  width:16px !important;
  height:16px !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-coin::before {
  content:none !important;
  display:none !important;
}

/* Amount text */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-range {
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-.1px !important;
  color:#F5F1E9 !important;
  -webkit-text-fill-color:#F5F1E9 !important;
  opacity:1 !important;
}

/* Percentage chip */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-rate {
  flex:0 0 auto !important;
  padding:4px 7px !important;
  margin:0 !important;
  border-radius:7px !important;
  background:#181E25 !important;
  background-image:none !important;
  border:1px solid rgba(212,175,55,.18) !important;
  color:#E4C56C !important;
  -webkit-text-fill-color:#E4C56C !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

/* Premium final tier */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-row:last-child {
  border-color:rgba(212,175,55,.34) !important;
  background:linear-gradient(
    110deg,#2A2B2A,#20242A
  ) !important;
}

/* Small note; no CTA button */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-note {
  color:#B8BDC6 !important;
  font-size:8px !important;
  line-height:1.45 !important;
  text-align:center !important;
  margin:8px 0 2px !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-deposit {
  display:none !important;
}

/* Animate on opening, not permanently */
html body #root .dv4-page
section.arx-deposit-tiered.is-open .arx-tier-row {
  animation:zxBonusRevealV9 .38s
    cubic-bezier(.2,.75,.25,1) both !important;
}

html body #root .dv4-page
section.arx-deposit-tiered.is-open
.arx-tier-row:nth-child(1) {
  animation-delay:0ms !important;
}
html body #root .dv4-page
section.arx-deposit-tiered.is-open
.arx-tier-row:nth-child(2) {
  animation-delay:65ms !important;
}
html body #root .dv4-page
section.arx-deposit-tiered.is-open
.arx-tier-row:nth-child(3) {
  animation-delay:130ms !important;
}
html body #root .dv4-page
section.arx-deposit-tiered.is-open
.arx-tier-row:nth-child(4) {
  animation-delay:195ms !important;
}

@keyframes zxBonusRevealV9 {
  from {
    opacity:0;
    transform:translateY(8px) scale(.98);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@media (hover:hover) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row:hover {
    transform:translateY(-1px) !important;
    border-color:rgba(212,175,55,.40) !important;
    box-shadow:
      0 5px 14px rgba(0,0,0,.14),
      0 0 10px rgba(212,175,55,.045)
      !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body #root .dv4-page
  section.arx-deposit-tiered .arx-tier-row,
  html body #root .dv4-page
  section.arx-deposit-tiered.is-open .arx-tier-row {
    animation:none !important;
    transition:none !important;
  }
}

/* END ZEXARA BONUS V9 */

/* ZEXARA V9 ICON VISIBILITY FIX */
/* Override V8's old child-opacity rule */

html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > .arx-tier-coin > svg {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:17px !important;
  height:17px !important;
  color:#E5C76E !important;
  stroke:#E5C76E !important;
  fill:none !important;
  background:transparent !important;
  transform:none !important;
}

/* Keep obsolete CSS-generated icon hidden */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > .arx-tier-coin::before {
  content:none !important;
  display:none !important;
}

/* Allow SVG paths to inherit their gold stroke */
html body #root .dv4-page
section.arx-deposit-tiered
.arx-tier-row > .arx-tier-coin > svg > path {
  visibility:visible !important;
  opacity:1 !important;
  stroke:#E5C76E !important;
}

/* END ZEXARA V9 ICON VISIBILITY FIX */

/* ZEXARA BONUS HEADER COMPACT V10 */

/* Real outer card dimensions */
html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  padding:8px 10px !important;
  border-radius:17px !important;
  margin-bottom:12px !important;
}

/* Single compact horizontal header */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-toggle {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:100% !important;
  height:auto !important;
  min-height:34px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:normal !important;
}

/* Smaller header icon */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon {
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  border-radius:9px !important;
  margin:0 !important;
  padding:0 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-icon svg {
  width:16px !important;
  height:16px !important;
}

/* Text group: true vertical alignment */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-title {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-title small {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:7px !important;
  line-height:1.15 !important;
  letter-spacing:.8px !important;
}

html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-title strong {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-.1px !important;
}

/* Right badge */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-max {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  height:24px !important;
  min-height:0 !important;
  padding:0 7px !important;
  margin:0 !important;
  font-size:8px !important;
  line-height:1 !important;
}

/* Chevron alignment */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-chevron {
  flex:0 0 9px !important;
  width:9px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  font-size:12px !important;
  text-align:center !important;
}

/* Closed accordion must occupy zero vertical space */
html body #root .dv4-page
section.arx-deposit-tiered:not(.is-open)
.arx-tier-collapse {
  display:grid !important;
  grid-template-rows:0fr !important;
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Expanded card keeps natural height */
html body #root .dv4-page
section.arx-deposit-tiered.is-open
.arx-tier-collapse {
  height:auto !important;
  min-height:0 !important;
  grid-template-rows:1fr !important;
  opacity:1 !important;
  overflow:visible !important;
  pointer-events:auto !important;
}

/* Inner wrapper */
html body #root .dv4-page
section.arx-deposit-tiered .arx-tier-inner {
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* END ZEXARA BONUS HEADER COMPACT V10 */

/* ZEXARA BONUS ALIGNMENT V11 */
/* Position-only correction */

html body #root .dv4-page
.dv4-hero-stack > section.arx-deposit-tiered {
  transform:translateY(10px) !important;
}

/* END ZEXARA BONUS ALIGNMENT V11 */

/* ZEXARA BONUS ALIGNMENT V12 — 10px total */