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

/* Floating WhatsApp button (site-wide) */
.crew-wa-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	transition: transform .2s, box-shadow .2s;
}
.crew-wa-float:hover,
.crew-wa-float:focus-visible {
	color: #fff;
	transform: scale(1.06);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
}
.crew-wa-float svg { display: block; }
@media (max-width: 767px) {
	.crew-wa-float { right: 14px; bottom: 14px; width: 52px; height: 52px; }
}

/* Categories page (id 6436): 3 columns from 600px up; WoodMart's tablet range only starts at 769px */
@media (min-width: 600px) and (max-width: 768.98px) {
	.page-id-6436 .wd-cats {
		--wd-col-sm: 3 !important;
		--wd-gap-sm: 16px !important;
	}
}

/* Policy pages (Privacy, Return & Refund, Shipping & Delivery) */
.crew-policy {
	max-width: 860px;
	margin: 0 auto;
	padding: 8px 0 24px;
	direction: rtl;
	text-align: right;
	font-family: 'Almarai', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.95;
	color: #46464d;
}
.crew-policy .crew-policy-title {
	margin: 0 0 28px;
	font-size: 34px;
	line-height: 1.4;
	font-weight: 700;
	color: #030883;
}
.crew-policy h2 { margin: 38px 0 12px; font-size: 24px; line-height: 1.5; font-weight: 700; color: #030883; }
.crew-policy h3 { margin: 28px 0 10px; font-size: 20px; line-height: 1.5; font-weight: 700; color: #3e509e; }
.crew-policy p { margin: 0 0 16px; }
.crew-policy ul,
.crew-policy ol { margin: 0 0 20px; padding-inline-start: 26px; padding-inline-end: 0; }
.crew-policy li { margin-bottom: 8px; }
.crew-policy .crew-policy-note { margin: 26px 0 4px; color: #030883; }
.crew-policy a { color: #030883; text-decoration: underline; }
@media (max-width: 767px) {
	.crew-policy { font-size: 16px; line-height: 1.85; }
	.crew-policy .crew-policy-title { font-size: 26px; }
	.crew-policy h2 { font-size: 20px; margin-top: 30px; }
	.crew-policy h3 { font-size: 18px; }
}

.crew-policy p,
.crew-policy li { text-align: start; text-justify: auto; }

/* Footer: payment methods row + development credit */
.crew-footer-pay {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.crew-footer-pay li { margin: 0; padding: 0; list-style: none; }
.crew-footer-pay img { display: block; width: auto; height: 26px; max-width: 100%; object-fit: contain; }
.elementor-location-footer a[href*="taifds.com"] {
	color: inherit;
	font-weight: 700;
	text-decoration: none;
	transition: color .2s;
}
.elementor-location-footer a[href*="taifds.com"]:hover,
.elementor-location-footer a[href*="taifds.com"]:focus-visible { color: #030883; text-decoration: underline; }

@media (max-width: 480px) {
	.crew-footer-pay { gap: 8px 10px; }
	.crew-footer-pay img { height: 21px; }
}

.crew-footer-pay { justify-content: center; }

/* ===== CREW auth pages (My Account login / register, lost password) ===== */
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-lost-password .woocommerce { font-family: 'Almarai', Arial, Helvetica, sans-serif; }
body.woocommerce-account .wd-registration-page { max-width: 1000px; margin: 0 auto; padding: 8px 0 24px; }
body.woocommerce-account .wd-registration-page #customer_login {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}
body.woocommerce-account .wd-registration-page .wd-col { width: auto; max-width: none; padding: 0; margin: 0; }
body.woocommerce-account .wd-registration-page .col-login,
body.woocommerce-account .wd-registration-page .col-register {
	padding: 36px 32px;
	background: #fff;
	border: 2px solid #f0f0f0;
	border-radius: 24px;
}
body.woocommerce-account .wd-registration-page .col-register-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 36px 32px;
	background: #f0f0f0;
	border-radius: 24px;
	text-align: center;
}
body.woocommerce-account .wd-registration-page .wd-login-divider { display: none; }
body.woocommerce-account .wd-registration-page .wd-login-title {
	margin: 0 0 22px;
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	color: #030883;
}
body.woocommerce-account .wd-registration-page .registration-info {
	margin: 0 0 24px;
	font-size: 16px;
	line-height: 1.9;
	color: #6b6e74;
}
body.woocommerce-account .wd-registration-page .form-row,
body.woocommerce-lost-password .lost_reset_password .form-row { margin: 0 0 18px; padding: 0; }
body.woocommerce-account .wd-registration-page label,
body.woocommerce-lost-password .lost_reset_password label {
	display: block;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: #656263;
}
body.woocommerce-account .wd-registration-page label .required,
body.woocommerce-lost-password .lost_reset_password label .required { color: #d92d20; }
body.woocommerce-account .wd-registration-page input.input-text,
body.woocommerce-account .wd-registration-page input[type="email"],
body.woocommerce-account .wd-registration-page input[type="text"],
body.woocommerce-account .wd-registration-page input[type="password"],
body.woocommerce-lost-password .lost_reset_password input.input-text {
	width: 100%;
	height: 48px;
	padding: 0 20px;
	font-family: inherit;
	font-size: 15px;
	color: #656263;
	background: #f0f0f0;
	border: 1px solid transparent;
	border-radius: 100px;
	box-shadow: none;
	text-align: right;
	transition: box-shadow .2s, background-color .2s;
}
body.woocommerce-account .wd-registration-page input:focus,
body.woocommerce-lost-password .lost_reset_password input.input-text:focus {
	background: #fff;
	border-color: transparent;
	box-shadow: 0 0 0 2px #030883;
	outline: none;
}
body.woocommerce-account .wd-registration-page .password-input input { padding-inline: 20px 52px; }
body.woocommerce-account .wd-registration-page .show-password-input {
	position: absolute;
	top: 50%;
	inset-inline-end: 18px;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	color: #6b6e74;
}
body.woocommerce-account .wd-registration-page .password-input,
body.woocommerce-lost-password .lost_reset_password .password-input { position: relative; display: block; }
body.woocommerce-account .wd-registration-page .form-row-btn { margin-top: 24px; }
body.woocommerce-account .wd-registration-page button.button,
body.woocommerce-account .wd-registration-page a.wd-switch-to-register,
body.woocommerce-lost-password .lost_reset_password button.button,
body.woocommerce-lost-password .lost_reset_password .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	min-height: 48px;
	padding: 0 24px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: #030883;
	border: 0;
	border-radius: 100px;
	box-shadow: none;
	text-transform: none;
	transition: background-color .2s;
}
body.woocommerce-account .wd-registration-page button.button:hover,
body.woocommerce-lost-password .lost_reset_password button.button:hover { background: #3e509e; color: #fff; }
body.woocommerce-account .wd-registration-page a.wd-switch-to-register { max-width: 260px; background: #fff; color: #030883; border: 2px solid #030883; }
body.woocommerce-account .wd-registration-page a.wd-switch-to-register:hover { background: #030883; color: #fff; }
body.woocommerce-account .wd-registration-page .login-form-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 20px 0 0;
}
body.woocommerce-account .wd-registration-page .login-form-footer label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; color: #6b6e74; }
body.woocommerce-account .wd-registration-page .lost_password a,
body.woocommerce-lost-password .woocommerce a:not(.button) { color: #030883; font-weight: 700; text-decoration: none; }
body.woocommerce-account .wd-registration-page .lost_password a:hover { text-decoration: underline; }
body.woocommerce-account .wd-registration-page .woocommerce-privacy-policy-text { margin: 0 0 8px; font-size: 14px; line-height: 1.8; color: #6b6e74; }
body.woocommerce-account .wd-registration-page .woocommerce-privacy-policy-text a { color: #030883; font-weight: 700; }
/* Lost password page */
body.woocommerce-lost-password .woocommerce > .woocommerce-ResetPassword,
body.woocommerce-lost-password .woocommerce > form.lost_reset_password {
	max-width: 560px;
	margin: 8px auto 24px;
	padding: 36px 32px;
	background: #fff;
	border: 2px solid #f0f0f0;
	border-radius: 24px;
}
body.woocommerce-lost-password .lost_reset_password > p:first-child { margin: 0 0 22px; font-size: 16px; line-height: 1.9; color: #6b6e74; }
/* Notices */
body.woocommerce-account .woocommerce-notices-wrapper ul,
body.woocommerce-lost-password .woocommerce-notices-wrapper ul { margin: 0 0 20px; padding: 0; list-style: none; }
body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-lost-password .woocommerce-error,
body.woocommerce-lost-password .woocommerce-message,
body.woocommerce-lost-password .woocommerce-info {
	max-width: 1000px;
	margin: 0 auto 20px;
	padding: 14px 20px;
	font-size: 15px;
	line-height: 1.7;
	border: 0;
	border-radius: 16px;
	background: #eef1ff;
	color: #030883;
	text-align: right;
}
body.woocommerce-account .woocommerce-error,
body.woocommerce-lost-password .woocommerce-error { background: #fff1f0; color: #d92d20; }
body.woocommerce-account .woocommerce-error li,
body.woocommerce-lost-password .woocommerce-error li { list-style: none; margin: 0; }
@media (max-width: 767px) {
	body.woocommerce-account .wd-registration-page #customer_login { grid-template-columns: 1fr; gap: 16px; }
	body.woocommerce-account .wd-registration-page .col-login,
	body.woocommerce-account .wd-registration-page .col-register,
	body.woocommerce-account .wd-registration-page .col-register-text,
	body.woocommerce-lost-password .woocommerce > form.lost_reset_password { padding: 24px 18px; }
	body.woocommerce-account .wd-registration-page .wd-login-title { font-size: 22px; }
}

/* ===== CREW cart drawer (WoodMart mini-cart offcanvas) ===== */
.cart-widget-side { font-family: 'Almarai', Arial, Helvetica, sans-serif; }
.cart-widget-side .wd-heading { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; }
.cart-widget-side .wd-heading .title { font-size: 20px; font-weight: 700; color: #030883; }
.cart-widget-side .close-side-widget a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 100px;
	background: #f0f0f0;
	color: #030883;
	font-weight: 700;
}
.cart-widget-side .close-side-widget a:hover { background: #030883; color: #fff; }
.cart-widget-side .shopping-cart-widget-body { padding: 8px 0; }
.cart-widget-side .woocommerce-mini-cart-item {
	margin: 0 16px 10px;
	padding: 14px;
	background: #f7f7f9;
	border: 0;
	border-radius: 16px;
}
.cart-widget-side .woocommerce-mini-cart-item .cart-item-image img { border-radius: 12px; object-fit: cover; background: #fff; }
.cart-widget-side .woocommerce-mini-cart-item .wd-entities-title { font-size: 15px; line-height: 1.6; font-weight: 700; color: #46464d; }
.cart-widget-side .woocommerce-mini-cart-item .quantity { font-size: 14px; color: #6b6e74; }
.cart-widget-side .woocommerce-mini-cart-item .quantity .amount { font-size: 15px; font-weight: 700; color: #030883; }
.cart-widget-side .woocommerce-mini-cart-item a.remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	color: #6b6e74;
	font-size: 18px;
	line-height: 1;
	box-shadow: 0 0 0 1px #e4e4e6;
}
.cart-widget-side .woocommerce-mini-cart-item a.remove:hover { background: #d92d20; color: #fff; box-shadow: none; }
.cart-widget-side .shopping-cart-widget-footer { padding: 16px 16px 20px; border-top: 1px solid #f0f0f0; background: #fff; }
.cart-widget-side .woocommerce-mini-cart__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 14px;
	font-size: 16px;
	color: #46464d;
}
.cart-widget-side .woocommerce-mini-cart__total .amount { font-size: 22px; font-weight: 700; color: #030883; }
.cart-widget-side .wd-free-progress-bar { margin: 0 0 16px; }
.cart-widget-side .wd-free-progress-bar .progress-msg p { margin: 0 0 8px; font-size: 14px; line-height: 1.7; color: #6b6e74; }
.cart-widget-side .wd-free-progress-bar .progress-area { height: 8px; border-radius: 100px; background: #e4e6f4; overflow: hidden; }
.cart-widget-side .wd-free-progress-bar .progress-bar { height: 100%; border-radius: 100px; background: #030883; background-image: none; animation: none; }
.cart-widget-side .woocommerce-mini-cart__buttons { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.cart-widget-side .woocommerce-mini-cart__buttons .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	min-height: 48px;
	margin: 0;
	padding: 0 20px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	border-radius: 100px;
	box-shadow: none;
	text-transform: none;
	transition: background-color .2s, color .2s;
}
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart { background: #fff; color: #030883; border: 2px solid #030883; }
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover { background: #030883; color: #fff; }
.cart-widget-side .woocommerce-mini-cart__buttons .checkout { background: #030883; color: #fff; border: 2px solid #030883; }
.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover { background: #3e509e; border-color: #3e509e; color: #fff; }
.cart-widget-side .woocommerce-mini-cart__empty-message { margin: 0 0 16px; font-size: 16px; line-height: 1.8; color: #6b6e74; text-align: center; }
.cart-widget-side .return-to-shop { text-align: center; }
.cart-widget-side .return-to-shop .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 32px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #030883;
	border: 0;
	border-radius: 100px;
}

/* WoodMart JS pins the registration wrapper height; let the cards define it */
body.woocommerce-account .wd-registration-page { height: auto !important; min-height: 0 !important; }
body.woocommerce-account .wd-registration-page #customer_login { margin: 0 !important; }
body.woocommerce-account .woocommerce-notices-wrapper,
body.woocommerce-lost-password .woocommerce-notices-wrapper { max-width: 1000px; margin: 0 auto; }
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-lost-password .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-lost-password .woocommerce-notices-wrapper .woocommerce-message { max-width: none; margin: 0 0 20px; }

/* CREW cart drawer fixes: single remove glyph (WoodMart adds an icon via ::after), single divider */
.cart-widget-side .woocommerce-mini-cart-item a.remove { font-size: 0; }
.cart-widget-side .woocommerce-mini-cart-item a.remove::after { font-size: 12px; }
.cart-widget-side .woocommerce-mini-cart__total { border-top: 0; padding-top: 0; }

/* CREW cart drawer empty state */
.cart-widget-side .wd-empty-mini-cart { padding: 32px 20px; text-align: center; }
.cart-widget-side .wd-empty-mini-cart .woocommerce-mini-cart__empty-message { margin: 0 0 20px; font-size: 17px; font-weight: 700; line-height: 1.7; color: #46464d; }
.cart-widget-side .wd-empty-mini-cart a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 32px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background: #030883;
	border: 0;
	border-radius: 100px;
	box-shadow: none;
	text-transform: none;
	transition: background-color .2s;
}
.cart-widget-side .wd-empty-mini-cart a.btn:hover { background: #3e509e; color: #fff; }
.cart-widget-side .shopping-cart-widget-footer.wd-cart-empty { display: none; }
