/* ============================================================
   Kawana — estilos de la tienda (WooCommerce)
   Reviste WooCommerce con la identidad visual del tema.
   ============================================================ */

.woo-wrap { padding: 48px 32px 80px; }
.woo-wrap .woocommerce { max-width: 1180px; margin: 0 auto; }

/* Títulos de la tienda */
.woocommerce .products h2,
.woocommerce div.product .product_title,
.woocommerce-page h1.entry-title,
.woo-wrap h1 { font-family: 'Instrument Sans', sans-serif; color: var(--ink); }

/* ----------  Botones  ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	background: var(--green);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	padding: 13px 26px;
	transition: background .15s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: var(--green-dark); color: #fff; }

.woocommerce a.button.disabled,
.woocommerce button.button:disabled { opacity: .55; }

/* ----------  Precios  ---------- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--green-dark); font-weight: 700; }
.woocommerce div.product p.price { font-size: 26px; }
.woocommerce ul.products li.product .price del { color: var(--ink-mute); font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }

/* ----------  Catálogo (grid de productos)  ---------- */
.woocommerce ul.products li.product {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 16px 16px 22px;
	box-shadow: 0 2px 10px rgba(0,0,0,.04);
	transition: box-shadow .18s, transform .18s;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 8px 22px rgba(0,0,0,.09); transform: translateY(-3px); }
.woocommerce ul.products li.product a img { border-radius: 8px; margin-bottom: 14px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 17px;
	color: var(--ink);
	padding-top: 0;
}
.woocommerce ul.products li.product .button { margin-top: 10px; }
.woocommerce span.onsale {
	background: var(--wa);
	color: #fff;
	border-radius: 999px;
	font-family: 'Instrument Sans', sans-serif;
	font-weight: 700;
	min-height: auto;
	min-width: auto;
	padding: 4px 12px;
	line-height: 1.4;
}

/* ----------  Ficha de producto  ---------- */
.woocommerce div.product .product_title { font-size: clamp(26px, 3.4vw, 38px); margin-bottom: 8px; }
.woocommerce div.product form.cart .qty {
	border: 1px solid var(--border);
	border-radius: 4px;
	padding: 12px 8px;
	background: #fff;
}
.woocommerce .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--white); }
.woocommerce .woocommerce-tabs ul.tabs li.active a { color: var(--green-dark); }
.woocommerce-product-rating .star-rating span::before,
.woocommerce .star-rating span::before { color: var(--green); }

/* ----------  Migas de pan  ---------- */
.woocommerce .woocommerce-breadcrumb {
	max-width: 1180px;
	margin: 0 auto 26px;
	font-size: 13.5px;
	color: var(--ink-mute);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--green); }
.woo-crumb-sep { color: var(--ink-mute); }

/* ----------  Avisos (mensajes)  ---------- */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
	border-top-color: var(--green);
	border-radius: 6px;
	font-family: 'Instrument Sans', sans-serif;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before { color: var(--green); }
.woocommerce-error { border-top-color: #c0392b; }

/* ----------  Carrito y checkout  ---------- */
.woocommerce table.shop_table {
	border-radius: 10px;
	border-color: var(--border);
}
.woocommerce table.shop_table th { font-family: 'Instrument Sans', sans-serif; color: var(--ink); }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 12px 10px; border-radius: 4px; border: 1px solid var(--border); }
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-checkout #order_review_heading,
.woocommerce form.checkout h3 { font-family: 'Instrument Sans', sans-serif; color: var(--ink); }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.select2-container .select2-selection {
	border: 1px solid var(--border);
	border-radius: 4px;
	padding: 12px 12px;
	background: #fff;
}
.woocommerce #payment,
.woocommerce-checkout #payment { background: var(--card); border-radius: 10px; }
.woocommerce #payment div.payment_box { background: #fff; border-radius: 6px; }

/* ----------  Mi cuenta  ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--green-dark); font-weight: 700; }

/* ----------  Responsive  ---------- */
@media (max-width: 720px) {
	.woo-wrap { padding: 32px 18px 60px; }
}