/* ========================================================================== 
   DENLYX PLATFORM PRODUCTION v1.0.16 — RESPONSIVE / MULTILINGUAL / GLOBE ADMIN OWNER
   ========================================================================== */

/* Company cards: one centered, resilient template on every page and language. */
html body .dx11-company-card,
html body .dx-directory-card{
  min-width:0!important;
  overflow:hidden!important;
}
html body .dx11-company-body,
html body .dx-directory-card-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
html body .dx11-company-body>*,
html body .dx-directory-card-copy>*{
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html body .dx11-company-body h3,
html body .dx-directory-card-copy h3{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-wrap:balance!important;
}
html body .dx11-company-body p,
html body .dx-directory-card-copy p{
  width:100%!important;
  max-width:30ch!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  text-wrap:pretty!important;
}
html body .dx11-company-actions,
html body .dx-directory-actions{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
html body .dx11-company-logo,
html body .dx-directory-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
html body .dx11-company-logo .dx-logo-picture,
html body .dx-directory-logo .dx-logo-picture{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
html body .dx11-company-logo img,
html body .dx-directory-logo img{
  display:block!important;
  width:auto!important;
  max-width:88%!important;
  height:auto!important;
  max-height:78%!important;
  margin:auto!important;
  object-fit:contain!important;
}
html body .dx11-company-logo-iron img,
html body .dx-directory-logo-iron img{
  max-width:94%!important;
  max-height:88%!important;
}

/* Metrics and every translated box stay inside their own containers. */
html body .dx-unified-metrics article,
html body .dx-unified-facility-grid article,
html body .dx11-company-card,
html body .dx-directory-card,
html body .dx-globe-country button,
html body .atmo-language-popup button,
html body .atmo-dropdown a,
html body .atmo-button,
html body button,
html body a{
  min-width:0;
}
html body .dx-unified-metrics article>*{
  max-width:100%!important;
  text-align:center!important;
}
html body .dx-unified-metrics article strong{
  display:block!important;
  width:100%!important;
  padding-inline:8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:.96!important;
  text-wrap:balance!important;
}
html body .dx-unified-metrics article:last-child strong{
  font-size:clamp(25px,4.15vw,60px)!important;
  letter-spacing:-.045em!important;
}
html body .dx-unified-metrics article span,
html body .dx-unified-metrics article small,
html body .dx-unified-facility-title,
html body .dx-unified-facility-grid article p,
html body .dx-globe-country button b,
html body .dx-globe-country button span{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
  text-wrap:balance!important;
}

/* Language menu: stable white outlines on every page; only text adapts. */
html body header.atmo-header .atmo-language-trigger,
html body header.atmo-header .atmo-language-popup,
html body header.atmo-header .atmo-language-popup button[data-language-option],
html body header.atmo-header .atmo-company-nav>.atmo-dropdown,
html body header.atmo-header .atmo-company-nav>.atmo-dropdown>a{
  border-color:rgba(247,251,255,.84)!important;
}
html body header.atmo-header .atmo-language-popup button[data-language-option],
html body header.atmo-header .atmo-company-nav>.atmo-dropdown>a{
  max-width:100%!important;
  overflow:hidden!important;
}
html body header.atmo-header .atmo-language-popup button[data-language-option] span,
html body header.atmo-header .atmo-language-popup button[data-language-option] small,
html body header.atmo-header .atmo-company-nav>.atmo-dropdown>a strong,
html body header.atmo-header .atmo-company-nav>.atmo-dropdown>a small{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
html body header.atmo-header [data-dx-v1905-row-tone="light"],
html body header.atmo-header [data-dx-v1854-row-tone="light"],
html body header.atmo-header [data-dx-row-tone="light"]{
  color:#173b4b!important;
  -webkit-text-fill-color:#173b4b!important;
}
html body header.atmo-header [data-dx-v1905-row-tone="dark"],
html body header.atmo-header [data-dx-v1854-row-tone="dark"],
html body header.atmo-header [data-dx-row-tone="dark"]{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}

/* Globe city buttons are generated by Denlyx Core and remain a predictable grid. */
html body .dx-globe-country{
  min-width:0!important;
}
html body .dx-globe-country button{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body .dx-globe-country button b,
html body .dx-globe-country button span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

/* About Us network: viewport-aware scale. Preserve motion but prevent laptop clipping. */
@media (min-width:1280px) and (prefers-reduced-motion:no-preference){
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"]>.dx-about-purpose-grid{
    grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr)!important;
    width:min(1640px,calc(100% - clamp(32px,4vw,72px)))!important;
    min-height:100svh!important;
    padding:clamp(70px,9vh,118px) 0 clamp(24px,4vh,58px)!important;
    overflow:clip!important;
  }
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-purpose-copy{
    width:min(38vw,610px)!important;
    min-width:0!important;
  }
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-network{
    width:min(44vw,calc((100svh - 132px) * .92),720px)!important;
    max-width:min(44vw,calc((100svh - 132px) * .92),720px)!important;
    transform:translate3d(calc(var(--dx1908-purpose-progress,0) * clamp(24px,4vw,70px)),0,0)
      scale(calc(1 + var(--dx1908-purpose-progress,0) * .52))!important;
    transform-origin:center center!important;
  }
  html body.dx-about-page #dx-cinematic-network svg{
    max-height:calc(100svh - 210px)!important;
  }
}
@media (min-width:1280px) and (max-height:820px){
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"]{
    min-height:185vh!important;
  }
  html body.dx-about-page .dx-about-purpose[data-dx-purpose-motion="true"] .dx-about-network{
    width:min(42vw,590px)!important;
    max-width:min(42vw,590px)!important;
    transform:translate3d(calc(var(--dx1908-purpose-progress,0) * 28px),0,0)
      scale(calc(1 + var(--dx1908-purpose-progress,0) * .28))!important;
  }
  html body.dx-about-page #dx-cinematic-network .dx-info{
    min-height:96px!important;
    margin-top:-10px!important;
  }
}

/* Full mobile / multilingual containment audit. */
@media(max-width:980px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  html body main,
  html body .site-main,
  html body .dx11-home,
  html body section,
  html body .container,
  html body .dx11-container{
    min-width:0!important;
    max-width:100%!important;
  }
  html body .dx-unified-metrics article:last-child strong{
    font-size:clamp(22px,6.4vw,38px)!important;
    letter-spacing:-.045em!important;
  }
  html body .dx-unified-metrics article span{
    padding-inline:8px!important;
    font-size:clamp(11px,3.2vw,16px)!important;
  }
  html body .dx11-company-body h3,
  html body .dx-directory-card-copy h3{
    font-size:clamp(14px,4vw,18px)!important;
  }
  html body .dx11-company-body p,
  html body .dx-directory-card-copy p{
    max-width:34ch!important;
    font-size:clamp(13px,3.6vw,16px)!important;
  }
  html body .dx-globe-country{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body .dx-globe-country h4{
    grid-column:1/-1!important;
  }
  html body .dx-globe-country button{
    width:100%!important;
    min-height:54px!important;
    padding:10px 7px!important;
  }
}
@media(max-width:430px){
  html body .dx-unified-metrics{
    gap:10px!important;
  }
  html body .dx-unified-metrics article{
    padding-inline:8px!important;
  }
  html body .dx-unified-metrics article:last-child strong{
    font-size:clamp(21px,5.9vw,28px)!important;
  }
  html body .dx-unified-facility-title{
    font-size:clamp(11px,3.2vw,15px)!important;
    line-height:1.45!important;
    padding-inline:8px!important;
  }
}
