/* Header: Enquire + Chat beside the hamburger, full-width row with 10% side space on desktop,
   and a transparent header over the hero that turns solid on scroll (body.sayba-hero-header / .sayba-scrolled). */

/* Text + icon items (Enquire, Chat) */
body .site-header__info .site-header__info-item.site-header__info-item--text a {
	min-width: 0;
	width: auto;
	padding: 10px 22px;
	gap: 9px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
.site-header__info-item--text .site-header__info-icon { width: 20px; height: 20px; }
.site-header__info-icon--enquire {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5a1 1 0 0 1 1.51-.86L12 9.15l8.49-5.01A1 1 0 0 1 22 5v1.19l-9.47 5.59a1 1 0 0 1-1.02 0L2 6.19V5Zm0 3.94V19a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V8.94l-9.47 5.59a1 1 0 0 1-1.02 0L2 8.94Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5a1 1 0 0 1 1.51-.86L12 9.15l8.49-5.01A1 1 0 0 1 22 5v1.19l-9.47 5.59a1 1 0 0 1-1.02 0L2 6.19V5Zm0 3.94V19a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V8.94l-9.47 5.59a1 1 0 0 1-1.02 0L2 8.94Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.site-header__info-icon--chat {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Desktop: full-width header row, 10% space each side (not on mobile) */
@media (min-width: 1200px) {
	#main-header .site-main-header-wrap .site-container { max-width: none; width: 100%; padding-left: 10%; padding-right: 10%; }
}
@media (min-width: 769px) and (max-width: 1199px) {
	#main-header .site-main-header-wrap .site-container { max-width: none; width: 100%; padding-left: 4%; padding-right: 4%; }
}
@media (max-width: 768px) {
	.site-header__info-item--text { display: none; }
}

/* Menu never wraps to a second line */
#masthead .main-navigation .primary-menu-container > ul { flex-wrap: nowrap; }
#masthead .main-navigation .primary-menu-container > ul > li > a { white-space: nowrap; font-size: 0.95rem; padding-left: 0.85em; padding-right: 0.85em; }

/* ---------- Sticky header (all pages) ----------
   Hero pages start transparent (body.sayba-at-top) and turn into the frosted black strip on scroll;
   other pages show the strip straight away. */
body.sayba-sticky #masthead {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000; /* site layers: content < sticky bars (30-50) < THIS header (1000) < popups, lightboxes, off-canvas menu (99999 and up) */
	background: rgba(0, 0, 0, 0.7) !important;
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	backdrop-filter: blur(14px) saturate(140%);
	box-shadow: none;
	transition: background-color 0.3s ease;
}
body.sayba-sticky.admin-bar #masthead { top: 32px; }
@media (max-width: 782px) { body.sayba-sticky.admin-bar #masthead { top: 46px; } }
body.sayba-sticky:not(.sayba-hero-header) { padding-top: 62px; }

body.sayba-sticky.sayba-at-top #masthead { background: transparent !important; -webkit-backdrop-filter: none; backdrop-filter: none; }

/* 62px strip */
body.sayba-sticky #masthead .site-main-header-wrap,
body.sayba-sticky #masthead .site-header-row-container-inner,
body.sayba-sticky #masthead .site-main-header-inner-wrap { background: transparent !important; border: 0; min-height: 62px; height: 62px; }
body.sayba-sticky #masthead .site-branding a.brand img.custom-logo { height: 42px; width: auto; max-width: none; }
body.sayba-sticky #masthead .site-branding { max-height: 62px; }

/* White logo, nav, icons and text on the strip and over the hero */
body.sayba-sticky #masthead .custom-logo { filter: brightness(0) invert(1); }
body.sayba-sticky #masthead .main-navigation a,
body.sayba-sticky #masthead .site-header__info-item a,
body.sayba-sticky #masthead .site-header__info-item a:hover,
body.ki-drawer--side.sayba-sticky #masthead .site-header__info-item.site-header__info-item--menu a,
body.ki-drawer--side.sayba-sticky #masthead .site-header__info-item.site-header__info-item--menu a:hover { color: #ffffff; }
body.sayba-sticky #masthead .main-navigation a:hover { color: #7cb8ae; }
body.sayba-sticky #masthead .site-header__info-item--text a:hover { background-color: rgba(255, 255, 255, 0.14); }

/* Chat = WhatsApp glyph */
.site-header__info-icon--chat {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 18.15h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23Zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.23.25-.87.85-.87 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.1-.23-.16-.48-.29Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2Zm0 18.15h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.21 8.21 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.82 2.42a8.18 8.18 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23Zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.23.25-.87.85-.87 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.1-.23-.16-.48-.29Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Dropdown (Our Projects > Featured Locations): same frosted black as the strip */
#masthead .header-navigation ul ul.sub-menu {
	background: rgba(0, 0, 0, 0.78) !important;
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-radius: 0 0 14px 14px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
	min-width: 210px;
	padding: 6px 0;
}
#masthead .header-navigation ul ul.sub-menu a { padding: 12px 22px; font-size: 0.9rem; color: #ffffff !important; background: transparent !important; }
#masthead .header-navigation ul ul.sub-menu a:hover { color: #7cb8ae !important; }