/* Carrito y checkout — shampoo.ar */

/* Barra de progreso al precio mayorista */
.shampoo-mayorista { flex: 0 0 100%; width: 100%; box-sizing: border-box;
	margin: 0 0 22px; padding: 16px 18px; border-radius: 10px;
	background: #e3f4fb; border: 1px solid #bbe9ff;
	font-family: Montserrat, "Open Sans", sans-serif;
}
.shampoo-mayorista.es-alcanzado { background: #e7f6ee; border-color: #bfe8d0; }
.shampoo-mayorista__texto { font-size: 15px; color: #17242b; margin: 0 0 10px; line-height: 1.4; }
.shampoo-mayorista__texto strong { color: #0e6681; }
.shampoo-mayorista.es-alcanzado .shampoo-mayorista__texto strong { color: #1f7a4d; }
.shampoo-mayorista__barra { height: 10px; border-radius: 5px; background: #fff; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(14,102,129,.12); }
.shampoo-mayorista__barra span { display: block; height: 100%; background: #0e6681; border-radius: 5px; transition: width .4s ease; }
.shampoo-mayorista.es-alcanzado .shampoo-mayorista__barra span { background: #1f7a4d; }
.shampoo-mayorista__pie { margin-top: 8px; font-size: 12.5px; color: #4a5b64; }
.widget_shopping_cart .shampoo-mayorista { margin: 0 0 12px; padding: 12px 14px; }
.widget_shopping_cart .shampoo-mayorista__texto { font-size: 13px; }
.widget_shopping_cart .shampoo-mayorista__pie { display: none; }

/* Checkout */
.shampoo-checkout-aviso {
	margin: 0 0 18px; padding: 12px 16px; border-radius: 8px; background: #f0f8fc; color: #17242b;
	font-family: Montserrat, "Open Sans", sans-serif; font-size: 14px;
}
.shampoo-checkout-aviso strong { color: #1f7a4d; }
.shampoo-campo-oculto { display: none !important; }
.shampoo-confianza {
	list-style: none; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid #e3eaf0;
	display: grid; gap: 8px; font-family: Montserrat, "Open Sans", sans-serif; font-size: 12.5px; color: #4a5b64; line-height: 1.4;
}
.shampoo-confianza li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; align-items: start; }
.shampoo-confianza svg { color: #0e6681; margin-top: 1px; }
.woocommerce-checkout #place_order,
.woocommerce-cart .checkout-button {
	width: 100%; height: 50px; border-radius: 8px; background: #0e6681 !important; color: #fff !important;
	font-family: Montserrat, sans-serif; font-size: 15px; font-weight: 700; text-transform: none; letter-spacing: 0;
}
.woocommerce-checkout #place_order:hover, .woocommerce-cart .checkout-button:hover { background: #004d63 !important; }
.woocommerce-checkout .woocommerce-privacy-policy-text p { font-size: 12.5px; color: #4a5b64; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 13px; }

/* Carrito: la tabla más limpia */
.woocommerce-cart table.shop_table th { font-family: Montserrat, sans-serif; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #7b8b94; }
.woocommerce-cart .cart_totals h2 { font-family: Montserrat, sans-serif; font-size: 18px; }

@media (max-width: 767px) {
	.shampoo-mayorista { padding: 14px; }
	.shampoo-mayorista__texto { font-size: 14px; }
}

/* Mi cuenta */
.woocommerce-account .woocommerce { max-width: 520px; }
.shampoo-cuenta-aviso { margin: 0 0 22px; padding: 16px 18px; border-radius: 10px; background: #e3f4fb; border: 1px solid #bbe9ff; font-family: Montserrat, sans-serif; font-size: 14.5px; color: #17242b; line-height: 1.5; }
.shampoo-cuenta-aviso p { margin: 0 0 8px; }
.shampoo-cuenta-aviso p:last-child { margin: 12px 0 0; }
.shampoo-boton { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 22px; border-radius: 8px; background: #0e6681; color: #fff !important; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; }
.shampoo-boton:hover { background: #004d63; }
.woocommerce-account .woocommerce-form-login { border: 1px solid #dbe6ec; border-radius: 10px; padding: 22px; }
.woocommerce-account .woocommerce-form-login .button { height: 46px; padding: 0 24px; border-radius: 8px; background: #0e6681 !important; color: #fff !important; font-family: Montserrat, sans-serif; font-weight: 700; text-transform: none; }
.woocommerce-account .woocommerce-form-login .button:hover { background: #004d63 !important; }
.woocommerce-account .woocommerce-form-login input.input-text { height: 44px; border: 1.5px solid #cfdde5; border-radius: 6px; }