/**
 * Modern V2 mobile header and notice corrections.
 *
 * Kept outside treatment CSS so home/main V2 pages do not need the full
 * treatment stylesheet just to receive mobile navigation fixes.
 */

@media (max-width: 980px) {
	body.hong-treatment-v2-template.hong-swiss-modern .hong-sitewide-notice__wrap,
	body.hong-main-v2.hong-swiss-modern .hong-sitewide-notice__wrap {
		align-items: center;
		padding-inline: 14px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .hong-sitewide-notice__text,
	body.hong-main-v2.hong-swiss-modern .hong-sitewide-notice__text {
		font-size: 14px;
		line-height: 1.35;
		max-width: 100%;
		text-align: center;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .hong-sitewide-notice__button,
	body.hong-main-v2.hong-swiss-modern .hong-sitewide-notice__button {
		align-self: center;
		inline-size: auto;
		max-inline-size: calc(100vw - 28px);
		min-block-size: 38px;
		padding: 9px 18px;
		white-space: nowrap;
		width: auto;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .menu-toggle,
	body.hong-main-v2.hong-swiss-modern .site-header .menu-toggle {
		align-items: center;
		background: transparent !important;
		border: 0;
		box-shadow: none;
		color: rgb(155, 35, 31);
		display: inline-flex;
		height: 44px;
		justify-content: center;
		line-height: 1;
		min-height: 0;
		padding: 0;
		right: 18px;
		width: 44px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .site-header .menu-toggle::before {
		color: rgb(155, 35, 31);
		display: block;
		font-size: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0;
		text-align: center;
		width: 30px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle {
		align-items: center;
		background: rgba(155, 35, 31, 0.035) !important;
		border: 1px solid rgba(155, 35, 31, 0.16);
		border-radius: 999px;
		box-shadow: none;
		color: rgb(155, 35, 31);
		display: inline-flex;
		float: none;
		font-size: 0;
		height: 40px;
		justify-content: center;
		line-height: 1;
		min-height: 0;
		padding: 0;
		right: 10px;
		top: 4px;
		transform: none;
		width: 40px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle::before,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle::before {
		background:
			linear-gradient(currentColor, currentColor) center / 2px 12px no-repeat,
			linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat;
		content: "";
		display: block;
		height: 12px;
		margin: 0;
		width: 12px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle:hover,
	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle:focus,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle:hover,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle:focus,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle:hover,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle:focus,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle:hover,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle:focus {
		background: rgba(155, 35, 31, 0.1) !important;
		border-color: rgba(155, 35, 31, 0.28);
		box-shadow: 0 0 0 3px rgba(155, 35, 31, 0.1);
		color: rgb(155, 35, 31);
		outline: none;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle.activated,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle.activated,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle.activated,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle.activated {
		background: rgba(155, 35, 31, 0.12) !important;
		border-color: rgba(155, 35, 31, 0.3);
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle.activated::before,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle.activated::before,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle.activated::before,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle.activated::before {
		background:
			linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat;
	}

	body.hong-treatment-v2-template.hong-swiss-modern.js .site-header .genesis-nav-menu .menu-item-has-children > a,
	body.hong-treatment-v2-template.hong-swiss-modern.js .nav-primary .genesis-nav-menu .menu-item-has-children > a,
	body.hong-main-v2.hong-swiss-modern.js .site-header .genesis-nav-menu .menu-item-has-children > a,
	body.hong-main-v2.hong-swiss-modern.js .nav-primary .genesis-nav-menu .menu-item-has-children > a {
		padding-right: 58px;
	}
}

@media (max-width: 1023px) {
	body.hong-treatment-v2-template.hong-swiss-modern .site-header .menu-toggle,
	body.hong-main-v2.hong-swiss-modern .site-header .menu-toggle {
		background: rgba(255, 255, 255, 0.92) !important;
		border: 1px solid rgba(155, 35, 31, 0.14) !important;
		border-radius: 999px;
		color: rgb(155, 35, 31);
		height: 42px;
		max-width: 42px;
		right: 16px;
		width: 42px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .site-header .menu-toggle::before {
		background:
			linear-gradient(currentColor, currentColor) center top / 18px 2px no-repeat,
			linear-gradient(currentColor, currentColor) center / 18px 2px no-repeat,
			linear-gradient(currentColor, currentColor) center bottom / 18px 2px no-repeat;
		content: "";
		font-size: 0;
		height: 14px;
		line-height: 0;
		width: 18px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .menu-toggle.activated::before,
	body.hong-main-v2.hong-swiss-modern .site-header .menu-toggle.activated::before {
		background:
			linear-gradient(45deg, transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px)),
			linear-gradient(-45deg, transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px));
		height: 18px;
		width: 18px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle {
		background: rgba(255, 255, 255, 0.86) !important;
		border-color: rgba(155, 35, 31, 0.14) !important;
		height: 32px;
		max-width: 32px;
		right: 12px;
		top: 8px;
		width: 32px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .site-header .sub-menu-toggle::before,
	body.hong-treatment-v2-template.hong-swiss-modern .nav-primary .sub-menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .site-header .sub-menu-toggle::before,
	body.hong-main-v2.hong-swiss-modern .nav-primary .sub-menu-toggle::before {
		background:
			linear-gradient(currentColor, currentColor) center / 1.5px 9px no-repeat,
			linear-gradient(currentColor, currentColor) center / 9px 1.5px no-repeat;
		height: 9px;
		width: 9px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern.js .site-header .genesis-nav-menu .menu-item-has-children > a,
	body.hong-treatment-v2-template.hong-swiss-modern.js .nav-primary .genesis-nav-menu .menu-item-has-children > a,
	body.hong-main-v2.hong-swiss-modern.js .site-header .genesis-nav-menu .menu-item-has-children > a,
	body.hong-main-v2.hong-swiss-modern.js .nav-primary .genesis-nav-menu .menu-item-has-children > a {
		padding-right: 48px;
	}

	body.hong-treatment-v2-template.hong-swiss-modern .top-bar .whatsapp-button__trigger,
	body.hong-treatment-v2-template.hong-swiss-modern .site-header .whatsapp-button__trigger,
	body.hong-main-v2.hong-swiss-modern .top-bar .whatsapp-button__trigger,
	body.hong-main-v2.hong-swiss-modern .site-header .whatsapp-button__trigger {
		max-width: calc(100vw - 32px);
		width: auto !important;
	}
}