/*
Theme Name: Heatheringtons (Ashe Child)
Template: ashe
Theme URI: https://wp-royal.com/
Author: Royal Flush
Author URI: http://wp-royal.com/
Description: Clean and Minimalist blogging theme.
Version: 1.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: 
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
 You Custom Code Goes Here
--------------------------------------------------------------*/
/* Container layout */
.woocommerce-container {
		display: flex;
		flex-wrap: wrap;
}

/* Sidebar styling */
.woocommerce-category-sidebar {
		width: 25%; /* Adjust width as needed */
		order: -1; /* Move sidebar to the left */
		padding: 7rem 15px 15px 15px;
		background-color: #ffffff; /* Optional: Add a background for visibility */
}

/* Main content styling */
.main-content {
		width: 75%; /* Adjust width to complement sidebar */
		padding: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
		.woocommerce-container {
				flex-direction: column;
		}

		.woocommerce-category-sidebar,
		.main-content {
				width: 100%;
				order: 0; /* Stack sidebar and content on small screens */
		}
}