/* Container */
.etn-redeem{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 14px; border:1px solid #fed7aa; border-radius:12px;
  background:#fff7ed; /* soft orange */
  margin:12px 0 6px;
  font-size:14px; line-height:1.4;
}
.etn-redeem__left{display:flex; align-items:center; gap:5px; flex-wrap:wrap}
.etn-redeem__icon{display:inline-flex}
.etn-redeem__text strong{font-weight:700}

/* Help button + tooltip */
.etn-redeem__help{
  background:transparent; border:0px solid #fdba74; color:#9a3412;
  border-radius:999px; min-width:0px; height:26px; line-height:0;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; padding:0;
}
.etn-redeem__help:hover{background:transparent}
.etn-redeem__help:focus{background:transparent}
.etn-redeem__tooltip{
  position:relative; display:inline-block; margin-left:6px;
  background:#fff; border:1px solid #fdba74; color:#7c2d12;
  border-radius:8px; padding:8px 10px; box-shadow:0 8px 16px rgba(0,0,0,.06);
}
.etn-redeem__tooltip[hidden]{display:none}

/* Switch */
.etn-switch{position:relative; display:inline-block; width:52px; height:30px}
.etn-switch input{display:none}
.etn-slider{
  position:absolute; cursor:pointer; inset:0; background:#fed7aa; border:1px solid #fdba74;
  transition:all .2s ease; border-radius:999px;
}
.etn-slider:before{
  content:""; position:absolute; height:24px; width:24px; left:3px; top:2px;
  background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.15);
  transition:all .2s ease;
}
.etn-switch input:checked + .etn-slider{background:#f59e0b; border-color:#f59e0b}
.etn-switch input:checked + .etn-slider:before{transform:translateX(22px)}
.etn-switch input:disabled + .etn-slider{opacity:.6; cursor:not-allowed}

.fee td {text-align:right;}

/* Responsive tweaks */
@media (max-width: 540px){
  .etn-redeem{flex-direction:row; align-items:stretch}
  .etn-redeem__right{display:flex; justify-content:flex-end}
}

/* ==== REDEEM MODAL ==== */
body.etn-redeem-modal--lock { overflow: hidden; padding-right: var(--etn-sbw, 0px); }
.etn-redeem-modal{
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.38); z-index: 9999;
  opacity: 0; pointer-events: none; transition: opacity .15s ease;
}
.etn-redeem-modal.is-open{ opacity: 1; pointer-events: auto; }
.etn-redeem-modal.is-closing{ opacity: 0; }

.etn-redeem-modal__box{
  width: min(92vw, 460px);
  background: #fff; border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.25);
  padding: 14px 16px; outline: none;
  transform: translateY(8px); transition: transform .15s ease;
}
.etn-redeem-modal.is-open .etn-redeem-modal__box{ transform: translateY(0); }

.etn-redeem-modal__header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px }
.etn-redeem-modal__header h3{ margin:0; font-size:16px; line-height:1.25 }
.etn-redeem-modal__close{
  background: transparent; border: 0; font-size: 26px; line-height: 1; cursor: pointer;
  color: #111827; border-radius: 0px;min-width: 25px;height: 25px;padding: 0;
}
.etn-redeem-modal__close:hover{ background:transparent; }
.etn-redeem-modal__content{ color:#374151; font-size:14px }

body.etn-redeem-modal--lock{ overflow: hidden; }

@media (prefers-reduced-motion: reduce){
  .etn-redeem-modal, .etn-redeem-modal__box{ transition: none !important; }
}
