/* Taktaz — app-like mobile shell */

/* ---------- Mobile header: same gradient as desktop ---------- */
.wgl-mobile-header {
	background: linear-gradient(135deg, #1c1d4d 0%, #0a5f8b 55%, #1897bd 100%) !important;
	color: #fff !important; box-shadow: 0 6px 20px rgba(12, 22, 48, .18);
}
body:not(.home) .wgl-mobile-header { border-radius: 0 !important; }
.wgl-mobile-header .logo-mobile { filter: brightness(0) invert(1); }
.wgl-mobile-header :is(.hamburger-inner span, .hamburger-inner span:before, .hamburger-inner span:after) { background-color: #fff !important; }
.wgl-mobile-header .header_search .header_search-button-wrapper,
.wgl-mobile-header .header_search .header_search-button-wrapper * { color: #fff !important; }

/* ---------- Bottom tab bar (hidden on larger screens) ---------- */
.tk-tabbar { display: none; }

@media (max-width: 768px) {
	/* hide the site footer; the tab bar replaces it */
	#footer, footer.footer, .customfooter, #scroll_up { display: none !important; }

	body.tk-app {
		padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
		-webkit-tap-highlight-color: transparent;
		overscroll-behavior-y: none;
	}

	.tk-tabbar {
		display: block; position: fixed; z-index: 9999; right: 12px; left: 12px;
		bottom: calc(10px + env(safe-area-inset-bottom));
		font-family: iranyekan, iransans, tahoma, sans-serif; direction: rtl;
		animation: tk-tab-in .5s cubic-bezier(.2,.7,.2,1) both;
	}
	@keyframes tk-tab-in { from { transform: translateY(120%); } to { transform: none; } }

	.tk-tabbar_inner {
		position: relative; display: grid; grid-template-columns: repeat(5, 1fr); align-items: end;
		height: 66px; padding: 0 6px; border-radius: 22px;
		background: rgba(255, 255, 255, .92);
		-webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px);
		border: 1px solid rgba(20, 40, 80, .08);
		box-shadow: 0 12px 34px rgba(12, 22, 48, .18), 0 2px 6px rgba(12, 22, 48, .06);
	}

	.tk-tab {
		position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		height: 66px; color: #7a8294 !important; text-decoration: none !important; user-select: none;
		transition: color .25s;
	}
	.tk-tab_icon {
		display: flex; align-items: center; justify-content: center; width: 44px; height: 30px; border-radius: 12px;
		transition: background .3s, transform .3s cubic-bezier(.3,1.6,.5,1);
	}
	.tk-tab_icon svg { width: 23px; height: 23px; }
	.tk-tab_label { font-size: 11px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
	.tk-tab:active .tk-tab_icon { transform: scale(.88); }

	.tk-tab.is-active { color: #0a5f8b !important; }
	.tk-tab.is-active .tk-tab_icon { background: rgba(10, 95, 139, .12); }
	.tk-tab.is-active .tk-tab_label { font-weight: 800; }
	.tk-tab.is-active:after {
		content: ""; position: absolute; bottom: 5px; width: 5px; height: 5px; border-radius: 50%; background: #1897bd;
	}

	/* raised centre action */
	.tk-tab--fab { justify-content: flex-end; padding-bottom: 9px; }
	.tk-tab--fab .tk-tab_icon {
		position: absolute; top: -24px; width: 58px; height: 58px; border-radius: 20px; color: #fff;
		background: linear-gradient(135deg, #1c1d4d 0%, #0a5f8b 55%, #1897bd 100%);
		border: 4px solid #fff; box-shadow: 0 10px 22px rgba(10, 95, 139, .4);
		transform: rotate(0);
	}
	.tk-tab--fab .tk-tab_icon svg { width: 26px; height: 26px; }
	.tk-tab--fab .tk-tab_icon:before { /* soft pulse ring */
		content: ""; position: absolute; inset: -4px; border-radius: 20px; border: 2px solid rgba(24, 151, 189, .5);
		animation: tk-fab-pulse 2.6s ease-out infinite;
	}
	@keyframes tk-fab-pulse { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.35); } }
	.tk-tab--fab .tk-tab_label { color: #1c1d4d; font-weight: 800; }
	.tk-tab--fab.is-active:after { display: none; }
	/* keep the gradient when the centre tab is the active page (the generic active style is lighter) */
	.tk-tab.tk-tab--fab.is-active .tk-tab_icon {
		background: linear-gradient(135deg, #1c1d4d 0%, #0a5f8b 55%, #1897bd 100%); color: #fff;
	}
	.tk-tab--fab:active .tk-tab_icon { transform: scale(.92); }

	/* keep floating widgets above the bar */
	:is(.goftino_w, #goftino_w, .crisp-client, #chat-widget-container, .woocommerce-store-notice) { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
	.tk-tabbar, .tk-tab--fab .tk-tab_icon:before { animation: none !important; }
}

/* ---------- Page-transition loader (painted from <head>, no extra markup) ---------- */
html.tk-nav-loading::before,
html.tk-nav-loading::after { content: ""; position: fixed; z-index: 2147483000; pointer-events: none; }
html.tk-nav-loading::before { /* frosted backdrop + logo */
	inset: 0; pointer-events: all;
	background: var(--tk-loader-logo) center calc(50% - 4px) / 58px auto no-repeat, radial-gradient(circle at 50% 45%, rgba(255,255,255,.96), rgba(240,245,251,.94));
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	animation: tk-loader-in .25s ease both;
}
html.tk-nav-loading::after { /* spinning brand ring around the logo */
	top: 50%; left: 50%; width: 104px; height: 104px; margin: -56px 0 0 -52px; border-radius: 50%;
	background: conic-gradient(from 0deg, rgba(24,151,189,0) 0deg, #1897bd 120deg, #0a5f8b 220deg, #1c1d4d 320deg, rgba(28,29,77,0) 360deg);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
	animation: tk-loader-in .25s ease both, tk-loader-spin .9s linear infinite;
}
html.tk-nav-done::before, html.tk-nav-done::after { opacity: 0 !important; transition: opacity .4s ease; animation-name: none, tk-loader-spin; }
html.tk-nav-done::before { animation: none; }
@keyframes tk-loader-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes tk-loader-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	html.tk-nav-loading::after { animation: tk-loader-in .25s ease both; }
}

/* =====================================================================
   Mobile side menu (theme's .wgl-menu_outer) — restyled, theme JS untouched
   ===================================================================== */
.mobile_nav_wrapper .wgl-menu_overlay {
	background: rgba(8, 14, 32, .5) !important;
	-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
	transition: opacity .45s ease, visibility .45s ease !important;
}
.mobile_nav_wrapper .wgl-menu_outer {
	width: min(86vw, 360px) !important;
	background:
		radial-gradient(420px 260px at 100% 0%, rgba(24, 151, 189, .35), transparent 65%),
		radial-gradient(360px 300px at 0% 100%, rgba(56, 152, 236, .22), transparent 60%),
		linear-gradient(160deg, #1c1d4d 0%, #102c55 55%, #0a4f78 100%) !important;
	color: #fff !important;
	border-radius: 28px 0 0 28px;
	box-shadow: -20px 0 60px rgba(4, 10, 28, .45);
	transition: transform .55s cubic-bezier(.22, .8, .2, 1) !important;
	font-family: iranyekan, iransans, tahoma, sans-serif;
}
.mobile_nav_wrapper .wgl-menu_outer:before { /* subtle grid texture */
	content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; opacity: .5;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 28px 28px;
	-webkit-mask-image: linear-gradient(to bottom, #000, transparent 55%); mask-image: linear-gradient(to bottom, #000, transparent 55%);
}
.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content {
	padding: 26px 20px calc(30px + env(safe-area-inset-bottom)) !important; display: flex; flex-direction: column; gap: 0;
}
.mobile_nav_wrapper .wgl-menu-outer_content > * { margin-top: 0 !important; }

/* logo row */
.mobile_nav_wrapper .wgl-menu-outer_content > .wgl-logotype-container {
	display: flex; align-items: center; min-height: 44px; padding: 0 4px 22px; margin-bottom: 14px !important;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mobile_nav_wrapper .wgl-menu-outer_content .logo-mobile { height: 34px !important; width: auto; filter: brightness(0) invert(1); }

/* close button: round glass button inside the panel (top-left) */
.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_header,
.mobile_nav_wrapper .wgl-menu_outer.sub-menu-position_right .wgl-menu-outer_header {
	top: 24px !important; left: 18px !important; right: auto !important; z-index: 5;
}
.mobile_nav_wrapper .mobile-hamburger-close .hamburger-box {
	width: 42px !important; height: 42px !important; border-radius: 14px; display: flex !important; align-items: center; justify-content: center;
	background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); transition: background .25s, transform .25s;
}
.mobile_nav_wrapper .mobile-hamburger-close .hamburger-box:active { transform: scale(.92); background: rgba(255, 255, 255, .18); }
.mobile_nav_wrapper .mobile-hamburger-close .hamburger-inner { transform: scale(.72); }
.mobile_nav_wrapper .mobile-hamburger-close .hamburger-inner span { background-color: #fff !important; }

/* menu list */
.mobile_nav_wrapper .primary-nav { width: 100% !important; }
.mobile_nav_wrapper .primary-nav > ul { display: flex !important; flex-direction: column; gap: 4px; text-align: right !important; }
.mobile_nav_wrapper .primary-nav > ul > li { position: relative !important; border: 0 !important; }
.mobile_nav_wrapper .primary-nav > ul > li > a {
	display: flex !important; align-items: center; gap: 12px; min-height: 50px; padding: 8px 12px 8px 48px !important;
	border-radius: 16px; color: rgba(255, 255, 255, .9) !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.5 !important;
	transition: background .25s, color .25s;
}
.mobile_nav_wrapper .primary-nav > ul > li > a:active { background: rgba(255, 255, 255, .08); }
.mobile_nav_wrapper .primary-nav > ul > li > a > span:after,
.mobile_nav_wrapper .primary-nav > ul > li > a > span:before { display: none !important; }
.mobile_nav_wrapper .primary-nav .menu-item__plus { display: none !important; }

/* icon tile (inserted by JS) */
.tk-mi-icon {
	flex: 0 0 36px; width: 36px; height: 36px; border-radius: 12px; display: inline-flex !important; align-items: center; justify-content: center;
	background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .1); color: #9fd6ff; transition: all .25s;
}
.tk-mi-icon svg { width: 19px; height: 19px; }

/* current page */
.mobile_nav_wrapper .primary-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current_page_ancestor) > a {
	background: linear-gradient(270deg, rgba(24, 151, 189, .28), rgba(24, 151, 189, .06)) !important; color: #fff !important;
	box-shadow: inset -3px 0 0 #5ec8f0;
}
.mobile_nav_wrapper .primary-nav > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current_page_ancestor) > a .tk-mi-icon {
	background: linear-gradient(135deg, #1897bd, #3898ec); border-color: transparent; color: #fff; box-shadow: 0 6px 16px rgba(24, 151, 189, .4);
}
.mobile_nav_wrapper .primary-nav ul li a .item_text { color: inherit !important; }

/* submenu toggle (theme's .button_switcher) -> chevron chip on the left */
.mobile_nav_wrapper .primary-nav .button_switcher {
	width: 34px !important; height: 34px !important; left: 8px !important; right: auto !important; top: 8px !important; transform: none !important;
	border-radius: 11px; background: rgba(255, 255, 255, .07);
}
.mobile_nav_wrapper .primary-nav .button_switcher:before {
	width: 8px !important; height: 8px !important; border-color: #cfe6ff !important; opacity: 1 !important; top: 50%; left: 50%; position: absolute;
	transform: translate(-30%, -50%) rotate(-45deg) !important; transition: transform .3s ease !important;
}
.mobile_nav_wrapper .primary-nav .button_switcher.is-active { background: rgba(94, 200, 240, .2); }
.mobile_nav_wrapper .primary-nav .button_switcher.is-active:before { transform: translate(-50%, -70%) rotate(-135deg) !important; }

/* submenus */
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu {
	background: transparent !important; margin: 4px 30px 6px 0 !important; padding: 2px 14px 2px 0 !important;
	border-right: 1px dashed rgba(255, 255, 255, .18);
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li a {
	display: flex !important; align-items: center; gap: 10px; padding: 9px 10px !important; border-radius: 12px;
	font-size: 14px !important; font-weight: 500 !important; color: rgba(255, 255, 255, .72) !important;
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li a:before {
	content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgba(159, 214, 255, .55); flex: 0 0 auto; transition: background .2s;
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li a:active,
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li.current-menu-item > a { background: rgba(255, 255, 255, .07) !important; color: #fff !important; }
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li.current-menu-item > a:before { background: #5ec8f0; }

/* language switcher item (WPML) */
.mobile_nav_wrapper .primary-nav li.wpml-ls-item > a { min-height: 42px !important; }

/* search */
.mobile_nav_wrapper .header_search.search_mobile_menu { margin-top: 18px !important; }
.mobile_nav_wrapper .search_mobile_menu .header_search-field { background: transparent !important; border-radius: 16px !important; }
.mobile_nav_wrapper .search_mobile_menu .search-form { position: relative; }
.mobile_nav_wrapper .search_mobile_menu .search-field {
	height: 50px !important; padding: 0 48px 0 16px !important; border-radius: 16px !important; font-size: 14px !important;
	background: rgba(255, 255, 255, .08) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #fff !important;
	transition: border-color .25s, background .25s;
}
.mobile_nav_wrapper .search_mobile_menu .search-field::placeholder { color: rgba(255, 255, 255, .55); }
.mobile_nav_wrapper .search_mobile_menu .search-field:focus { border-color: #5ec8f0 !important; background: rgba(255, 255, 255, .12) !important; outline: 0; }
.mobile_nav_wrapper .search_mobile_menu .search__icon { color: #9fd6ff !important; right: 16px !important; left: auto !important; top: 50% !important; transform: translateY(-50%); }
.mobile_nav_wrapper .search_mobile_menu .search-button { right: 0 !important; left: auto !important; width: 48px !important; }

/* call-to-action card (inserted by JS) */
.tk-menu-cta {
	margin-top: 22px !important; padding: 18px; border-radius: 20px; position: relative; overflow: hidden;
	background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)); border: 1px solid rgba(255, 255, 255, .14);
}
.tk-menu-cta:after { content: ""; position: absolute; width: 140px; height: 140px; left: -50px; top: -60px; border-radius: 50%; background: rgba(94, 200, 240, .18); filter: blur(10px); }
.tk-menu-cta b { display: block; font-size: 15px; font-weight: 800; color: #fff; margin-bottom: 4px; position: relative; z-index: 1; }
.tk-menu-cta p { margin: 0 0 14px; font-size: 12.5px; line-height: 1.9; color: rgba(255, 255, 255, .7); position: relative; z-index: 1; }
.tk-menu-cta_row { display: flex; gap: 8px; position: relative; z-index: 1; }
.tk-menu-cta a {
	flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; border-radius: 13px;
	font-size: 13.5px; font-weight: 800; text-decoration: none !important; transition: transform .2s;
}
.tk-menu-cta a:active { transform: scale(.96); }
.tk-menu-cta a svg { width: 17px; height: 17px; }
.tk-menu-cta .tk-cta-primary { background: #fff; color: #102c55 !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
.tk-menu-cta .tk-cta-ghost { background: rgba(255, 255, 255, .08); color: #fff !important; border: 1px solid rgba(255, 255, 255, .2); }

/* staggered entrance when the menu opens */
@keyframes tk-mi-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
body.mobile_switch_on .mobile_nav_wrapper .wgl-menu-outer_content > *,
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li { animation: tk-mi-in .5s cubic-bezier(.22, .8, .2, 1) both; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(1) { animation-delay: .12s; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(2) { animation-delay: .17s; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(3) { animation-delay: .22s; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(4) { animation-delay: .27s; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(5) { animation-delay: .32s; }
body.mobile_switch_on .mobile_nav_wrapper .primary-nav > ul > li:nth-child(n+6) { animation-delay: .37s; }
body.mobile_switch_on .mobile_nav_wrapper .wgl-menu-outer_content > .header_search { animation-delay: .4s; }
body.mobile_switch_on .mobile_nav_wrapper .wgl-menu-outer_content > .tk-menu-cta { animation-delay: .46s; }
body.mobile_switch_on .mobile_nav_wrapper .wgl-menu-outer_content > nav { animation: none; }

/* bottom tab bar steps aside while the menu is open */
.tk-tabbar { transition: transform .45s cubic-bezier(.22, .8, .2, 1), opacity .3s; }
body.mobile_switch_on .tk-tabbar { transform: translateY(140%); opacity: 0; pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
	body.mobile_switch_on .mobile_nav_wrapper :is(.wgl-menu-outer_content > *, .primary-nav > ul > li) { animation: none !important; }
}

/* ---------- Side menu fixes ---------- */
/* touch scrolling, no visible scrollbar (items must not shrink inside the flex column) */
.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content {
	overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch;
	overscroll-behavior: contain; touch-action: pan-y; scrollbar-width: none;
}
.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content::-webkit-scrollbar { display: none; width: 0; height: 0; }
.mobile_nav_wrapper .wgl-menu-outer_content > * { flex-shrink: 0; }
.mobile_nav_wrapper .wgl-menu_outer :is(.ps__rail-y, .ps__rail-x) { display: none !important; }

/* search: icon inside the field on the right, submit button laid over it */
.mobile_nav_wrapper .search_mobile_menu .header_search-field { position: relative !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
.mobile_nav_wrapper .search_mobile_menu .search-form { position: relative !important; display: block; margin: 0 !important; }
.mobile_nav_wrapper .search_mobile_menu .search-field { width: 100% !important; margin: 0 !important; display: block; }
.mobile_nav_wrapper .search_mobile_menu .search__icon {
	position: absolute !important; top: 50% !important; right: 16px !important; left: auto !important; bottom: auto !important;
	transform: translateY(-50%) !important; margin: 0 !important; line-height: 1 !important; font-size: 17px !important; pointer-events: none; z-index: 1;
}
.mobile_nav_wrapper .search_mobile_menu .search__icon:before { margin: 0 !important; font-size: 17px !important; }
.mobile_nav_wrapper .search_mobile_menu .search-button {
	position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; width: 50px !important; height: 50px !important;
	opacity: 0 !important; z-index: 2; margin: 0 !important; padding: 0 !important; cursor: pointer;
}

/* submenu toggle: drawn chevron (the theme's pseudo-element chevron was invisible here) */
.mobile_nav_wrapper .primary-nav .button_switcher:before { display: none !important; }
.mobile_nav_wrapper .primary-nav .button_switcher {
	background: rgba(255, 255, 255, .07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") center / 16px no-repeat !important;
	transition: transform .3s ease, background-color .3s ease;
}
.mobile_nav_wrapper .primary-nav .button_switcher.is-active { transform: rotate(-90deg) !important; background-color: rgba(94, 200, 240, .22) !important; }

/* language: pill beside the close button instead of a list row */
.tk-lang {
	position: absolute; top: 24px; left: 70px; z-index: 5; display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 13px;
	border-radius: 14px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16);
	color: #fff !important; font-size: 12.5px; font-weight: 700; text-decoration: none !important; direction: ltr; transition: background .25s;
}
.tk-lang img { width: 18px; height: auto; border-radius: 3px; display: block; }
.tk-lang:active { background: rgba(255, 255, 255, .2); }
body.mobile_switch_on .tk-lang { animation: tk-mi-in .5s .1s cubic-bezier(.22, .8, .2, 1) both; }

/* ---------- Side menu: search icon drawn inside the field, spacing, language pill in the logo row ---------- */
.mobile_nav_wrapper .search_mobile_menu .search__icon { display: none !important; }
.mobile_nav_wrapper .header_search.search_mobile_menu .header_search-field .search-field {
	padding: 0 46px 0 16px !important;
	background: rgba(255, 255, 255, .08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fd6ff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") right 16px center / 19px no-repeat !important;
}
.mobile_nav_wrapper .header_search.search_mobile_menu .header_search-field .search-field:focus { background-color: rgba(255, 255, 255, .12) !important; }
.mobile_nav_wrapper .search_mobile_menu .search-button { width: 46px !important; }

.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content > .header_search.search_mobile_menu { margin-top: 20px !important; }
.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content > .tk-menu-cta { margin-top: 16px !important; }

.mobile_nav_wrapper .wgl-menu-outer_content > .wgl-logotype-container { justify-content: space-between; padding-left: 60px !important; }
.mobile_nav_wrapper .wgl-logotype-container .tk-lang { position: static; height: 38px; animation: none; }

/* ---------- Installed web-app (home screen): header colour under the status bar ---------- */
@media (display-mode: standalone), (display-mode: fullscreen) {
	html { background: #1c1d4d; }
	/* header grows up under the clock/battery area; its content stays below it */
	.wgl-mobile-header { padding-top: env(safe-area-inset-top) !important; }
	/* fallback strip (e.g. while the header is scrolled away): same colours as the header */
	body::before {
		content: ""; position: fixed; top: 0; left: 0; right: 0; height: env(safe-area-inset-top); z-index: 998; pointer-events: none;
		background: linear-gradient(90deg, #1c1d4d 0%, #0a5f8b 55%, #1897bd 100%);
	}
	/* side menu and its close button also clear the status bar */
	.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_content { padding-top: calc(26px + env(safe-area-inset-top)) !important; }
	.mobile_nav_wrapper .wgl-menu_outer .wgl-menu-outer_header { top: calc(24px + env(safe-area-inset-top)) !important; }
}