/* EQUORS UAE v13.1 — clean URLs + Global-style mobile/tablet shell. */

/* Keep geometry flat across the UAE build as established in the EQUORS design system. */
html *,html *::before,html *::after{border-radius:0!important}

.eq-mobile-app-nav{display:none}

@media(max-width:1279px){
  html,body{max-width:100%;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
  body.eq-public-shell-v6{padding-top:0!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;background:#f4f5f4}

  /* Same compact Global header behavior on phone/tablet: no upper mission strip. */
  body.eq-public-shell-v6 .eq-public-header>.bg-primary{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.eq-public-shell-v6 .eq-public-header{position:sticky!important;top:0!important;height:68px!important;min-height:68px!important;max-height:68px!important;background:#fff!important;z-index:100!important;border-bottom:1px solid #e2e2e0!important}
  body.eq-public-shell-v6 .eq-header-row{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:68px!important;min-height:68px!important;max-height:68px!important;margin:0!important;padding:0 20px!important;gap:10px!important;background:#fff!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child{gap:10px!important;min-width:0!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .w-10{width:38px!important;height:38px!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .font-headline-md{font-size:20px!important;line-height:1!important;white-space:nowrap!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .font-label-sm{display:none!important}
  body.eq-public-shell-v6 .eq-header-row>nav{display:none!important}
  body.eq-public-shell-v6 .eq-header-row>div:last-child{margin-inline-start:auto!important;gap:8px!important}
  body.eq-public-shell-v6 .eq-header-row>div:last-child>a:last-child{display:none!important}
  body.eq-public-shell-v6 .eq-header-row>div:last-child>a:first-child,
  body.eq-public-shell-v6 .eq-mobile-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 12px!important;border:1px solid #dededb!important;background:#f5f5f3!important;color:#111!important;font-size:12px!important;line-height:1!important}

  /* Drawer stops above the fixed app navigation. */
  body.eq-public-shell-v6 .eq-mobile-panel{top:68px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 68px - 72px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:10px 20px 24px!important;background:#fff!important;border-top:0!important;border-bottom:1px solid #dededb!important;box-shadow:0 12px 24px rgba(0,0,0,.08)!important}
  body.eq-public-shell-v6 .eq-mobile-panel a{display:flex!important;align-items:center!important;min-height:50px!important;padding:13px 0!important;border-bottom:1px solid #ececea!important;font-size:14px!important;font-weight:700!important}
  body.eq-public-shell-v6 .eq-mobile-panel a:last-child{border-bottom:0!important}

  /* Desktop footer is desktop-only. */
  body.eq-public-shell-v6>footer,body.eq-public-shell-v6 main+footer,body.eq-public-shell-v6 .eq-mobile-footer{display:none!important}

  /* Global-style fixed mobile/tablet application navigation. */
  body.eq-public-shell-v6 .eq-mobile-app-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;min-height:72px!important;margin:0!important;padding:0 0 env(safe-area-inset-bottom)!important;background:#fff!important;border-top:1px solid #d9ddd9!important;box-shadow:0 -6px 20px rgba(0,0,0,.07)!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav>a,body.eq-public-shell-v6 .eq-mobile-app-nav>button{position:relative!important;display:flex!important;min-width:0!important;min-height:72px!important;margin:0!important;padding:9px 3px 8px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;border:0!important;border-inline-end:1px solid #eeeeec!important;background:#fff!important;color:#626762!important;text-align:center!important;font:inherit!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav>:last-child{border-inline-end:0!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav svg{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;fill:currentColor!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1.2!important;font-weight:700!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav .eq-active,body.eq-public-shell-v6 .eq-mobile-app-nav [aria-current="page"]{color:#111!important}
  body.eq-public-shell-v6 .eq-mobile-app-nav .eq-active::before,body.eq-public-shell-v6 .eq-mobile-app-nav [aria-current="page"]::before{content:""!important;position:absolute!important;top:0!important;inset-inline:0!important;height:3px!important;background:#d6251d!important}

  .eq61-main,.eq-v8-main,.eq-policy-page{padding-top:0!important;background:#f4f5f4!important}
}

/* Phone whitespace and editorial rhythm mirror the Global website. */
@media(max-width:900px){
  .eq61-wrap,.eq8-wrap,.eq2-wrap,.ar-wrap,.eq-policy-page .eq61-wrap{width:calc(100% - 48px)!important;max-width:none!important}
  .eq61-hero,.eq8-hero{padding-top:48px!important;padding-bottom:56px!important}
  .eq61-section,.eq61-mission,.eq61-editorial,.eq61-cta,.eq8-section,.eq-policy-section,.ar-section{padding-top:58px!important;padding-bottom:58px!important}
  .eq61-hero-grid,.eq61-section-head,.eq61-editorial,.eq61-mission-grid,.eq62-cta-grid,.eq8-hero-grid,.eq8-split{gap:34px!important}
  .eq61-section-head{margin-bottom:34px!important}
  .eq61-eyebrow{margin-bottom:14px!important;line-height:1.45!important}
  .eq61-title{margin-top:0!important;margin-bottom:26px!important;line-height:1.04!important}
  html[dir="rtl"] .eq61-title{line-height:1.18!important}
  .eq61-h2{line-height:1.08!important;margin-bottom:18px!important}
  html[dir="rtl"] .eq61-h2{line-height:1.25!important}
  .eq61-h3{line-height:1.2!important}
  .eq61-lead,.eq61-copy,.eq61-path-body p,.eq61-mini span,.eq61-market-card small,.eq61-resource-card p,.eq8-copy,.eq8-lead{line-height:1.78!important}
  .eq61-actions,.eq8-actions{margin-top:28px!important;gap:14px!important}
  .eq61-mini-grid,.eq61-path-grid,.eq61-market-grid,.eq61-flow,.eq61-stat-grid,.eq61-resource-grid,.eq61-legal-grid,.eq8-contact-grid,.eq8-form-grid{gap:22px!important}
  .eq61-path-body,.eq61-mini,.eq61-market-card,.eq61-stat,.eq61-resource-card,.eq61-legal-card,.eq8-contact-card,.eq8-form,.eq61-info-banner{padding:24px!important}
  .eq61-main>section+section,.eq61-main>div+section{border-top:1px solid #e3e5e2!important}
}

@media(min-width:901px) and (max-width:1279px){
  .eq61-wrap,.eq8-wrap,.eq2-wrap{width:calc(100% - 64px)!important;max-width:1100px!important}
  .eq61-hero,.eq8-hero{padding-top:56px!important;padding-bottom:64px!important}
  .eq61-section,.eq61-mission,.eq61-editorial,.eq61-cta,.eq8-section,.eq-policy-section{padding-top:64px!important;padding-bottom:64px!important}
  .eq61-lead,.eq61-copy,.eq61-path-body p{line-height:1.72!important}
  .eq61-section-head{margin-bottom:34px!important}
}

@media(min-width:1280px){.eq-mobile-app-nav{display:none!important}}

/* v13.2 MOBILE SCROLL FIX
   Keep one document scroll owner. Mobile Safari/Chrome can lock scrolling when
   both html and body are forced to overflow-y:auto alongside fixed navigation. */
@media(max-width:1279px){
  html{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
  }
  body,
  body.eq-public-shell-v6{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
    -webkit-overflow-scrolling:auto!important;
  }
  body.eq-public-shell-v6 main,
  body.eq-public-shell-v6 .eq61-main,
  body.eq-public-shell-v6 .eq-v8-main,
  body.eq-public-shell-v6 .eq-policy-page{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:auto!important;
  }
  /* Fixed app navigation must never become a full-screen touch layer. */
  body.eq-public-shell-v6 .eq-mobile-app-nav{
    top:auto!important;
    height:auto!important;
    max-height:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  /* The drawer is the only independent fixed scrolling region. */
  body.eq-public-shell-v6 .eq-mobile-panel{
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
}