/*
Theme Name: ASFAR
Theme URI: https://github.com/pmunankarmi/asfar
Author: ASFAR
Description: Bilingual tourism investment theme with ACF Pro and Polylang.
Version: 1.4.11
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: asfar
Update URI: https://github.com/pmunankarmi/asfar
*/
[hidden]{display:none!important}.mt-asfar-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.admin-bar .mt-nav{top:32px}.mt-asfar-content{padding:150px 5vw 80px;min-height:65vh}.mt-asfar-content p{margin:1em 0}.mt-asfar-team-group{display:contents}.mt-asfar-portfolio-pane[hidden]{display:none!important}.mt-dk-map__stage svg{width:100%;height:100%}.mt-footer__form-note:empty{display:none}
@media(max-width:782px){.admin-bar .mt-nav{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html,body{overflow-x:clip}.mt-asfar-honeypot{left:auto;inset-inline-start:0;top:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.mt-asfar-social{display:flex;gap:1rem;background:#154751;color:#fff}.mt-asfar-social:empty{display:none}
.mt-asfar-pagination{grid-column:1/-1;display:flex;gap:1rem;padding:2rem 0}

/* Native WordPress menus retain the original navigation layout. */
.mt-asfar-menu-list { list-style: none; padding: 0; margin: 0; display: contents; }
.mt-asfar-menu-list > li { display: contents; }
.mt-asfar-project-statistics { display: flex; flex-wrap: wrap; gap: 2rem; margin-block: 2rem; }
.mt-asfar-project-statistics dd { font-size: 1.6rem; margin: 0; }
/* Match the source subtitle spacing and portfolio's upper curved edge. */
.mt-dk-about .mt-asfar-about-subtitle { margin-top: .836em; }
.mt-dk-map .mt-dk-wave--map-top {
	top: -1px;
	bottom: auto;
	z-index: 4;
	transform: none;
}
/* The desktop text mask must not cover the stacked mobile sector carousel. */
@media (max-width: 960px) {
 .mt-dk-sectors__grid { grid-template-columns: minmax(0, 1fr); }
 .mt-dk-sectors__rail { min-width: 0; }
 .mt-dk-sectors__grid > .mt-dk-rise:first-child::before { display: none; }
 .mt-dk-sectors__intro { max-width: 100%; }
 .mt-dk-sectors__rail { margin-top: 1.5rem; }
 .mt-dk-sector { flex-basis: 68vw; }
}

/* Leave room for the fixed logo/navigation above both translated news listings. */
.page-template-template-news .mt-news.mt-section {
	padding-block-start: calc(clamp(112px, 8vw, 140px) + var(--sec));
}

/* Keep the animated gold hover fill inside the button's rounded outline. */
.mt-btn--gold { overflow: hidden; }
.mt-btn--gold::after { border-radius: inherit; }

/* The video dialog must cover the sticky navigation and WordPress toolbar. */
.mt-vlb { z-index: 100000; }
.mt-vlb > .mt-vlb__close {
	top: max(1rem, env(safe-area-inset-top));
	inset-inline-end: max(1rem, env(safe-area-inset-right));
	z-index: 1;
}
.mt-vlb__frame { width: min(1120px, 100%, calc((100dvh - 7rem) * 16 / 9)); }

/* Shared dimensions keep the filled and outlined hero actions aligned. */
.mt-hero .mt-hero__cta .mt-btn {
	box-sizing: border-box;
	min-height: 48px;
	line-height: 1.25;
	border-width: 2px;
	border-style: solid;
	background: var(--dk-teal, #24545b);
	border-color: var(--dk-teal, #24545b);
	color: #fff;
	box-shadow: none;
}
.mt-hero .mt-hero__cta .mt-btn:hover {
	background: #163c43;
	border-color: #163c43;
	box-shadow: none;
}
.mt-hero .mt-hero__cta .mt-btn::after {
	background: #163c43;
	border-radius: inherit;
}

/* Keep arrows centered independently of the View More link's width. */
.mt-dk-news__foot {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}
.mt-dk-news__foot .mt-dk-arrows {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
}
.mt-dk-news__foot > a {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}

/* Vertical page scrolling remains available during touch interactions. */
.mt-dk-sectors__track,
.mt-dk-news__strip {
	touch-action: pan-y;
	cursor: grab;
}
.mt-is-dragging {
	cursor: grabbing;
	user-select: none;
}
.mt-dk-sectors__track img,
.mt-dk-news__strip img {
	-webkit-user-drag: none;
}

/* Keep the brand motif anchored at the foot of the blue navigation drawer. */
.mt-menu__links a {
	font-size: clamp(1.15rem, 3.8vw, 1.55rem);
	line-height: 1.3;
}
.mt-menu__pattern {
	position: absolute;
	inset-inline-start: auto;
	right: -8%;
	top: auto;
	bottom: 0;
	width: 65%;
	opacity: .16;
	pointer-events: none;
}
.mt-menu__grid {
	z-index: 1;
}
@media (max-width: 480px) {
	.mt-dk-news__foot { grid-template-columns: 1fr auto 1fr; gap: .6rem; }
	.mt-dk-news__foot > a { max-width: 100%; padding-inline: .6rem; }
}

/* Give the featured name its own space instead of wrapping into a narrow column. */
.mt-dk-feat__txt {
	max-inline-size: none;
	min-width: 0;
}
@media (min-width: 961px) {
	.mt-dk-team__rail {
		grid-template-columns: max-content minmax(0, 1fr);
		column-gap: 2vw;
	}
	.mt-dk-feat {
		grid-template-columns: 14.531vw max-content;
		min-width: 31.641vw;
	}
	.mt-dk-feat__name {
		white-space: nowrap;
	}
	.mt-dk-feat__role {
		max-inline-size: 24vw;
	}
}

/* Company Profile is the outlined companion to the filled video action. */
.mt-hero .mt-hero__cta .mt-btn--line-light {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	box-shadow: none;
}
.mt-hero .mt-hero__cta .mt-btn--line-light:hover {
	background: var(--dk-teal, #24545b);
	border-color: var(--dk-teal, #24545b);
}

/* Reduce homepage news typography to 80% of the previous sizes. */
.mt-dk-news .mt-dk-label { font-size: clamp(16px, 2.3168vw, 72px); }
.mt-dk-news .mt-dk-newscard__date { font-size: clamp(8px, .8128vw, 25.6px); }
.mt-dk-news .mt-dk-newscard__title { font-size: clamp(8.8px, 1.00184vw, 31.2px); }
.mt-dk-news .mt-dk-pill { font-size: clamp(8px, .8128vw, 25.6px); }
@media (max-width: 960px) {
	.mt-dk-news .mt-dk-label { font-size: clamp(16px, 4.8vw, 33.6px); }
	.mt-dk-news .mt-dk-newscard__date { font-size: clamp(8px, 2.16vw, 10.4px); }
	.mt-dk-news .mt-dk-newscard__title { font-size: clamp(9.6px, 2.64vw, 12.8px); }
	.mt-dk-news .mt-dk-pill { font-size: clamp(8px, 2.08vw, 10.4px); }
}

/* Keep investment controls above their own divider, inside the section. */
.mt-dk-sectors > .mt-dk-arrows--sectors {
	position: relative;
	inset: auto;
	justify-content: flex-end;
	margin: 1.5rem clamp(18px, 3.67vw, 110px) 1rem;
}

/* Equal clearance below opening and film headings, including wrapped Arabic. */
.mt-hero .mt-hero__cta--fixed {
	top: var(--hero-opening-actions-top, 63%);
}
.mt-hero.mt-is-film .mt-hero__cta--fixed {
	top: var(--hero-actions-top, 72%);
}
.mt-hero .mt-hero__cta .mt-btn--line-light:hover {
	border-color: var(--dk-teal, #24545b);
	color: #fff;
}

/* A predictable return path from the news listing to homepage news. */
.mt-news-back {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	margin-bottom: 1.5rem;
	padding: .65em 1.25em;
	border: 1px solid var(--dk-teal, #275a61);
	border-radius: 999px;
	color: var(--dk-teal, #275a61);
	font-size: .9rem;
	line-height: 1.4;
	text-decoration: none;
}
.mt-news-back::before { content: '\2190'; }
[dir="rtl"] .mt-news-back::before { content: '\2192'; }
.mt-news-back:hover { background: var(--dk-teal, #275a61); color: #fff; }
.mt-news-back:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }