/* Universal design system layer for Naz716 front-end consistency. */
:root {
	--naz716-color-primary: #0456d5;
	--naz716-color-primary-hover: #0142a8;
	--naz716-color-secondary: #0a7f4f;
	--naz716-color-secondary-hover: #086b42;
	--naz716-color-ink: #12324f;
	--naz716-color-ink-strong: #0f2740;
	--naz716-color-border: #d7e0e9;
	--naz716-color-border-strong: #b9c9da;
	--naz716-color-surface: #ffffff;
	--naz716-color-surface-soft: #f2f7ff;
	--naz716-color-focus: rgba(4, 86, 213, 0.28);
	--naz716-radius-pill: 999px;
	--naz716-radius-md: 12px;
	--naz716-shadow-btn: 0 8px 20px rgba(4, 86, 213, 0.22);
	--naz716-font-body: "Open Sans", "Segoe UI", Arial, sans-serif;
}

:root {
	--colibri-color-1: var(--naz716-color-primary);
	--colibri-color-1--variant-4: var(--naz716-color-primary-hover);
	--colibri-color-2: var(--naz716-color-secondary);
	--colibri-color-2--variant-4: var(--naz716-color-secondary-hover);
	--colibri-color-3: var(--naz716-color-secondary);
	--colibri-color-3--variant-4: var(--naz716-color-secondary-hover);
	--colibri-color-4: var(--naz716-color-primary);
	--colibri-color-4--variant-4: var(--naz716-color-primary-hover);
}

#colibri,
#colibri button,
#colibri input,
#colibri select,
#colibri textarea {
	font-family: var(--naz716-font-body);
}

#colibri a.h-button,
#colibri button.h-button,
.naz716-home-strip__btn,
.naz716-sticky-cta__btn,
.naz716-quick-inquiry__submit,
.naz716-directory__clear,
.naz716-directory-card__btn,
.naz716-business-profile__btn,
.naz716-events-filter-form__submit,
.naz716-events-clear-filters,
.naz716-btn,
.naz716-contracts__button,
.naz716-contracts__submit,
.naz716-room__btn,
.naz716-rooms__action,
.naz716-rooms__tab,
.naz716-rooms__change {
	font-family: var(--naz716-font-body) !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

#colibri a.h-button.style-29,
#colibri a.h-button.style-30 {
	border-radius: var(--naz716-radius-pill) !important;
	padding: 0.72rem 1.45rem !important;
}

#colibri a.h-button.style-505,
#colibri a.h-button.style-554,
#colibri a.h-button.style-556,
#colibri a.h-button.style-558,
#colibri a.h-button.style-580,
#colibri a.h-button.style-592 {
	border-radius: var(--naz716-radius-md) !important;
	padding: 0.62rem 1rem !important;
}

#colibri a.h-button.style-29,
#colibri a.h-button.style-505,
#colibri a.h-button.style-554,
#colibri a.h-button.style-556,
#colibri a.h-button.style-558,
#colibri a.h-button.style-580,
#colibri a.h-button.style-592,
.naz716-home-strip__btn--apply,
.naz716-sticky-cta__btn--apply,
.naz716-quick-inquiry__submit,
.naz716-directory-card__btn--profile,
.naz716-business-profile__btn--primary,
.naz716-events-filter-form__submit,
.naz716-btn--primary,
.naz716-room__btn,
.naz716-contracts__button:not(.naz716-contracts__button--secondary),
.naz716-contracts__submit,
#colibri .h-menu .menu-item.naz716-menu-cta-item > a.naz716-menu-cta-link {
	background: var(--naz716-color-primary) !important;
	border-color: var(--naz716-color-primary) !important;
	color: #fff !important;
	box-shadow: var(--naz716-shadow-btn);
}

#colibri a.h-button.style-29:hover,
#colibri a.h-button.style-29:focus,
#colibri a.h-button.style-505:hover,
#colibri a.h-button.style-505:focus,
#colibri a.h-button.style-554:hover,
#colibri a.h-button.style-554:focus,
#colibri a.h-button.style-556:hover,
#colibri a.h-button.style-556:focus,
#colibri a.h-button.style-558:hover,
#colibri a.h-button.style-558:focus,
#colibri a.h-button.style-580:hover,
#colibri a.h-button.style-580:focus,
#colibri a.h-button.style-592:hover,
#colibri a.h-button.style-592:focus,
.naz716-home-strip__btn--apply:hover,
.naz716-home-strip__btn--apply:focus,
.naz716-sticky-cta__btn--apply:hover,
.naz716-sticky-cta__btn--apply:focus,
.naz716-quick-inquiry__submit:hover,
.naz716-quick-inquiry__submit:focus,
.naz716-directory-card__btn--profile:hover,
.naz716-directory-card__btn--profile:focus,
.naz716-business-profile__btn--primary:hover,
.naz716-business-profile__btn--primary:focus,
.naz716-events-filter-form__submit:hover,
.naz716-events-filter-form__submit:focus,
.naz716-btn--primary:hover,
.naz716-btn--primary:focus,
.naz716-room__btn:hover,
.naz716-room__btn:focus,
.naz716-contracts__button:not(.naz716-contracts__button--secondary):hover,
.naz716-contracts__button:not(.naz716-contracts__button--secondary):focus,
.naz716-contracts__submit:hover,
.naz716-contracts__submit:focus,
#colibri .h-menu .menu-item.naz716-menu-cta-item > a.naz716-menu-cta-link:hover,
#colibri .h-menu .menu-item.naz716-menu-cta-item > a.naz716-menu-cta-link:focus {
	background: var(--naz716-color-primary-hover) !important;
	border-color: var(--naz716-color-primary-hover) !important;
	color: #fff !important;
	text-decoration: none;
}

.naz716-home-strip__btn--tour,
.naz716-sticky-cta__btn--tour,
.naz716-rooms__action--tour,
.naz716-rooms__empty-action--secondary {
	background: var(--naz716-color-secondary) !important;
	border-color: var(--naz716-color-secondary) !important;
	color: #fff !important;
}

.naz716-home-strip__btn--tour:hover,
.naz716-home-strip__btn--tour:focus,
.naz716-sticky-cta__btn--tour:hover,
.naz716-sticky-cta__btn--tour:focus,
.naz716-rooms__action--tour:hover,
.naz716-rooms__action--tour:focus,
.naz716-rooms__empty-action--secondary:hover,
.naz716-rooms__empty-action--secondary:focus {
	background: var(--naz716-color-secondary-hover) !important;
	border-color: var(--naz716-color-secondary-hover) !important;
	color: #fff !important;
}

#colibri a.h-button.style-30,
.naz716-home-strip__btn--call,
.naz716-rooms__action--call,
.naz716-rooms__empty-action--outline,
.naz716-directory__clear,
.naz716-contracts__button--secondary,
.naz716-rooms__change,
.naz716-rooms__tab,
.naz716-btn:not(.naz716-btn--primary),
.naz716-events-clear-filters {
	background: var(--naz716-color-surface) !important;
	border-color: var(--naz716-color-border-strong) !important;
	color: var(--naz716-color-ink) !important;
	box-shadow: none;
}

#colibri a.h-button.style-30:hover,
#colibri a.h-button.style-30:focus,
.naz716-home-strip__btn--call:hover,
.naz716-home-strip__btn--call:focus,
.naz716-rooms__action--call:hover,
.naz716-rooms__action--call:focus,
.naz716-rooms__empty-action--outline:hover,
.naz716-rooms__empty-action--outline:focus,
.naz716-directory__clear:hover,
.naz716-directory__clear:focus,
.naz716-contracts__button--secondary:hover,
.naz716-contracts__button--secondary:focus,
.naz716-rooms__change:hover,
.naz716-rooms__change:focus,
.naz716-rooms__tab:hover,
.naz716-rooms__tab:focus,
.naz716-rooms__tab.is-active,
.naz716-btn:not(.naz716-btn--primary):hover,
.naz716-btn:not(.naz716-btn--primary):focus,
.naz716-events-clear-filters:hover,
.naz716-events-clear-filters:focus {
	background: var(--naz716-color-surface-soft) !important;
	border-color: var(--naz716-color-primary) !important;
	color: var(--naz716-color-ink-strong) !important;
	text-decoration: none;
}

#colibri a.h-button:focus-visible,
#colibri button.h-button:focus-visible,
.naz716-home-strip__btn:focus-visible,
.naz716-sticky-cta__btn:focus-visible,
.naz716-quick-inquiry__submit:focus-visible,
.naz716-directory__clear:focus-visible,
.naz716-directory-card__btn:focus-visible,
.naz716-business-profile__btn:focus-visible,
.naz716-events-filter-form__submit:focus-visible,
.naz716-btn:focus-visible,
.naz716-contracts__button:focus-visible,
.naz716-contracts__submit:focus-visible,
.naz716-room__btn:focus-visible,
.naz716-rooms__action:focus-visible,
.naz716-rooms__tab:focus-visible,
.naz716-rooms__change:focus-visible {
	outline: 3px solid var(--naz716-color-focus) !important;
	outline-offset: 2px !important;
}