/* EQUORS Global v3.1 — flat geometry, dedicated mobile footer, unified Arabic type, better mobile whitespace. */

/* 1. Flat visual language — no rounded cards, buttons, images, fields, pills or decorative circles. */
html *, html *::before, html *::after{
  border-radius:0!important;
}
::-webkit-scrollbar-thumb{border-radius:0!important}

/* 2. Arabic typography is Almarai everywhere, including controls and helper text. */
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] body *,
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] body *{
  font-family:"Almarai",Arial,sans-serif!important;
}
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button{
  font-family:"Almarai",Arial,sans-serif!important;
}

/* Mobile footer exists only on mobile. */
.eq-mobile-footer{display:none}

@media (max-width:900px){
  /* 3. Proper mobile white space and breathing room. */
  body{padding-top:92px!important}
  .eq-header-row{
    padding-inline:20px!important;
  }
  .eq-public-header .bg-primary .max-w-container-max{
    width:calc(100% - 40px)!important;
  }
  .eq-mobile-panel{
    padding:14px 20px 24px!important;
  }
  .eq-mobile-panel>div{gap:0!important}
  .eq-mobile-panel a{
    padding:15px 4px!important;
    min-height:52px!important;
    border-bottom:1px solid #eceeec!important;
  }
  .eq-mobile-panel a:last-child{border-bottom:0!important}

  .eq61-wrap,
  .eq8-wrap,
  .eq2-wrap,
  .ar-wrap,
  .eq-policy-page .eq61-wrap{
    width:calc(100% - 40px)!important;
    max-width:none!important;
  }

  .eq61-hero,.eq8-hero{
    padding:36px 0 44px!important;
  }
  .eq61-section,
  .eq61-mission,
  .eq61-editorial,
  .eq61-cta,
  .eq8-section,
  .eq-policy-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .eq61-section-head{margin-bottom:28px!important}
  .eq61-hero-grid,
  .eq61-section-head,
  .eq61-editorial,
  .eq61-mission-grid,
  .eq62-cta-grid,
  .eq8-hero-grid,
  .eq8-split{
    gap:28px!important;
  }
  .eq61-title{margin-bottom:22px!important}
  .eq61-lead,.eq61-copy,.eq8-copy,.eq8-lead{
    line-height:1.75!important;
  }
  .eq61-actions,.eq8-actions{
    margin-top:24px!important;
    gap:12px!important;
  }
  .eq61-trustline{
    margin-top:24px!important;
    gap:12px 18px!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:16px!important;
  }
  .eq61-mini,
  .eq61-path-card,
  .eq61-market-card,
  .eq61-stat,
  .eq61-resource-card,
  .eq61-legal-card,
  .eq8-contact-card,
  .eq8-form{
    margin:0!important;
  }
  .eq61-path-body,
  .eq61-mini,
  .eq61-market-card,
  .eq61-stat,
  .eq61-resource-card,
  .eq61-legal-card,
  .eq8-contact-card,
  .eq8-form{
    padding:20px!important;
  }
  .eq61-info-banner{padding:22px 20px!important;gap:18px!important}

  /* Application screens: roomier, flat, app-like. */
  .eq2-context{padding:28px 0 22px!important}
  .eq2-main{padding:20px 0 0!important}
  .eq2-panel{border-radius:0!important}
  .eq2-panel-head{padding:24px 20px 18px!important}
  .eq2-section{padding:24px 20px!important}
  .eq2-grid,.eq2-choicegrid{gap:16px!important}
  .eq2-field input,.eq2-field select,.eq2-field textarea{
    padding:14px 14px!important;
    min-height:52px!important;
  }
  .eq2-choice,.eq2-mini-choice{padding:16px!important}
  .eq2-actions{
    padding:14px 20px calc(14px + env(safe-area-inset-bottom))!important;
  }

  /* 4. Desktop footer is hidden on mobile. */
  body>footer:not(.eq-mobile-footer),
  main+footer:not(.eq-mobile-footer),
  .eq2-app+footer:not(.eq-mobile-footer),
  .eq2-app~footer:not(.eq-mobile-footer){
    display:none!important;
  }

  /* Dedicated mobile footer. */
  .eq-mobile-footer{
    display:block!important;
    background:#fff!important;
    border-top:1px solid #dfe2df!important;
    color:#111313!important;
    margin:0!important;
  }
  .eq-mobile-footer__inner{
    width:calc(100% - 40px)!important;
    margin:0 auto!important;
    padding:36px 0 calc(28px + env(safe-area-inset-bottom))!important;
  }
  .eq-mobile-footer__brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:16px!important;
  }
  .eq-mobile-footer__mark{
    width:36px!important;
    height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#111313!important;
    color:#fff!important;
    flex:0 0 auto!important;
  }
  .eq-mobile-footer__mark svg{width:20px!important;height:20px!important}
  .eq-mobile-footer__brand strong{font-size:18px!important;line-height:1.1!important}
  .eq-mobile-footer__brand small{display:block!important;margin-top:3px!important;font-size:11px!important;color:#6b716d!important}
  .eq-mobile-footer__copy{
    margin:0 0 24px!important;
    font-size:13px!important;
    line-height:1.7!important;
    color:#59605b!important;
  }
  .eq-mobile-footer__nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 20px!important;
    border-top:1px solid #e4e6e4!important;
    border-bottom:1px solid #e4e6e4!important;
    padding:8px 0!important;
    margin-bottom:22px!important;
  }
  .eq-mobile-footer__nav a{
    display:block!important;
    padding:12px 0!important;
    font-size:13px!important;
    font-weight:700!important;
    border-bottom:1px solid #f0f1f0!important;
  }
  .eq-mobile-footer__nav a:nth-last-child(-n+2){border-bottom:0!important}
  .eq-mobile-footer__market{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:0 0 20px!important;
    border-bottom:1px solid #e4e6e4!important;
    margin-bottom:20px!important;
  }
  .eq-mobile-footer__market span{font-size:12px!important;color:#666d68!important}
  .eq-mobile-footer__market a{font-size:13px!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
  .eq-mobile-footer__support{
    font-size:12px!important;
    line-height:1.7!important;
    margin-bottom:20px!important;
  }
  .eq-mobile-footer__support a{font-weight:800!important}
  .eq-mobile-footer__legal{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px 16px!important;
    padding-top:18px!important;
    border-top:1px solid #e4e6e4!important;
    font-size:10.5px!important;
    color:#747a76!important;
  }
  .eq-mobile-footer__legal a{text-decoration:underline!important;text-underline-offset:2px!important}
}

@media (max-width:480px){
  .eq-mobile-footer__nav{grid-template-columns:1fr!important}
  .eq-mobile-footer__nav a:nth-last-child(-n+2){border-bottom:1px solid #f0f1f0!important}
  .eq-mobile-footer__nav a:last-child{border-bottom:0!important}
}

/* v3.2 final mobile header + scroll repair + real-photo region/country grids. */
.eq-country-grid,.eq-region-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.eq-country-card__media,.eq-region-card__media{display:block;height:210px!important;overflow:hidden!important;background:#e8e8e6}
.eq-country-card__media img,.eq-region-card__media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.eq-country-card .eq61-path-body,.eq-region-card .eq61-path-body{display:flex;flex-direction:column;min-height:245px}
.eq-country-card .eq61-link,.eq-region-card .eq61-link{margin-top:auto;padding-top:18px}

@media (max-width:900px){
  html,body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body{padding-top:0!important}

  /* One mobile header only: hide the desktop mission strip on phones. */
  .eq-public-header{
    position:sticky!important;
    top:0!important;
    height:68px!important;
    min-height:68px!important;
    background:#fff!important;
    border-bottom:1px solid #e1e3e1!important;
    box-shadow:0 3px 12px rgba(0,0,0,.05)!important;
    backdrop-filter:none!important;
  }
  .eq-public-header>.bg-primary{display:none!important}
  .eq-header-row{
    width:100%!important;
    max-width:none!important;
    height:68px!important;
    min-height:68px!important;
    padding:0 20px!important;
    margin:0!important;
    gap:10px!important;
    border:0!important;
    box-shadow:none!important;
  }
  .eq-header-row>a:first-child{min-width:0!important;gap:10px!important}
  .eq-header-row>a:first-child .w-10{width:38px!important;height:38px!important}
  .eq-header-row>a:first-child .font-headline-md{font-size:20px!important;white-space:nowrap!important}
  .eq-header-row>a:first-child .font-label-sm{display:none!important}
  .eq-header-row .shrink-0:last-child{gap:8px!important;margin-inline-start:auto!important}
  .eq-header-row .shrink-0:last-child>a:first-child,
  .eq-mobile-menu{
    min-height:42px!important;
    height:42px!important;
    padding:0 12px!important;
    border:1px solid #e4e5e4!important;
    background:#f5f5f4!important;
    color:#111!important;
    font-size:13px!important;
    line-height:1!important;
    border-radius:0!important;
  }
  .eq-mobile-menu{min-width:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

  .eq-mobile-panel{
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:12px 20px 24px!important;
    background:#fff!important;
    box-shadow:0 16px 28px rgba(0,0,0,.10)!important;
  }
  .eq-mobile-panel a{border-radius:0!important}
  .eq2-v12-mobile-progress{top:68px!important}

  /* Clean mobile white space. */
  .eq61-wrap,.eq8-wrap,.eq2-wrap,.ar-wrap,.eq-policy-page .eq61-wrap{
    width:calc(100% - 40px)!important;
  }
  .eq61-hero,.eq8-hero{padding:38px 0 46px!important}
  .eq61-section,.eq61-mission,.eq61-editorial,.eq61-cta,.eq8-section,.eq-policy-section{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .eq61-section-head{margin-bottom:30px!important}
  .eq61-hero-grid,.eq61-section-head,.eq61-editorial,.eq61-mission-grid,.eq62-cta-grid,.eq8-hero-grid,.eq8-split{gap:30px!important}
  .eq61-hero-media img,.eq61-path-media img,.eq61-editorial-visual img,.eq61-mission-visual img,.eq62-cta-media img{object-fit:cover!important}

  .eq-country-grid,.eq-region-grid{grid-template-columns:1fr!important;gap:20px!important}
  .eq-country-card__media,.eq-region-card__media{height:210px!important}
  .eq-country-card .eq61-path-body,.eq-region-card .eq61-path-body{min-height:0!important;padding:22px 20px!important}
  .eq-country-card .eq61-link,.eq-region-card .eq61-link{padding-top:16px!important}
}

@media (max-width:380px){
  .eq-header-row{padding-inline:16px!important}
  .eq-header-row>a:first-child .font-headline-md{font-size:18px!important}
  .eq-header-row>a:first-child .w-10{width:34px!important;height:34px!important}
  .eq-header-row .shrink-0:last-child>a:first-child,.eq-mobile-menu{padding-inline:10px!important;font-size:12px!important;min-width:auto!important}
  .eq61-wrap,.eq8-wrap,.eq2-wrap,.ar-wrap,.eq-policy-page .eq61-wrap{width:calc(100% - 32px)!important}
}


/* v3.3 larger editorial hero imagery + regional pages */
@media (min-width:901px){
  .eq61-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(590px,1.14fr)!important;gap:52px!important}
  .eq61-hero-media{min-height:590px!important}
  .eq61-hero-media>img{min-height:590px!important;height:590px!important;width:100%!important;object-fit:cover!important}
  .eq61-hero-copy{padding:34px 0!important}
}
.eq-region-country-summary{margin-top:16px;color:#60645f;font-size:14px;line-height:1.6}
.eq-region-country-summary strong{color:#171918}
.eq-region-page .eq61-path-body{min-height:220px}
@media (max-width:900px){
  .eq-region-page .eq61-path-body{min-height:0}
}