/*
	Theme Name: SquareWOO by SquarePancake
	Theme URI: https://squarepancake.com
	Description: Modern WooCommerce theme with advanced features including user levels and optimized performance
	Version: 1.0.1
	License: GPL v2 or later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	Author: SquarePancake
	Author URI: https://squarepancake.com
	Tags: woocommerce, e-commerce, shop, modern, responsive
	Text Domain: squarewoo
	Domain Path: /languages
	Requires at least: 5.0
	Tested up to: 6.4
	Requires PHP: 7.4
*/

/*
 * SquareWoo - Base Theme Styles
 * These are the base styles required by WordPress
 * Main styling is handled by Tailwind CSS
 */


body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}