/* Baladi Boutique — August extras (Laliv's meeting notes) */

/* 1. Third-party product-enquiry black button/form: the Ask-me form is the
      single contact path on product pages. Emphasize Ask-me instead. */
.single-product .contact-button,
.single-product .contact-send,
.single-product form.contact-form,
.single-product .product-enquiry,
.single-product [class*="product-enquiry"],
.single-product [class*="wdm-"] {
	display: none !important;
}
.baladi-ask summary {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 11px 20px;
	border: 1px solid var(--baladi-gold);
	border-radius: 999px;
	color: var(--baladi-charcoal);
	background: rgba(201, 162, 75, 0.08);
	font-size: 0.95em;
	letter-spacing: 0.06em;
	transition: background 0.25s, transform 0.2s var(--baladi-ease);
}
.baladi-ask summary:hover {
	background: rgba(201, 162, 75, 0.18);
	transform: translateY(-1px);
}
.baladi-ask summary::before {
	content: "✉";
	color: var(--baladi-gold);
	opacity: 1;
}

/* 2. Desktop gallery: arrows clearly visible and much larger; bigger dots. */
@media (min-width: 768px) {
	.woocommerce-product-gallery .flex-direction-nav a {
		width: 52px !important;
		height: 52px !important;
		border-radius: 50%;
		background: rgba(250, 247, 242, 0.92) !important;
		box-shadow: 0 2px 14px rgba(38, 38, 38, 0.16);
		opacity: 0.85 !important;
	}
	.woocommerce-product-gallery:hover .flex-direction-nav a {
		opacity: 1 !important;
	}
	.woocommerce-product-gallery .flex-direction-nav a::before {
		width: 14px !important;
		height: 14px !important;
		border-width: 2px !important;
	}
	.woocommerce-product-gallery .flex-direction-nav .flex-next {
		right: 16px !important;
	}
	.woocommerce-product-gallery .flex-direction-nav .flex-prev {
		left: 16px !important;
	}
	.woocommerce-product-gallery .flex-control-paging a {
		width: 11px !important;
		height: 11px !important;
	}
	.woocommerce-product-gallery .flex-control-paging {
		gap: 12px !important;
		margin-top: 18px !important;
	}
}

/* 5. Testimonial cards: equal heights (JS measures; CSS aligns). */
.baladi-equalized {
	display: flex;
	flex-direction: column;
}