/* Do not display blog post image on blog post page */
.single-post .wp-post-image {
    display: none !important;
}



/* Make all Storefront theme buttons and submit inputs rounded */
button, .button, .gb-button, .wp-block-button a {
    border-radius: 10px !important;
}



/* Forces the product template block to be centered */
ul.wc-block-product-template { margin: 0 auto !important; padding: 0;}


/* prevents hand-picked product images from appearing too big or small */
.wp-block-woocommerce-handpicked-products .wc-block-grid__product-image img {
    min-width: 200px; 
    max-width: 500px;  
    min-height: 200px; 
    max-height: 500px; 
    width: 100%;
    height: auto;
    object-fit: cover; /* Prevents image distortion */
}





/* hide sidebar on all pages that are not archive pages */
body:not(.archive) .widget-area {
    display: none;
}
body:not(.archive) .content-area {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}





/* Display Storefront sidebar above main content on mobile screens */

@media (max-width: 767px) {
    #content .col-full {
        display: flex;
        flex-direction: column;
    }

    /* Moves the sidebar container to the top of the stack */
    #secondary {
        order: -1;
        margin-bottom: -20px; /* Adds spacing between sidebar and content */
    }
}


/*Don't display the main heading on archive pages (e.g., shop, categories) on mobile devices*/
@media (max-width: 768px) {
	.archive.woocommerce-page .woocommerce-products-header__title {
    display: none;
	}
}


/*make the text larger of the button that expands the filter products sidebar on mobile phones
 .wc-block-product-filters.wp-block-woocommerce-product-filters */
@media screen and (max-width: 767px) {
button.wc-block-product-filters__open-overlay
	{
    font-size: 18px !important;
		border: 1px solid #333333;
  }
}






/*Prevent storefront mobile sidebar from being hidden behind handheld footer */
@media screen and (max-width: 768px) {
    div.wc-block-product-filters__overlay-dialog{
        margin-bottom: 60px !important; /* Adjust this value based on your footer height */
        padding-bottom: 20px;
    }
}



/*increases font size of filter checkbox list items on mobile screens*/
 @media (max-width: 768px){
 
	div.wc-block-product-filter-checkbox-list__items
	 {font-size: 15px}}