/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* -------------------------------------------------------------------------
   Shop: keep filter sidebar visible (left layout is set via Flatsome option
   category_sidebar = left-sidebar). Light polish only.
--------------------------------------------------------------------------- */
.tax-product_cat #shop-sidebar,
.post-type-archive-product #shop-sidebar,
.woocommerce-shop #shop-sidebar {
	display: block;
}

.tax-product_cat #shop-sidebar .widget,
.post-type-archive-product #shop-sidebar .widget,
.woocommerce-shop #shop-sidebar .widget {
	margin-bottom: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(31, 28, 26, 0.08);
}

.tax-product_cat #shop-sidebar .widget:last-child,
.post-type-archive-product #shop-sidebar .widget:last-child,
.woocommerce-shop #shop-sidebar .widget:last-child {
	border-bottom: 0;
}

.tax-product_cat #shop-sidebar .widget-title,
.post-type-archive-product #shop-sidebar .widget-title,
.woocommerce-shop #shop-sidebar .widget-title {
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 0.85rem;
	color: #1f1c1a;
}

/*
 * Always show the left filter sidebar (Flatsome hides it below ~850px with
 * .hide-for-medium and swaps in a Filter button). Keep filters visible.
 */
body.woocommerce .category-page-row > .col.large-3.hide-for-medium {
	display: block !important;
}

body.woocommerce .category-filtering.category-filter-row.show-for-medium,
body.woocommerce .category-page-title .filter-button,
body.woocommerce .shop-page-title .filter-button {
	display: none !important;
}

/* On smaller screens, stack filters above the product grid */
@media (max-width: 849px) {
	body.woocommerce .category-page-row > .col.large-3 {
		max-width: 100%;
		flex-basis: 100%;
		margin-bottom: 1.5rem;
	}
}

/* -------------------------------------------------------------------------
   Shop pagination — clean minimal design (child override)
--------------------------------------------------------------------------- */
.woocommerce-pagination.fatemina-pagination,
.woocommerce nav.woocommerce-pagination {
	margin: 2.5rem 0 1rem;
	padding: 0;
}

.woocommerce-pagination .fatemina-page-numbers,
.woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.35rem 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-pagination .fatemina-page-numbers li,
.woocommerce-pagination ul.page-numbers li {
	display: inline-flex;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.woocommerce-pagination .fatemina-page-numbers .page-number,
.woocommerce-pagination .fatemina-page-numbers a.page-number,
.woocommerce-pagination .fatemina-page-numbers span.page-number,
.woocommerce-pagination ul.page-numbers .page-number,
.woocommerce-pagination ul.page-numbers a,
.woocommerce-pagination ul.page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.85rem;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: #3a3530 !important;
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1;
	text-decoration: none !important;
	transition: color 0.2s ease, border-color 0.2s ease;
	border-bottom: 2px solid transparent !important;
}

.woocommerce-pagination .fatemina-page-numbers a.page-number:hover,
.woocommerce-pagination ul.page-numbers a:hover {
	color: #8a7355 !important;
	border-bottom-color: #8a7355 !important;
	background: transparent !important;
}

.woocommerce-pagination .fatemina-page-numbers span.page-number.current,
.woocommerce-pagination .fatemina-page-numbers .current,
.woocommerce-pagination ul.page-numbers span.current {
	color: #1f1c1a !important;
	border-bottom-color: #1f1c1a !important;
	font-weight: 600;
	background: transparent !important;
}

.woocommerce-pagination .fatemina-page-numbers .prev,
.woocommerce-pagination .fatemina-page-numbers .next {
	min-width: auto;
	padding: 0 0.4rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.72rem;
}

.woocommerce-pagination .fatemina-page-numbers .dots,
.woocommerce-pagination ul.page-numbers .dots {
	border-bottom-color: transparent !important;
	opacity: 0.45;
	min-width: 1.5rem;
}


/* -------------------------------------------------------------------------
   Single product variation swatches (Flatsome UX Color / Image / Label)
--------------------------------------------------------------------------- */
.variations_form .ux-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 0.35rem 0 0.75rem;
}

.variations_form .ux-swatch {
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.variations_form .ux-swatch:hover {
	transform: translateY(-1px);
}

.variations_form .ux-swatch.selected {
	box-shadow: 0 0 0 2px #8a7355;
}

.variations_form .ux-swatch__color--single-color,
.variations_form .ux-swatch__color--dual-color {
	border: 1px solid rgba(31, 28, 26, 0.12);
}

.variations_form .variation-selector.hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.woocommerce-pagination .fatemina-page-numbers .prev,
	.woocommerce-pagination .fatemina-page-numbers .next {
		font-size: 0.68rem;
	}
}