:root{
  --trinks-orange:#ec5702;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#dbe3f5;
}

.tr-cupom-list{
  max-width: 1100px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  gap:14px;
  font-family:'Inter Tight', sans-serif;
}

.tr-cupom-item{
  display:flex;
  align-items:center;
  gap:1px;
  padding:22px 28px;
  background:#fff;
  border:2px solid var(--line);
  border-radius:999px;

  /* sombra puxada pro cinza (clean/premium) */
  box-shadow:
    0 20px 40px rgba(0,0,0,.06),
    0 4px 12px rgba(0,0,0,.04);
}

.tr-cupom-off{
  min-width:80px;
  text-align:center;
  font-family:'Inter Tight', sans-serif;
  font-weight:600;       /* SemiBold */
  font-size:42px;
  line-height:1;
  color: var(--trinks-orange);
}
.tr-cupom-off span{
  font-size:22px;
  font-weight:600;
}

.tr-cupom-info{flex:1;min-width:0;}
.tr-cupom-title{
  overflow-wrap: anywhere;
  word-break: break-word;}
.tr-cupom-title{
  font-size:22px;
  color:var(--ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tr-cupom-sub{
  margin-top:6px;
  font-size:16px;
  color:var(--muted);
  font-weight:600;
}
.tr-cupom-sub strong{
  color:#ec5702;        /* Laranja Trinks */
  font-weight:800;
  letter-spacing:.8px;
}

/* BOTÃO laranja + texto branco */
.tr-cupom-btn{
  background: var(--trinks-orange);
  border:2px solid var(--trinks-orange);
  color:#fff;
  font-family:'Inter Tight', sans-serif;
  font-weight:800;
  font-size:16px;
  padding:14px 30px;
  border-radius:999px;
  cursor:pointer;
  transition: all .2s ease;
  white-space:nowrap;

  box-shadow:
    0 14px 30px rgba(0,0,0,.08),
    0 6px 14px rgba(236,87,2,.25);
}

.tr-cupom-btn:hover{
  transform: translateY(-2px);
  box-shadow:
    0 18px 36px rgba(0,0,0,.12),
    0 8px 18px rgba(236,87,2,.35);
}

.tr-cupom-btn:active{transform:translateY(0);}
.tr-cupom-btn:disabled{opacity:.9;cursor:default;transform:none;}

.tr-cupom-btn.success{
  background:#c5ff71;
  border-color:#a6e74c;
  color:#000;
  box-shadow:
    0 14px 30px rgba(0,0,0,.08),
    0 8px 18px rgba(22,163,74,.35);
}

@media (max-width: 768px){
  .tr-cupom-item{
    flex-direction:column;
    align-items:flex-start;
    border-radius:28px;
    gap:14px;
  }
  
  .tr-cupom-btn{width:100%;text-align:center;}
}/* Quando não tiver porcentagem */
.tr-cupom-item.no-percent {
  padding-left: 30px;   /* 👈 AUMENTE AQUI */
}
/* Mobile: zera */
@media (max-width: 768px){
  .tr-cupom-item.no-percent .tr-cupom-info{ padding-left: 0; }
}
/* No mobile: permite quebrar e limita em 2 linhas */
@media (max-width: 768px){
  .tr-cupom-title{
    white-space: normal;
    overflow: visible;
  }
}
  .tr-cupom-sub{
    white-space: normal;
    overflow-wrap: anywhere;
  }
}