/* =========================================================
   DEPORTES JIMMY — UN SOLO CAMPO PARA LOS CÓDIGOS (v11.5.0)
   ---------------------------------------------------------
   Una caja donde antes había tres. Mismo aspecto que tenían
   las otras para que el cambio no se note como "algo nuevo
   que no sé usar", solo como "ahora hay una".
   ========================================================= */

.dj-codigo {
  background: #F7F7F9;
  border: 1px solid #E9E9ED;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 14px 0;
}

.dj-codigo__titulo {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: #3C3C43;
  margin-bottom: 8px;
}

.dj-codigo__fila {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.dj-codigo__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  border: 1px solid #DCDCE2;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  background: #fff;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.dj-codigo__input::placeholder {
  text-transform: none;
  letter-spacing: normal;
  color: #9A9AA2;
}
.dj-codigo__input:focus {
  outline: 0;
  border-color: #111114;
  box-shadow: inset 0 0 0 1px #111114;
}

.dj-codigo__aplicar {
  flex: none;
  height: 42px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  background: #111114;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}
.dj-codigo__aplicar:hover { background: #E11B22; }

.dj-codigo.es-cargando { opacity: .6; pointer-events: none; }

/* ---------- Lo que ya está aplicado ---------- */
.dj-codigo__puestos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.dj-codigo__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #fff;
  border: 1px solid #CFE8D6;
  border-left: 3px solid #1A7F37;
  border-radius: 7px;
  padding: 6px 8px 6px 10px;
  font-size: 12.5px;
}
.dj-codigo__chip b {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
}
.dj-codigo__chip small { color: #6E6E76; }

.dj-codigo__quitar {
  border: 0;
  background: none;
  color: #8A8A93;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}
.dj-codigo__quitar:hover { color: #A31212; }

/* ---------- Avisos ---------- */
.dj-codigo__aviso {
  margin: 8px 0 0;
  font-size: 12.5px;
  min-height: 1em;
}
.dj-codigo__aviso.es-error { color: #A31212; font-weight: 600; }
.dj-codigo__aviso.es-bien  { color: #1A7F37; font-weight: 600; }

/* =========================================================
   FUERA LAS CAJAS QUE SUSTITUYE
   ---------------------------------------------------------
   Las dos nuestras se desenganchan desde PHP, que es lo
   limpio. La de WooCommerce ("Añadir cupones") la pinta el
   bloque del carrito con JavaScript y no hay hook que la
   quite, así que esa sí se esconde con CSS — es la única
   forma que tiene, y por eso está aquí y no en PHP.
   ========================================================= */
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wc-block-components-totals-coupon {
  display: none !important;
}