/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Site buttons (used by Fluent Forms via Custom CSS Class on submit button). */
.ms-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 30px;
	border-radius: 0;
	line-height: normal;
	cursor: pointer;
	transition: 0.3s ease;
}

.ms-button-primary {
	background-color: var(--btn-accented-bgcolor, var(--wd-primary-color, #333));
	border: 1px solid var(--btn-accented-bgcolor, var(--wd-primary-color, #333));
	color: var(--btn-accented-color, #fff);
}

.ms-button-primary:hover,
.ms-button-primary:focus-visible,
.ms-button-primary:active {
	background-color: var(--btn-accented-bgcolor-hover, var(--btn-accented-bgcolor, #000));
	border-color: var(--btn-accented-bgcolor-hover, var(--btn-accented-bgcolor, #000));
	color: var(--btn-accented-color-hover, #fff);
}

/* Footer newsletter form */
footer .ms-news-form .ff-el-group {
	margin-bottom: 0;
}

footer .ms-news-form .ff-el-input--content .ff-el-form-control {
	width: 100%;
}

footer .ms-news-form .ff_submit_btn_wrapper {
	width: 100%;
	margin-top: 15px;
}

footer .ms-news-form .ff-btn-submit.ms-button {
	display: flex;
	width: 100%;
	min-width: 0;
}

/* WhatsApp-only product CTA */
.ms-whatsapp-btn-wrap--single {
	margin-top: 10px;
	width: 100%;
}

.ms-whatsapp-btn-wrap--sticky {
	width: 100%;
}

.ms-whatsapp-btn-wrap--loop {
	margin-block-start: 10px;
	width: 100%;
	flex: 1 1 100%;
}

.wrapp-product-price:has(.ms-whatsapp-btn-wrap--loop),
.product-rating-price:has(.ms-whatsapp-btn-wrap--loop),
.wrap-price:has(.ms-whatsapp-btn-wrap--loop) {
	flex-wrap: wrap;
}

.ms-whatsapp-only-product a.button.ms-whatsapp-btn,
a.button.ms-whatsapp-btn,
a.ms-whatsapp-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #111 !important;
	color: #111 !important;
	text-decoration: none !important;
	text-transform: none !important;
	border-radius: 0;
}

.ms-whatsapp-only-product a.button.ms-whatsapp-btn:hover,
.ms-whatsapp-only-product a.button.ms-whatsapp-btn:focus-visible,
.ms-whatsapp-only-product a.button.ms-whatsapp-btn:active,
a.button.ms-whatsapp-btn:hover,
a.button.ms-whatsapp-btn:focus-visible,
a.button.ms-whatsapp-btn:active,
a.ms-whatsapp-btn:hover,
a.ms-whatsapp-btn:focus-visible,
a.ms-whatsapp-btn:active {
	background-color: #111 !important;
	border-color: #111 !important;
	color: #fff !important;
}

a.ms-whatsapp-btn:focus-visible {
	outline: 2px solid #111;
	outline-offset: 2px;
}

.ms-whatsapp-btn__icon {
	display: block;
	flex-shrink: 0;
	width: 1.15em;
	height: 1.15em;
}

/* Disable Woodmart cart-icon / replace hover on WhatsApp CTA */
a.ms-whatsapp-btn,
.wd-add-btn > a.ms-whatsapp-btn,
.wd-add-btn-replace > a.ms-whatsapp-btn,
.wd-action-btn > a.ms-whatsapp-btn,
.wd-action-btn.wd-style-icon > a.ms-whatsapp-btn {
	--wd-btn-icon: "" !important;
	overflow: visible !important;
	position: relative !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	flex-direction: row !important;
}

a.ms-whatsapp-btn::before,
a.ms-whatsapp-btn::after,
.wd-add-btn > a.ms-whatsapp-btn::before,
.wd-add-btn > a.ms-whatsapp-btn::after,
.wd-add-btn-replace > a.ms-whatsapp-btn::before,
.wd-add-btn-replace > a.ms-whatsapp-btn::after,
.wd-action-btn > a.ms-whatsapp-btn::before,
.wd-action-btn > a.ms-whatsapp-btn::after {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: none !important;
	animation: none !important;
}

a.ms-whatsapp-btn:hover > *,
a.ms-whatsapp-btn:focus-visible > *,
.wd-add-btn-replace > a.ms-whatsapp-btn:hover > *,
.wd-add-btn-replace > a.ms-whatsapp-btn:hover span,
.wd-add-btn-replace > a.ms-whatsapp-btn:hover .ms-whatsapp-btn__inner {
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.ms-whatsapp-btn__inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

/* Hide leftover Woodmart add-to-cart slot on WhatsApp-only cards. */
.ms-whatsapp-only-product .wd-product-thumb .wd-add-btn,
.ms-whatsapp-only-product .wd-product-card-hover .wd-add-btn,
.ms-whatsapp-only-product .wd-bottom-actions .wd-add-btn {
	display: none !important;
}

a.button.ms-whatsapp-btn--loop,
a.ms-whatsapp-btn--loop,
a.button.ms-whatsapp-btn--single,
a.ms-whatsapp-btn--single,
a.button.ms-whatsapp-btn--sticky,
a.ms-whatsapp-btn--sticky {
	display: inline-flex !important;
	width: 100% !important;
	min-height: 40px !important;
	height: auto !important;
	padding-block: 10px;
	padding-inline: 14px;
	box-sizing: border-box;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em;
}

.product-list-content .wd-add-btn:has(.ms-whatsapp-btn--loop),
.product-list-content .wd-add-btn-replace:has(.ms-whatsapp-btn--loop) {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
}

/* Keep both ends of the range visible (Woodmart hides 2nd .amount in .price). */
.ms-price-range,
.ms-price-range .woocommerce-Price-amount,
.price .ms-price-range .woocommerce-Price-amount {
	display: inline !important;
}

.ms-price-range-sep {
	display: inline !important;
	margin-inline: 0.35em;
}