/**
 * Boutique Haperach — Assistant typography system
 */

body,
body p,
body li,
body input,
body textarea,
body select,
body label,
body table,
body .elementor-widget-text-editor {
	font-family: "Assistant", sans-serif !important;
	font-weight: 400;
}

body .wd-nav a,
body .menu a,
body button,
body .button,
body input[type="submit"],
body input[type="button"],
body .price,
body .amount,
body .woocommerce-Price-amount {
	font-family: "Assistant", sans-serif !important;
	font-weight: 600;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title,
body .woodmart-title-container,
body .product_title {
	font-family: "Assistant", sans-serif !important;
	font-weight: 700;
}

/* Header top bar: keep all desktop messages readable and aligned. */
@media (min-width: 1025px) {
	.whb-top-bar,
	.whb-top-bar .whb-top-bar-inner {
		min-height: 46px;
		overflow: visible;
	}

	.whb-top-bar .container {
		width: 96% !important;
		max-width: 1500px !important;
		padding-inline: 24px !important;
	}

	.whb-top-bar .whb-column5 {
		display: grid !important;
		grid-template-columns: minmax(0, 1.45fr) minmax(150px, .7fr) minmax(0, 1.45fr);
		align-items: center;
		column-gap: 28px;
		width: 100%;
	}

	.whb-top-bar .wd-header-text {
		min-width: 0;
		text-align: center !important;
	}

	.whb-top-bar .wd-header-text h5,
	.whb-top-bar .wd-header-text h5[style] {
		margin: 0 !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		text-align: center !important;
		white-space: nowrap;
		color: #2f2528 !important;
	}

	.whb-top-bar .wd-header-text h5 > a:first-child {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: row !important;
		gap: 8px !important;
		width: auto !important;
		max-width: 100% !important;
		position: static !important;
		white-space: nowrap;
		font-weight: 700 !important;
		color: #2f2528 !important;
	}

	.whb-top-bar .wd-header-text h5 > a:first-child img {
		display: none !important;
	}

	.whb-top-bar .wd-header-text h5 > a:first-child::before {
		content: "" !important;
		display: block !important;
		position: static !important;
		flex: 0 0 22px;
		width: 22px;
		height: 22px;
		margin: 0 !important;
		background: url("https://flower-boutique.co.il/wp-content/uploads/2024/10/icons8-whatsapp-48.png") center / contain no-repeat;
	}

	@media (max-width: 1250px) {
		.whb-top-bar .whb-column5 {
			column-gap: 14px;
			grid-template-columns: minmax(0, 1.6fr) minmax(125px, .65fr) minmax(0, 1.6fr);
		}

		.whb-top-bar .wd-header-text h5,
		.whb-top-bar .wd-header-text h5[style] {
			font-size: 12.5px !important;
		}
	}
}

/* Mobile uses one concise phone action without wrapping or clipping. */
@media (max-width: 1024px) {
	.whb-top-bar,
	.whb-top-bar .whb-top-bar-inner {
		min-height: 40px;
		overflow: visible;
	}

	.whb-top-bar .whb-col-mobile,
	.whb-top-bar .wd-button-wrapper {
		width: 100%;
	}

	.whb-top-bar .wd-button-wrapper .btn {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		padding: 6px 12px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		white-space: nowrap;
	}
}