/* =========================================================
   ANIMAL FOOD · Tienda WooCommerce (sobre Blocksy)
   ========================================================= */

/* Banner de tienda */
.af-shophero {
	position: relative; overflow: hidden; color: #fff;
	background: radial-gradient(120% 160% at 0% 0%, #3bb4ff 0%, var(--af-azul-p) 40%, var(--af-oscuro) 100%);
	border-radius: 0 0 var(--af-r-lg) var(--af-r-lg);
	padding: clamp(50px, 7vw, 90px) 0; margin-bottom: 50px;
}
.af-shophero .af-deco { color: #fff; opacity: .12; }
.af-shophero__in { display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; align-items: center; }
.af-shophero__t { font-family: var(--af-f-titulo); font-weight: 400; color: #fff; font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1; margin: 0 0 12px; }
.af-shophero p { color: rgba(255, 255, 255, .88); margin: 0; font-size: 1.08rem; }
.af-shophero p strong { color: var(--af-naranja); }
.af-shophero__sellos { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.af-shophero__sellos li { display: flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, .12); border-radius: 14px; padding: 12px 16px; font-family: var(--af-f-sub); font-weight: 500; }
.af-shophero__sellos .af-ico { color: var(--af-naranja); }

/* Oculta el título duplicado de Blocksy en tienda */
.post-type-archive-product .hero-section,
.tax-product_cat .hero-section { display: none; }

/* Barra de orden / resultados */
.woo-listing-top, .woocommerce-result-count, .woocommerce-ordering { font-family: var(--af-f-sub); }
.woocommerce-ordering select { border-radius: 999px !important; border: 2px solid var(--af-azul) !important; padding-inline: 16px !important; }

/* Tarjetas de producto */
[data-products] .product,
ul.products li.product {
	background: #fff; border-radius: var(--af-r-lg); overflow: hidden;
	box-shadow: var(--af-sombra); padding: 0 0 22px !important; position: relative;
	transition: transform .35s cubic-bezier(.3, 1.4, .5, 1), box-shadow .35s;
	text-align: center;
}
[data-products] .product:hover,
ul.products li.product:hover { transform: translateY(-8px); box-shadow: 0 30px 50px -20px rgba(15, 35, 80, .45); }
[data-products] .product figure,
[data-products] .product .ct-media-container,
ul.products li.product a img { margin-bottom: 16px !important; border-radius: 0 !important; overflow: hidden; }
[data-products] .product img { transition: transform .6s; }
[data-products] .product:hover img { transform: scale(1.06); }
.af-badge {
	position: absolute; top: 14px; left: 14px; z-index: 3;
	background: var(--af-naranja); color: #fff; font-family: var(--af-f-sub); font-weight: 600; font-size: .75rem;
	padding: 6px 12px; border-radius: 999px; box-shadow: 0 8px 18px -8px rgba(255, 122, 0, .8);
}
.woocommerce-loop-product__title,
[data-products] .product h2 {
	font-family: var(--af-f-titulo) !important; font-weight: 400 !important; font-size: 1.4rem !important;
	color: var(--af-oscuro) !important; padding: 0 16px !important;
}
[data-products] .product .price,
ul.products li.product .price { font-family: var(--af-f-sub); font-weight: 700; color: var(--af-azul-p) !important; font-size: 1.15rem; }
[data-products] .product .price del { color: var(--af-gris) !important; font-weight: 400; }
[data-products] .product .button,
ul.products li.product .button,
[data-products] .ct-woo-card-actions .button {
	background: linear-gradient(135deg, var(--af-naranja), var(--af-naranja-2)) !important; color: #fff !important;
	border-radius: 999px !important; font-family: var(--af-f-sub); font-weight: 600;
	padding: 12px 26px !important; margin-inline: 16px; box-shadow: var(--af-sombra-n); border: 0 !important;
	transition: transform .2s;
}
[data-products] .product .button:hover { transform: scale(1.04); }
.onsale, [class*="ct-woo-badge"] { background: var(--af-azul-p) !important; border-radius: 999px !important; font-family: var(--af-f-sub); }

/* Ficha de producto */
.single-product .product_title { font-family: var(--af-f-titulo) !important; font-weight: 400 !important; font-size: clamp(2.2rem, 4vw, 3.2rem) !important; color: var(--af-oscuro); line-height: 1.05; }
.single-product .summary .price { font-family: var(--af-f-titulo); font-size: 2rem !important; color: var(--af-naranja-2) !important; }
.single-product .woocommerce-product-details__short-description { font-size: 1.08rem; color: var(--af-gris); }
.single-product .woocommerce-product-gallery { border-radius: var(--af-r-lg); overflow: hidden; box-shadow: var(--af-sombra); }
.single-product .quantity input { border-radius: 999px !important; border: 2px solid var(--af-azul) !important; }
.single-product .single_add_to_cart_button {
	background: linear-gradient(135deg, var(--af-naranja), var(--af-naranja-2)) !important; border-radius: 999px !important;
	font-family: var(--af-f-sub); font-weight: 600; padding-inline: 34px !important; box-shadow: var(--af-sombra-n);
}
.af-confianza { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 22px 0 6px; }
.af-confianza > div { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; background: var(--af-crema); border-radius: 18px; padding: 14px 8px; font-size: .82rem; color: var(--af-gris); }
.af-confianza strong { display: block; font-family: var(--af-f-sub); color: var(--af-oscuro); font-size: .88rem; }
.af-confianza .af-ico { width: 28px; height: 28px; color: var(--af-naranja-2); }

/* Pestañas */
.woocommerce-tabs .tabs li a { font-family: var(--af-f-sub); font-weight: 600; }
.woocommerce-tabs .tabs li.active a { color: var(--af-azul-p) !important; }
.af-porciones-prod { margin: 60px 0; border-radius: var(--af-r-lg); }

/* Relacionados */
.related > h2, .upsells > h2 { font-family: var(--af-f-titulo) !important; font-weight: 400 !important; font-size: 2rem !important; color: var(--af-oscuro); text-align: center; }

/* Carrito y checkout */
.woocommerce-cart .ct-woocommerce-cart-form, .woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review, .woocommerce-checkout .woocommerce-billing-fields {
	background: #fff; border-radius: var(--af-r-lg); box-shadow: var(--af-sombra); padding: 26px;
}
.woocommerce .checkout-button, .woocommerce #place_order {
	background: linear-gradient(135deg, var(--af-naranja), var(--af-naranja-2)) !important;
	border-radius: 999px !important; font-family: var(--af-f-sub); font-weight: 600; box-shadow: var(--af-sombra-n);
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.select2-container .select2-selection { border-radius: 14px !important; border: 2px solid var(--af-azul) !important; }
.woocommerce form .form-row input.input-text:focus { border-color: var(--af-naranja) !important; }
.woocommerce-message, .woocommerce-info { border-radius: 16px; border-top-color: var(--af-naranja) !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--af-naranja) !important; }

.af-vacio { text-align: center; padding: 60px 20px; }
.af-vacio span { font-size: 4rem; }
.af-vacio h2 { font-family: var(--af-f-titulo); font-weight: 400; font-size: 2.2rem; color: var(--af-oscuro); margin: 10px 0 6px; }
.af-vacio p { color: var(--af-gris); margin-bottom: 24px; }
.woocommerce-cart .cart-empty.woocommerce-info { display: none; }

@media (max-width: 760px) {
	.af-shophero__in { grid-template-columns: 1fr; text-align: center; }
	.af-confianza { grid-template-columns: 1fr; }
	.af-confianza > div { flex-direction: row; text-align: left; }
}