@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@300;400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* PMUDXB Unified Design System — 2026-08-10
   Final presentation-layer authority for typography and global shell consistency.
   Loaded after page styles and global-shell.css. */
:root{--pmu-ui-font:"Inter",Arial,sans-serif}
html[lang="fa"]{--pmu-ui-font:"Estedad",Tahoma,sans-serif}
html[lang="ar"]{--pmu-ui-font:"IBM Plex Sans Arabic",Tahoma,sans-serif}

/* One type family per language, across content + UI. */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body option,
html body a,
html body p,
html body li,
html body label,
html body small,
html body strong,
html body b,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body summary,
html body .pmu-global-header,
html body .pmu-global-header *,
html body .pmu-global-footer,
html body .pmu-global-footer *{font-family:var(--pmu-ui-font)!important}

/* Global shell must remain visible and identical on every page. */
.pmu-global-header{display:block!important;position:sticky!important;top:0!important;z-index:10000!important;opacity:1!important;visibility:visible!important;transform:none!important}
.pmu-global-header__inner{font-family:var(--pmu-ui-font)!important}
.pmu-global-nav>a,.pmu-global-services>button,.pmu-global-cta,.pmu-mobile-panel>a,.pmu-mobile-panel button,.pmu-mobile-services-list a{font-family:var(--pmu-ui-font)!important}
.pmu-global-services-menu b,.pmu-footer-brand strong,.pmu-global-footer h3{font-family:var(--pmu-ui-font)!important}
.pmu-global-footer{display:block!important;visibility:visible!important;font-family:var(--pmu-ui-font)!important}

/* One UI rhythm for buttons/links, without changing each page's colour language. */
.button,.rtl-btn,.pmu-global-cta,.service-card__actions a,.managed-card__body>a,.text-link,.lead-submit,.content-pro .button,
.pmu-mobile-panel .pmu-mobile-book{font-family:var(--pmu-ui-font)!important;font-weight:600;line-height:1.25}
button,input,select,textarea{font-family:var(--pmu-ui-font)!important}

/* RTL typography should read naturally. No western tracking/uppercase treatment on Arabic/Persian UI. */
html[lang="fa"] body,html[lang="ar"] body{font-family:var(--pmu-ui-font)!important}
html[lang="fa"] .pmu-global-header,html[lang="fa"] .pmu-global-footer,
html[lang="ar"] .pmu-global-header,html[lang="ar"] .pmu-global-footer{direction:rtl}
html[lang="fa"] .pmu-global-header__inner,html[lang="ar"] .pmu-global-header__inner{direction:rtl}
html[lang="fa"] .pmu-global-nav,html[lang="ar"] .pmu-global-nav{direction:rtl}
html[lang="fa"] .pmu-global-actions,html[lang="ar"] .pmu-global-actions{margin-left:0;margin-right:auto;direction:rtl}
html[lang="fa"] .pmu-global-nav>a,html[lang="fa"] .pmu-global-services>button,html[lang="fa"] .pmu-global-cta,
html[lang="fa"] .pmu-global-footer h3,html[lang="fa"] .service-card__actions a,html[lang="fa"] .button,
html[lang="ar"] .pmu-global-nav>a,html[lang="ar"] .pmu-global-services>button,html[lang="ar"] .pmu-global-cta,
html[lang="ar"] .pmu-global-footer h3,html[lang="ar"] .service-card__actions a,html[lang="ar"] .button{letter-spacing:0!important;text-transform:none!important}
html[lang="fa"] .pmu-global-services>button span,html[lang="ar"] .pmu-global-services>button span{margin-left:0;margin-right:5px}
html[lang="fa"] .pmu-global-services-menu,html[lang="ar"] .pmu-global-services-menu{direction:rtl;text-align:right}
html[lang="fa"] .pmu-global-services-menu a,html[lang="ar"] .pmu-global-services-menu a,
html[lang="fa"] .pmu-global-footer a,html[lang="ar"] .pmu-global-footer a,
html[lang="fa"] .pmu-global-footer p,html[lang="ar"] .pmu-global-footer p{text-align:right}
html[lang="fa"] .pmu-global-footer__grid,html[lang="ar"] .pmu-global-footer__grid{direction:rtl}

/* Language control stays in the same physical header slot in all languages. */
.pmu-lang{direction:ltr!important;flex:none}
.pmu-lang a{font-family:var(--pmu-ui-font)!important;letter-spacing:0!important;text-transform:uppercase!important}

/* Eliminate legacy floating language widgets if an old page fragment survives. */
.global-language-switcher{display:none!important}

/* Keep service menu usable after navigation to the services index. */
.pmu-global-services-menu{z-index:10020!important}
main,.content-pro{position:relative;z-index:1}

/* Featured service card must keep its authored dark state on hover. */
.service-card--featured:hover{background:#17120e!important;color:#fff!important}
.service-card--featured:hover h3,.service-card--featured:hover p,.service-card--featured:hover a{color:inherit!important}

/* Focus is consistent and keyboard-visible. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d4b274;outline-offset:3px}

@media(max-width:980px){
 html[lang="fa"] .pmu-global-actions,html[lang="ar"] .pmu-global-actions{margin-right:auto}
 html[lang="fa"] .pmu-mobile-panel,html[lang="ar"] .pmu-mobile-panel{direction:rtl;text-align:right}
}

/* Credential links should retain the visual language of cards. */
a.trust-item,
a.rtl-card--credential-link {
  color: inherit;
  text-decoration: none;
}
a.trust-item:hover,
a.rtl-card--credential-link:hover {
  color: inherit;
}


/* PMU SITELINK DIRECTORY V2 */
.pmu-site-directory{padding:clamp(56px,7vw,96px) 0;background:#f7f5f1;border-top:1px solid rgba(20,20,20,.08)}
.pmu-site-directory .shell{max-width:1240px;margin:0 auto;padding:0 24px}
.pmu-site-directory h2{max-width:760px;margin:.35rem 0 1rem}
.pmu-site-directory__intro{max-width:760px;margin:0 0 28px;opacity:.76;line-height:1.75}
.pmu-site-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pmu-site-directory__card{display:flex;flex-direction:column;gap:7px;min-height:116px;padding:20px;border:1px solid rgba(20,20,20,.10);border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.pmu-site-directory__card:hover{transform:translateY(-2px);border-color:rgba(20,20,20,.28)}
.pmu-site-directory__card strong{font-size:1rem;line-height:1.35}
.pmu-site-directory__card span{font-size:.88rem;line-height:1.55;opacity:.68}
@media(max-width:900px){.pmu-site-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pmu-site-directory__grid{grid-template-columns:1fr}.pmu-site-directory__card{min-height:auto}}


/* ============================================================
   PMUDXB FINAL POLISH PASS - 2026-08-12
   1080p typography, trust, knowledge and site-directory UI
   ============================================================ */
html,body{overflow-wrap:normal;word-break:normal}
h1,h2,h3,h4,h5,h6,.section-title,.content-hero h1,.knowledge-card h3,.assessment-card h2,.pmu-site-directory strong{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.button,.pmu-global-nav a,.pmu-global-nav button,.pmu-global-cta{white-space:normal}

/* 1080p desktop: keep editorial scale without oversized wrapping */
@media (min-width:901px) and (max-width:1920px){
  .hero h1{font-size:clamp(3.15rem,4.6vw,5.45rem)!important;line-height:1.01!important;max-width:920px!important}
  .assessment-card h2{font-size:clamp(1.6rem,2.15vw,2.35rem)!important;line-height:1.12!important}
  .section-heading h2,.section-heading--split h2{font-size:clamp(2.6rem,4.45vw,4.9rem)!important;line-height:1.02!important}
  .content-hero h1{font-size:clamp(3rem,4.35vw,5rem)!important;line-height:1.02!important;max-width:1040px!important}
  .content-section h2{font-size:clamp(2rem,2.7vw,3.2rem)!important;line-height:1.08!important}
}
@media (min-width:901px) and (max-height:1080px){
  .hero__layout{padding-top:110px!important;padding-bottom:150px!important}
  .hero__copy{margin-top:24px!important}
  .hero__actions{margin-top:30px!important}
}

/* Trust / professional credentials: single coherent row */
.instant-trust{padding:52px 0!important;background:linear-gradient(180deg,#f5f1ea,#eee8df)!important}
.instant-trust__grid{border:0!important;gap:12px!important;background:transparent!important}
.instant-trust article,.instant-trust a{position:relative;display:flex;flex-direction:column;min-height:178px!important;padding:26px!important;border:1px solid rgba(31,25,19,.13)!important;border-radius:18px;background:rgba(255,255,255,.72);text-decoration:none;color:#15120f;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.instant-trust article:hover,.instant-trust a:hover{transform:translateY(-2px);border-color:rgba(154,120,73,.55)!important;box-shadow:0 12px 30px rgba(31,25,19,.06)}
.instant-trust span{font-size:10px!important;letter-spacing:.14em!important;color:#9a7849!important}
.instant-trust strong{margin-top:auto!important;padding-top:24px;font-size:18px!important;line-height:1.25!important;color:#18130f!important}
.instant-trust small{font-size:12px!important;line-height:1.6!important;color:#6f655c!important}
@media(max-width:900px){.instant-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.instant-trust article,.instant-trust a{min-height:150px!important}}
@media(max-width:560px){.instant-trust__grid{grid-template-columns:1fr!important}.instant-trust article,.instant-trust a{min-height:auto!important}}

/* Knowledge: 1 featured + 3 stacked cards, no phantom/empty grid cell */
.knowledge-grid{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:1px!important}
.knowledge-card{grid-column:2!important;min-height:0!important;padding:28px!important}
.knowledge-card--featured{grid-column:1!important;grid-row:1 / span 3!important;min-height:620px!important;padding:42px!important}
.knowledge-card h3{font-size:clamp(1.35rem,1.9vw,2.2rem)!important;line-height:1.16!important;margin:20px 0 14px!important}
.knowledge-card--featured h3{font-size:clamp(2.1rem,3.2vw,3.65rem)!important;max-width:760px!important}
.knowledge-card>a{position:relative;z-index:2}
.knowledge-card[data-card-href]{cursor:pointer}
@media(max-width:900px){.knowledge-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}.knowledge-card,.knowledge-card--featured{grid-column:auto!important;grid-row:auto!important;min-height:240px!important}.knowledge-card--featured{min-height:360px!important}}

/* Site directory: visible, compact, premium and SEO-friendly */
.pmu-site-directory{padding:56px 0!important;background:#f3efe8!important;color:#18130f!important}
.pmu-site-directory .section-kicker{color:#9a7849!important}
.pmu-site-directory h2{color:#18130f!important;font-size:clamp(2rem,3vw,3.25rem)!important;line-height:1.08!important}
.pmu-site-directory__intro{color:#625b54!important;opacity:1!important}
.pmu-site-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.pmu-site-directory__card{min-height:104px!important;padding:18px 19px!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;color:#18130f!important;border-color:rgba(31,25,19,.11)!important}
.pmu-site-directory__card strong{color:#18130f!important;font-size:.98rem!important}
.pmu-site-directory__card span{color:#6c645c!important;opacity:1!important;font-size:.82rem!important}
.pmu-site-directory__card:hover{background:#fff!important;border-color:rgba(154,120,73,.5)!important;transform:translateY(-2px)}
@media(max-width:900px){.pmu-site-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.pmu-site-directory__grid{grid-template-columns:1fr!important}}

/* Natural-language SEO support blocks */
.search-intent-guide{margin-top:26px;padding:24px;border:1px solid rgba(196,161,102,.22);border-radius:18px;background:rgba(196,161,102,.055)}
.search-intent-guide h3{margin-top:0!important;font-size:1.15rem!important}
.search-intent-guide p:last-child{margin-bottom:0}