/* ========= Cart summary flotante ========= */
.custom-cart-summary-box{
  border:1px solid #ccc;border-radius:10px;padding:16px;font-family:'Helvetica Neue',sans-serif;
  background:#fff;max-width:800px;margin:0 auto;
}
.product-remove img{width:20px;height:20px;display:block;}
.custom-cart-products{list-style:none;padding:0;margin:0 0 20px;}
.custom-cart-product{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:10px 0;}
.custom-cart-product:last-child{border-bottom:none;}
.product-image img{width:60px;height:auto;border-radius:6px;}
.product-details{flex-grow:1;font-size:14px;}
.product-title{font-weight:600;margin-bottom:4px;}
.product-price{color:#000;font-weight:bold;}
.product-remove a{color:#444;font-size:18px;text-decoration:none;}

.custom-cart-total{text-align:right;font-size:16px;margin-bottom:20px;}
.custom-cart-button{
  display:block;width:100%;padding:14px;background:#444;color:#fff!important;
  text-align:center;font-weight:bold;font-size:16px;border-radius:8px;text-decoration:none!important;
  border:none;transition:background .3s
}
.custom-cart-button:hover,
.custom-cart-button:visited,
.custom-cart-button:active,
.custom-cart-button:focus{background:#666;color:#fff!important;text-decoration:none!important}

/* Sticky del cart solo mobile */
@media(max-width:768px){
  .custom-cart-summary-box{
    position:fixed;bottom:0;left:0;width:100%;max-width:100%;border-radius:12px 12px 0 0;
    box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:9999;padding:20px;
  }
}

/*──────────────────
  Checkout – idioma & estilos
──────────────────*/

/* Breadcrumb y tabs → texto negro */
#ast-checkout-wrap a,
.ast-checkout-control-nav a,
.flex-direction-nav .flex-next.button{color:#000!important;font-weight:600;}

/* Botón “Proceder al pago” – gris oscuro + blanco */
.flex-direction-nav .flex-next.button{
  background:#444!important;color:#fff!important;border:none!important;
}
.flex-direction-nav .flex-next.button.flex-disabled{
  background:#444!important;color:#fff!important;opacity:.6;
}

/* Ocultar link “Back to my details” por si quedara */
.flex-direction-nav .flex-prev{display:none!important;}

/* Ocultar completamente el breadcrumb en pantallas muy estrechas
   (si prefieres mostrarlo, comenta estas 3 líneas) */
@media(max-width:600px){
  #ast-checkout-wrap{display:none!important;}
}

/* Avisos WooCommerce: sepáralos 5 % de la parte superior */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    margin-top: 7vh;      /* 5 % del alto de la ventana */
    z-index: 99;        /* por si el header tiene z-index alto */
}

.cuotas-responsive {
  display: block;
  color: #27ae60;
  font-size: 15px;
  margin-top: 4px;
  text-align: center;
}

@media (max-width: 768px) {
  .cuotas-responsive {
    font-size: 10px;
  }
}
/* Oculta el aviso original (“¿Tenés un cupón…?”) */
.woocommerce-info {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 0 1.5rem;
}

/* Botón personalizado */
.wander-coupon-btn{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 12px 28px;
	background:#7a7e64;          /* tono verde-oliva de la captura */
	color:#fff!important;
	border-radius: 14px;
	font-size: 20px;
	line-height:1.2;
	text-decoration:none;
	transition: filter .15s ease, transform .15s ease;
}

/* Ícono */
.wander-coupon-icon{
	width: 28px;
	height:auto;
	flex-shrink:0;
}

/* Hover / focus */
.wander-coupon-btn:hover,
.wander-coupon-btn:focus{
	filter: brightness(1.12);
	transform: translateY(-1px);
}
