/*
Theme Name: Ebukz Pro
Theme URI: https://example.com/ebukz-pro
Author: Malik Masood
Author URI: https://example.com
Description: A professional WordPress and WooCommerce bookstore theme converted from the Ebukz HTML template with advanced Customizer controls.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ebukz-pro
Tags: e-commerce, blog, custom-logo, custom-colors, custom-menu, featured-images, translation-ready, wide-blocks
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #fff;
	clip: auto !important;
	clip-path: none;
	color: #111;
	display: block;
	font-size: 1rem;
	height: auto;
	left: 1rem;
	padding: .75rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
}

.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .875rem; margin-top: .5rem; }
.gallery-caption { display: block; }
.bypostauthor { display: block; }

img {
	max-width: 100%;
	height: auto;
}

.ebukz-content-area {
	padding: 80px 0;
}

.ebukz-content-area .entry-content > * {
	margin-bottom: 1.25rem;
}

.ebukz-pagination {
	margin-top: 40px;
	text-align: center;
}

.ebukz-pagination .page-numbers {
	align-items: center;
	background: #fff;
	border: 1px solid var(--border-color, #e6edfd);
	border-radius: 999px;
	color: var(--title-color, #2E4A5B);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	margin: 0 4px;
	min-width: 44px;
	padding: 0 14px;
}

.ebukz-pagination .current,
.ebukz-pagination .page-numbers:hover {
	background: var(--theme-color, #D16655);
	border-color: var(--theme-color, #D16655);
	color: #fff;
}

.ebukz-empty-state {
	background: #fff;
	border: 1px solid var(--border-color, #e6edfd);
	border-radius: 8px;
	padding: 40px;
	text-align: center;
}

.custom-logo {
	max-height: 80px;
	width: auto;
}

.main-menu ul,
.vs-mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-search input[type="search"] {
	border: 0;
	width: 100%;
}

.woocommerce ul.products {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(var(--ebukz-shop-columns, 3), minmax(0, 1fr));
	margin: 0;
	padding: 0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none;
}

.woocommerce ul.products li.product {
	float: none;
	list-style: none;
	margin: 0;
	width: auto !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: none;
}

.woocommerce-result-count,
.woocommerce-ordering {
	margin-bottom: 30px;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	margin-bottom: 50px;
}

.woocommerce div.product .product_title {
	color: var(--title-color, #2E4A5B);
	font-family: var(--title-font, "Josefin Sans", sans-serif);
	font-size: clamp(32px, 4vw, 54px);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--theme-color, #D16655);
	font-size: 26px;
	font-weight: 700;
}

.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: var(--theme-color, #D16655);
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
	padding: 14px 28px;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--title-color, #2E4A5B);
	color: #fff;
}

.woocommerce-tabs {
	background: #fff;
	border-radius: 8px;
	padding: 30px;
}

.entry-content table,
.woocommerce table.shop_table {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.contact-media a,
.footer-widget a {
	color: inherit;
}

.form-style1 textarea.form-control {
	min-height: 170px;
}

@media (max-width: 991px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.header-inner {
		gap: 18px;
	}
}

@media (max-width: 575px) {
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}

}
