/**
 * Bisum design tokens + button/CTA fixes for WordPress + WooCommerce.
 * Matches htmltemplate/index.html :root and protects template button classes.
 */

:root {
	--primary-color: #00234d;
	--secondary-color: #f76b6a;

	--btn-primary-border-radius: 0.25rem;
	--btn-primary-color: #fff;
	--btn-primary-background-color: #00234d;
	--btn-primary-border-color: #00234d;
	--btn-primary-hover-color: #fff;
	--btn-primary-background-hover-color: #00234d;
	--btn-primary-border-hover-color: #00234d;
	--btn-primary-font-weight: 500;

	--btn-secondary-border-radius: 0.25rem;
	--btn-secondary-color: #00234d;
	--btn-secondary-background-color: transparent;
	--btn-secondary-border-color: #00234d;
	--btn-secondary-hover-color: #fff;
	--btn-secondary-background-hover-color: #00234d;
	--btn-secondary-border-hover-color: #00234d;
	--btn-secondary-font-weight: 500;

	--heading-color: #000;
	--heading-font-family: "Poppins", sans-serif;
	--heading-font-weight: 700;

	--title-color: #000;
	--title-font-family: "Poppins", sans-serif;
	--title-font-weight: 400;

	--body-color: #000;
	--body-background-color: #fff;
	--body-font-family: "Poppins", sans-serif;
	--body-font-size: 14px;
	--body-font-weight: 400;

	--section-heading-color: #000;
	--section-heading-font-family: "Poppins", sans-serif;
	--section-heading-font-size: 48px;
	--section-heading-font-weight: 600;

	--section-subheading-color: #000;
	--section-subheading-font-family: "Poppins", sans-serif;
	--section-subheading-font-size: 16px;
	--section-subheading-font-weight: 400;
}

body,
body.woocommerce,
body.woocommerce-page {
	font-family: var(--body-font-family);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	color: var(--body-color);
	background-color: var(--body-background-color);
}

/* -------------------------------------------------------------------------
   Template .btn-primary / CTAs — restore vs Bootstrap + WooCommerce
--------------------------------------------------------------------------- */
a.btn-primary,
.btn-primary,
button.btn-primary,
.woocommerce a.btn-primary,
.woocommerce button.btn-primary,
.woocommerce .button.btn-primary,
.wp-block-button__link.btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	padding: 0 17px !important;
	height: 40px !important;
	min-height: 40px !important;
	box-shadow: none !important;
	border-radius: var(--btn-primary-border-radius) !important;
	color: var(--btn-primary-color) !important;
	border: 1px solid var(--btn-primary-border-color) !important;
	background-color: var(--btn-primary-background-color) !important;
	background-image: none !important;
	font-weight: var(--btn-primary-font-weight) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

a.btn-primary:hover,
a.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.woocommerce a.btn-primary:hover,
.woocommerce button.btn-primary:hover,
.woocommerce .button.btn-primary:hover {
	color: var(--btn-primary-hover-color) !important;
	border-color: var(--btn-primary-border-hover-color) !important;
	background-color: var(--btn-primary-background-hover-color) !important;
	background-image: none !important;
	text-decoration: none !important;
}

.slide-btn.btn-primary {
	margin-top: 24px;
}

.single-banner-btn.btn-primary {
	margin-top: 1rem;
}

.view-all .btn-primary {
	margin-top: 0;
}

/* Template .btn-secondary */
a.btn-secondary,
.btn-secondary,
button.btn-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	padding: 0 17px !important;
	height: 40px !important;
	min-height: 40px !important;
	box-shadow: none !important;
	border-radius: var(--btn-secondary-border-radius) !important;
	color: var(--btn-secondary-color) !important;
	border: 1px solid var(--btn-secondary-border-color) !important;
	background-color: var(--btn-secondary-background-color) !important;
	background-image: none !important;
	font-weight: var(--btn-secondary-font-weight) !important;
}

a.btn-secondary:hover,
.btn-secondary:hover,
a.btn-secondary:focus,
.btn-secondary:focus {
	color: var(--btn-secondary-hover-color) !important;
	border-color: var(--btn-secondary-border-hover-color) !important;
	background-color: var(--btn-secondary-background-hover-color) !important;
}

/* Neutralize Bootstrap 5 .btn-primary blue when class is used alone */
.btn-primary.btn {
	--bs-btn-color: var(--btn-primary-color);
	--bs-btn-bg: var(--btn-primary-background-color);
	--bs-btn-border-color: var(--btn-primary-border-color);
	--bs-btn-hover-color: var(--btn-primary-hover-color);
	--bs-btn-hover-bg: var(--btn-primary-background-hover-color);
	--bs-btn-hover-border-color: var(--btn-primary-border-hover-color);
	--bs-btn-active-color: var(--btn-primary-hover-color);
	--bs-btn-active-bg: var(--btn-primary-background-hover-color);
	--bs-btn-active-border-color: var(--btn-primary-border-hover-color);
}

/* CF7: footer newsletter (keep template flex + button look) */
.footer-newsletter-form.wpcf7-form,
form.wpcf7-form.footer-newsletter-form {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	margin: 0 !important;
}

.footer-newsletter-form .wpcf7-response-output,
.newsletter-form .wpcf7-response-output {
	width: 100%;
	margin: 0.5rem 0 0 !important;
}

.footer-newsletter-form > p,
.newsletter-form > p {
	display: contents;
}

.footer-newsletter-form .wpcf7-form-control-wrap {
	flex: 1 1 auto;
	min-width: 0;
}

.footer-newsletter-form input.footer-newsletter-input,
.footer-newsletter-form input.wpcf7-form-control[type="email"] {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.footer-newsletter-form input.wpcf7-submit,
.footer-newsletter-form .footer-newsletter-btn,
.footer-newsletter-form .wpcf7-submit.footer-newsletter-btn {
	width: 117px !important;
	min-width: 117px !important;
	height: inherit !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	background-color: #00234d !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 12px 12px 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* CF7: newsletter banner form */
.newsletter-form.wpcf7-form,
form.wpcf7-form.newsletter-form {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
}

.newsletter-form .wpcf7-form-control-wrap {
	flex: 1 1 auto;
	min-width: 0;
}

.newsletter-form input.newsletter-input,
.newsletter-form input.wpcf7-form-control[type="email"] {
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.newsletter-form input.wpcf7-submit,
.newsletter-form .newsletter-btn,
.newsletter-form .wpcf7-submit.newsletter-btn {
	width: 56px !important;
	min-width: 56px !important;
	height: 56px !important;
	background-color: var(--primary-color) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14'%3E%3Cpath d='M9.11539 0L7.50417 2L11.5769 5.6H0.5v2.6h11.2049L7.50417 11.5 8.70513 14 16.5 7.2 9.11539 0z' fill='%23FEFEFE'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	color: transparent !important;
	border: none !important;
	border-radius: 0.25rem !important;
	box-shadow: none !important;
	padding: 0 !important;
	font-size: 0 !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
}

/* CF7: contact form submit → template contact-submit-btn */
.contact-form .wpcf7-submit,
.contact-form input.wpcf7-submit,
.contact-form-wrap .wpcf7-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 160px !important;
	height: 44px !important;
	margin-top: 20px !important;
	border: none !important;
	border-radius: 4px !important;
	color: #fff !important;
	background: var(--primary-color) !important;
	background-image: none !important;
	box-shadow: none !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	padding: 0 !important;
}

.contact-form .wpcf7-form-control-wrap input,
.contact-form .wpcf7-form-control-wrap textarea,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
	width: 100%;
	border: 1px solid rgba(0, 35, 77, 0.15);
	border-radius: 4px;
	padding: 10px 14px;
	background: #fff;
	box-shadow: none;
}

.contact-form .wpcf7-form-control-wrap input {
	height: 44px;
}

/* Product ATC / Buy now (template product.html) */
.woocommerce .product-details .button.btn-atc,
.woocommerce .product-details button.button.alt.btn-atc,
.woocommerce .product-details a.btn-atc,
.product-details .btn-atc {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 13.5px 24px !important;
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	background: #000000 !important;
	background-image: none !important;
	border-radius: 4px !important;
	border: none !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
	color: #fefefe !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.woocommerce .product-details .btn-add-to-cart,
.product-details .btn-add-to-cart {
	max-width: calc(100% - 56px) !important;
}

.woocommerce .product-details .btn-buyit-now,
.product-details .btn-buyit-now {
	background: #00234d !important;
	color: #fefefe !important;
	margin-top: 0 !important;
}

.woocommerce .product-details .btn-atc:hover,
.woocommerce .product-details .btn-buyit-now:hover,
.product-details .btn-atc:hover {
	background: var(--secondary-color) !important;
	color: #fff !important;
}

.woocommerce .product-details .product-form-buttons {
	gap: 0;
}

.woocommerce .product-page .cart,
.woocommerce div.product form.cart {
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce .quantity .qty-input,
.woocommerce .quantity input.qty {
	width: 60px !important;
	text-align: center;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.woocommerce ul.products {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.woocommerce ul.products li.product {
	float: none !important;
	margin: 0 !important;
	padding: 0 12px 24px !important;
	width: auto !important;
	clear: none !important;
}

.woocommerce span.onsale {
	display: none !important;
}

/* Shop archive — left sidebar, 3 products per row */
.collection .filter-sort-wrapper {
	margin-bottom: 24px;
	gap: 12px;
}

.collection .collection-filter .filter-lists {
	max-height: 280px;
	overflow-y: auto;
}

.collection .filter-widget.filter-color .filter-lists {
	max-height: none;
	overflow: visible;
}

.woocommerce .collection .collection-product-container .row,
.collection .collection-product-container .row {
	display: flex !important;
	flex-wrap: wrap !important;
	margin-left: -12px !important;
	margin-right: -12px !important;
}

.woocommerce .collection .collection-product-container .row > .product,
.woocommerce-page .collection .collection-product-container .row > .product,
.collection .collection-product-container .row > .product {
	float: none !important;
	clear: none !important;
	display: block !important;
	margin: 0 0 24px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	border: 0 !important;
	box-sizing: border-box !important;
	width: 50% !important;
	max-width: 50% !important;
	flex: 0 0 50% !important;
}

@media (min-width: 992px) {
	.woocommerce .collection .collection-product-container .row > .product,
	.woocommerce-page .collection .collection-product-container .row > .product,
	.collection .collection-product-container .row > .product {
		width: 33.33333333% !important;
		max-width: 33.33333333% !important;
		flex: 0 0 33.33333333% !important;
	}
}

/* Avoid WP/Woo wrapping breaking section layout */
#page.site.body-wrapper {
	overflow-x: clip;
}

.site-main.content-for-layout {
	padding: 0;
	margin: 0;
	max-width: none;
	width: 100%;
}

.skip-link:focus {
	z-index: 100000;
}

/* Lesbaza24 logo sizing */
.header-logo .logo-main img {
	display: block;
	max-height: 52px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.footer-logo img {
	display: block;
	max-height: 64px;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 767.98px) {
	.header-logo .logo-main img {
		max-height: 40px;
	}
}