/* Anchor links (#work, #contact…) stop below the sticky header instead of under it. */
html { scroll-padding-top: 80px; }

/* Mobile action bar (CSS class htb-mbar on its Elementor container): clear the iPhone home indicator. */
.htb-mbar { padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }

/* Shown under the enquiry form after it sends. Scoped with an extra class so kit and theme link styles can't override it. */
.htb-wa-next.htb-wa-next {
	display: grid; gap: 12px; margin-top: 16px; padding: 18px;
	border-radius: 10px; background: #181A19; border: 1px solid #34382F; color: #ECE8E1;
	font-size: 16px; line-height: 1.5; text-align: left;
}
.htb-wa-next.htb-wa-next p { margin: 0; color: #ECE8E1; }
.htb-wa-next.htb-wa-next a.htb-wa-next__btn {
	justify-self: start; display: inline-flex; align-items: center; min-height: 48px; padding: 12px 22px;
	border-radius: 10px; background: #9FBE8C; color: #181A19;
	font-weight: 600; line-height: 1.25; text-decoration: none;
}
.htb-wa-next.htb-wa-next a.htb-wa-next__btn:hover,
.htb-wa-next.htb-wa-next a.htb-wa-next__btn:focus { background: #B2CE9F; color: #181A19; }
.htb-wa-next.htb-wa-next a.htb-wa-next__btn:focus-visible { outline: 3px solid #9FBE8C; outline-offset: 2px; }