/* #form-coupon { display:none !important; } */
#lista-cupoane-disponibile { display:flex; flex-direction:row; gap:5px; flex-wrap:wrap; }
#lista-cupoane-disponibile .input-group { width:auto; display:flex; gap:0; border:1px solid #dddddd; }
#lista-cupoane-disponibile .input-group button { border-radius:0px !important; padding:10px 20px; }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list { background:#ffffff; color:#000000 !important; }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list:hover { background:#eee; color:#000000; }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list:focus { background:#ffffff !important; color:#000000; }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list.active { background:#c1fb7f; color:#000000; pointer-events:none; }
#lista-cupoane-disponibile .input-group .delete-coupon-from-list { background:#ff0000; color:#ffffff; padding:6px 10px; }
#lista-cupoane-disponibile .input-group .delete-coupon-from-list:before { content:'\f00d'; font-family:'FontAwesome'; }
/* alexandra */
#lista-cupoane-disponibile { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }
#lista-cupoane-disponibile .input-group { display: flex; flex-direction: column; padding: 16px; border-radius: 14px; background: #fff; border: 1px solid #eee; box-shadow: 0 8px 20px rgba(0,0,0,0.05); transition: all 0.25s ease; position: relative; }
#lista-cupoane-disponibile .input-group:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); }
.apply-coupon-from-list { background: none !important; border: none !important; padding: 0 !important; font-size: 16px; font-weight: 500; text-align: left; cursor: default; display: flex; flex-wrap: wrap; gap: 4px; }
#lista-cupoane-disponibile .input-group:has(.apply-coupon-from-list.active) { background: #d1e3c6 !important; }
#lista-cupoane-disponibile .input-group:has(.apply-coupon-from-list.active) .delete-coupon-from-list { display: block; }
.apply-coupon-from-list b { font-size: 22px; color: #52913e; text-align: center; flex-basis: 100%; white-space: normal; word-break: break-word; line-height: 1.2; }
#lista-cupoane-disponibile .input-group .delete-coupon-from-list { position: absolute; border-radius: 5px !important; right: -10px; top: -10px; display: none; }
.delete-coupon-from-list { background: #e74c3c !important; border: none !important; transition: 0.2s; }
.delete-coupon-from-list::before { content: "✕"; font-size: 14px; color: #ffeded; }
.delete-coupon-from-list:hover { background: #ffeded !important; }
.delete-coupon-from-list:hover::before { color: #e74c3c; }
.input-group.active { border: 1px solid #2ecc71; box-shadow: 0 10px 25px rgba(46,204,113,0.15); }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list span { color: #ffff; padding: 10px; background: #cbcbcb !important; font-size: 12px; border-radius: 5px; }
#lista-cupoane-disponibile .input-group .apply-coupon-from-list:not(.active) span { background: #5f9a3f !important; }
@media (max-width: 980px) {
  .apply-coupon-from-list b { font-size: 18px !important; }
}
@media (max-width:1024px) {
  #lista-cupoane-disponibile .input-group .apply-coupon-from-list { gap: 5px; }
  #lista-cupoane-disponibile { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
)