/*
Theme Name: Loire Child
Theme URI: https://loire.qodeinteractive.com
Description: A child theme of Loire
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: loire
Template: loire
*/

/* Top filters + slider layout */
.qodef-shop-slider{margin-bottom:30px}
.qodef-shop-top-filters{display:flex;flex-direction:column;gap:20px;margin:0 0 24px}
.qodef-shop-top-filters__widgets{flex:1 1 100%;margin-bottom:8px}

/* Theme's built-in filter styling for shop */
.qodef-shop-top-filters .qodef-m-filter {
	margin: 0;
}

.qodef-shop-top-filters .qodef-m-filter-items {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

.qodef-shop-top-filters .qodef-m-filter-item {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
	text-decoration: none;
	color: inherit;
	transition: all .2s ease;
	background: transparent;
}

.qodef-shop-top-filters .qodef-m-filter-item:hover {
	border-color: #000;
	color: #000;
}

.qodef-shop-top-filters .qodef-m-filter-item.qodef--active {
	background: #000;
	color: #fff;
	border-color: #000;
}

/* Ensure slider is not overlapped by any sidebar */
.qodef-shop-slider {
	position: relative;
	z-index: 1;
}

/* Ensure top filters are properly positioned */
.qodef-shop-top-filters {
	position: relative;
	z-index: 2;
}

/* Remove padding from page inner on shop pages */
.woocommerce #qodef-page-inner,
.woocommerce-page #qodef-page-inner {
	padding: 0 0 0 0;
}

/* Ensure shop page uses full width */
.woocommerce #qodef-woo-page,
.woocommerce-page #qodef-woo-page {
	width: 100% !important;
	max-width: 100% !important;
}

/* Ensure product list takes full width */
.woocommerce .qodef-woo-product-list,
.woocommerce-page .qodef-woo-product-list {
	width: 100% !important;
}

/* Fix price filter button styling */
.woocommerce .qodef-shop-top-filters__widgets .price_slider_amount button,
.woocommerce-page .qodef-shop-top-filters__widgets .price_slider_amount button {
	color: #000000 !important;
}