/* Botón Continuar con estilo píldora */
button[type="submit"],
.btn-primary,
.continuar-btn {
  border-radius: 50px !important;
  transition: all 0.3s ease !important;
}

/* Estilo de enlace para TODOS los botones btn-link en el checkout */
#opc_step_my_account_body button.btn.btn-link,
.opc-step-body button.btn.btn-link,
p[id*="go_to"] button.btn.btn-link {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  color: #564AEB !important;
  text-decoration: underline !important;
  padding: 8px 16px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Hover para todos los enlaces */
#opc_step_my_account_body button.btn.btn-link:hover,
.opc-step-body button.btn.btn-link:hover,
p[id*="go_to"] button.btn.btn-link:hover {
  color: #3d35a8 !important;
  text-decoration: underline !important;
  background: none !important;
  background-color: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Campo de código promocional con estilo píldora */
input.opc-promo-code__input,
.opc-promo-code__input {
  border-radius: 50px !important;
  padding: 12px 20px !important;
  border: 1px solid #ddd !important;
}

/* Focus del input */
input.opc-promo-code__input:focus,
.opc-promo-code__input:focus {
  border-color: #564AEB !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(86, 74, 235, 0.1) !important;
}
/* Gap entre el campo y el botón SIN cambiar el layout */
.opc-promo-code input.opc-promo-code__input {
  margin-right: 15px !important;
}

/* Flechas blancas en los botones de cantidad */
.input-group-btn-vertical button,
.bootstrap-touchspin-up,
.bootstrap-touchspin-down,
button.btn-touchspin {
  color: white !important;
}

/* Iconos dentro de los botones */
.input-group-btn-vertical button i,
.bootstrap-touchspin-up i,
.bootstrap-touchspin-down i {
  color: white !important;
}

/* Si usan Material Icons */
.material-icons.touchspin-up,
.material-icons.touchspin-down {
  color: white !important;
}

/* Flechas en estado deshabilitado - color gris */
.input-group-btn-vertical button:disabled,
.input-group-btn-vertical button[disabled],
.bootstrap-touchspin-up:disabled,
.bootstrap-touchspin-down:disabled,
button.btn-touchspin:disabled {
  color: #999 !important;
  opacity: 0.6 !important;
}

/* Iconos deshabilitados */
.input-group-btn-vertical button:disabled i,
.input-group-btn-vertical button[disabled] i,
.bootstrap-touchspin-up:disabled i,
.bootstrap-touchspin-down:disabled i {
  color: #999 !important;
}

/* Nombre del producto - font weight y color */
span.product-name,
.product-name,
.media-product-detail .product-name {
  font-weight: 600 !important; /* Semi-bold */
  color: #1E194D !important;
}
/* Total (impuestos inc.) - font weight y color */
.cart-summary-line.cart-total,
.cart-summary-totals .label,
div.cart-summary-line.cart-total .label {
  font-weight: 600 !important; /* Semi-bold */
  color: #1E194D !important;
}

/* Si necesitas ser más específico */
.cart-summary-totals .cart-total .label,
.cart-summary-line.cart-total span.label {
  font-weight: 600 !important;
  color: #1E194D !important;
}
/* Precio total también */
.cart-summary-line.cart-total .value,
span.value {
  font-weight: 600 !important;
  color: #1E194D !important;
}
/* Valores de subtotal y transporte en peso normal */
.cart-summary-line .value,
span.value {
  font-weight: 400 !important; /* Normal weight */
}

/* Específicamente para el subtotal */
#cart-subtotal-products .value,
.cart-summary-subtotals .value {
  font-weight: 400 !important;
}

/* Para el transporte "Gratis" */
#cart-subtotal-shipping .value,
.cart-summary-line .value {
  font-weight: 400 !important;
}
/* Botón "Agregar nueva dirección" - color del texto */
button.add.btn.btn-outline-primary,
.add.btn.btn-outline-primary,
button[data-type="address"] {
  color: #564AEB !important;
}

/* Icono dentro del botón */
button.add.btn.btn-outline-primary i,
.add.btn.btn-outline-primary .material-icons {
  color: #564AEB !important;
}

/* Hover del botón */
button.add.btn.btn-outline-primary:hover,
.add.btn.btn-outline-primary:hover {
  color: #564AEB !important;
  background-color: rgba(86, 74, 235, 0.1) !important;
}
/* Iconos de las tarjetas de dirección en color blanco */
.address-actions button i,
.address-actions .material-icons,
button.edit i,
button.delete i,
.btn-outline-primary i.material-icons {
  color: white !important;
}

/* Específicamente para los botones de editar y eliminar */
button.edit.btn.btn-outline-primary i,
button.delete.btn.btn-outline-primary i {
  color: white !important;
}

/* Para los iconos md-18 */
i.material-icons.md-18 {
  color: white !important;
}
#btn-create_account.btn.btn-secondary,
button#btn-create_account.btn.btn-secondary {
    color: #564AEB !important;
}

#btn-create_account.btn.btn-secondary i.material-icons,
button#btn-create_account.btn.btn-secondary i.material-icons {
    color: #564AEB !important;
}

/* Si el icono es un SVG */
#btn-create_account.btn.btn-secondary svg,
button#btn-create_account.btn.btn-secondary svg {
    fill: #564AEB !important;
    color: #564AEB !important;
}
#opc_create_account {
    border-radius: 8px;
}
/* Reducir tamaño del botón */
#btn-create_account.btn-secondary {
    padding: 8px 16px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Reducir tamaño del icono */
#btn-create_account.btn-secondary i.material-icons {
    font-size: 16px !important;
}

#cta-terminos-y-condiciones-0:hover,
a[href*="terminos"][href*="condiciones"]:hover {
    color: #5F5FF5 !important;
}

/* ========== ESTILOS DATAFAST ========== */

/* Labels - color y espaciado */
.wpwl-label,
.wpwl-group label,
.wpwl-label-brand,
.wpwl-label-custom,
label.wpwl-label-custom {
    color: #1E194D !important;
    display: block;
    margin-bottom: 8px !important;
}

/* Inputs - altura y padding unificado */
.wpwl-control,
.wpwl-wrapper input[type="text"],
.wpwl-control-expiry,
input[name="card.expiryMonth"],
input[name="card.expiryYear"] {
    height: 40px !important;
    padding: 8px 12px !important;
}

/* Espaciado entre grupos */
.wpwl-group {
    margin-bottom: 16px !important;
}

/* Espaciado interno en los wrappers */
.wpwl-wrapper-custom {
    padding-top: 6px !important;
    padding-bottom: 0px !important;
}
/* Botón Pagar de Datafast - estado normal */
button.wpwl-button.wpwl-button-pay,
.wpwl-button-pay {
    background-color: #564AEB !important;
    border-color: #564AEB !important;
}

/* Botón Pagar - hover */
button.wpwl-button.wpwl-button-pay:hover,
.wpwl-button-pay:hover {
    background-color: #5F5FF5 !important;
    border-color: #5F5FF5 !important;
}

/* Asegurar que el texto sea blanco */
button.wpwl-button.wpwl-button-pay,
.wpwl-button-pay {
    color: white !important;
}



/* Ocultar botón de cerrar del modal */
button.close[data-dismiss="modal"],
button[aria-label="Close"],
.modal-header button.close {
    display: none !important;
}

/* Si es específico del modal de Datafast */
.modal button.close,
div[class*="modal"] button[data-dismiss="modal"] {
    display: none !important;
}

/* Ocultar el span (X) dentro del botón */
button.close span[aria-hidden="true"] {
    display: none !important;
}