/*
Theme Name:   Vaer Theme
Theme URI:    http://vaer.local
Description:  Custom theme for Vaer WooCommerce store
Version:      1.0.16
Author:       Vaer Team
Author URI:   http://vaer.local
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  vaer-theme
Tags:         woocommerce
*/

@layer base, layout, components, pages, overrides;

@import url('assets/css/03-base.css') layer(base);
@import url('assets/css/04-layout.css') layer(layout);
@import url('assets/css/05-components.css') layer(components);
@import url('assets/css/06-pages.css') layer(pages);
@import url('assets/css/07-overrides.css') layer(overrides);

/* Un-layered overrides: rules here beat layered theme styles AND
	plugin styles (WooCommerce) regardless of specificity. */

/* Never show the "Ver carrito" link WooCommerce appends after AJAX add. */
a.added_to_cart {
	display: none !important;
}

/* Related products on single product: fill the row even with few items
	and undo WooCommerce's percentage widths/margins for grid items. */
.vaer-single-related ul.products {
	grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
}

.vaer-single-related ul.products li.product {
	width: auto;
	margin: 0;
	float: none;
}

/* Product cards: contain image inside its box; drop WooCommerce's 1em
	bottom margin and height:auto on loop product images. */
.woocommerce ul.products li.product .product-card-image img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
}