/* ===================================================================
   BLOOM · the main menu, on one line
   The header's menu row is a two-column grid holding a single cell, so
   the navigation was living in 569px and wrapping - and the wrapped
   line collided with the "לטיולים הקרובים" button and the basket.
   One full-width column, slightly tighter items, and the seven sections
   fit beside the button again.
   Desktop only: below 1025px the menu is the burger and none of this
   applies.
   =================================================================== */

@media (min-width: 1025px) {

	/* the row gets its whole width instead of the first of two columns */
	.xpro-theme-builder-header .elementor-71 {
		grid-template-columns: 1fr !important;
	}

	.xpro-theme-builder-header .elementor-element-8b02291 {
		width: 100% !important;
		justify-content: center;
		align-items: center;
		gap: 14px;
	}

	/* the menu may shrink to fit; the button keeps its size */
	.xpro-theme-builder-header .elementor-element-ba6cbbc { flex: 0 1 auto; }
	.xpro-theme-builder-header .elementor-element-b4dd752 { flex: 0 0 auto; }

	/* one line, and a little less air between the items to earn it */
	.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav {
		flex-wrap: nowrap !important;
	}

	.xpro-theme-builder-header .xpro-elementor-horizontal-navbar-nav > li > a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 15.5px !important;
		white-space: nowrap;
	}
}

/* ===================================================================
   BLOOM · the header band, at its proper size

   The lockup at the top of the site is one image - the leaves, BLOOM by
   Iris, the line under it and the small word row - and it was being drawn
   inside a 1200px container. On a wide screen that left the logo itself
   occupying about a fifth of the window and reading as small.

   The band now gets up to 1560px - still well inside the picture's own 1990px,
   so it is never upscaled and never softens - and never more than 92vw, so
   there is always a margin at the sides and it does not run into the edges of
   a smaller laptop screen. The menu row is held back to the 1200 it had, so
   the navigation and the button stay exactly where they were: only the logo
   grows, by about a third.
   =================================================================== */

@media (min-width: 1025px) {

	/* The band is narrower than the window, and a block that is narrower than
	   its parent and has no side margins sits against the start edge - which in
	   an RTL page is the right. That is why the whole header looked shoved to
	   one side, with a wide empty strip down the left. Automatic side margins
	   put it back in the middle. */
	.xpro-theme-builder-header .elementor-71 {
		max-width: min(1560px, 92vw) !important;
		margin-inline: auto !important;
	}

	/* the menu row keeps the width it was designed at */
	.xpro-theme-builder-header .elementor-element-a2menu {
		max-width: 1200px !important;
		margin-inline: auto !important;
	}
}

@media (max-width: 1024px) {
	/* on a phone the band already fills the width; nothing to widen */
	.xpro-theme-builder-header .elementor-71 { max-width: 100% !important; }
}

/* rev: 1788608195 */

/* rev: 1788608973 */