/* DIMART V31 — final footer / hero / chat / music refinements */

/* Keep the approved desktop header geometry. Home Dibot button now matches all pages. */
@media (min-width:1101px){
  body.v8-ui-preview .site-header .nav-links .nav-dibot{
    min-width:118px!important;width:118px!important;max-width:118px!important;height:40px!important;min-height:40px!important;
    flex:0 0 118px!important;padding:0 10px!important;border-radius:999px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  body.v8-ui-preview .site-header .nav-links .nav-dibot .dibot-wordmark{
    width:66px!important;min-width:66px!important;max-width:66px!important;height:22px!important;object-fit:contain!important;
  }
}

/* ---------- One footer language across every page ---------- */
.site-footer[data-v31-footer],.site-footer{
  position:relative!important;overflow:hidden!important;margin-top:0!important;padding:68px 0 22px!important;
  background:
    radial-gradient(circle at 78% 5%,rgba(15,145,213,.13),transparent 30%),
    radial-gradient(circle at 15% 50%,rgba(44,122,221,.08),transparent 32%),
    linear-gradient(180deg,#031f4a 0%,#03183c 45%,#020b22 100%)!important;
  color:#fff!important;
}
.site-footer:before{
  content:"DIMART";position:absolute;left:-2vw;top:20px;font:800 clamp(84px,14vw,210px)/.82 YekanBakh,Tahoma,sans-serif;
  letter-spacing:-.07em;color:rgba(255,255,255,.025);direction:ltr;pointer-events:none;white-space:nowrap;
}
.site-footer>.container{position:relative;z-index:2;width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}
.site-footer .footer-grid{display:grid!important;grid-template-columns:1.45fr repeat(3,.7fr)!important;gap:26px!important;align-items:start!important;padding:0!important}
.site-footer .footer-about{
  grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;
  padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;
}
.site-footer .footer-about>.brand{display:flex!important;width:100%!important;height:118px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.site-footer .footer-about>.brand img{display:block!important;width:330px!important;max-width:100%!important;height:118px!important;max-height:118px!important;object-fit:contain!important;object-position:right center!important;margin:0!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.22))!important}
html[lang="en"] .site-footer .footer-about>.brand{justify-content:flex-start!important}
html[lang="en"] .site-footer .footer-about>.brand img{object-position:left center!important}
.site-footer .footer-about>p{margin:3px 0 0!important;max-width:390px!important;color:#a9c8dd!important;font-size:12px!important;line-height:1.95!important;text-align:start!important}
.site-footer .footer-col{padding:14px 8px!important;border:0!important;background:transparent!important;text-align:start!important}
.site-footer .footer-col h4{margin:0 0 12px!important;font-size:14px!important;color:#fff!important}
.site-footer .footer-col a{display:block!important;margin:8px 0!important;color:#9cbcd4!important;font-size:11px!important;line-height:1.5!important;transition:.2s!important}
.site-footer .footer-col a:hover{color:#fff!important;transform:translateX(-2px)}
html[lang="en"] .site-footer .footer-col a:hover{transform:translateX(2px)}

/* Utility card: social row + contact row, compact and intentional. */
.site-footer .footer-utility{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"social contact"!important;
  align-items:center!important;gap:12px!important;margin:18px 0 14px!important;padding:10px 12px!important;
  border:1px solid rgba(133,213,251,.12)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(12px)!important;
}
.site-footer .footer-social{grid-area:social!important;display:grid!important;grid-template-columns:repeat(3,40px)!important;gap:6px!important;margin:0!important;align-items:center!important}
.site-footer .footer-social a{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;border:1px solid rgba(126,219,255,.14)!important;background:linear-gradient(145deg,rgba(10,99,153,.52),rgba(4,40,114,.34))!important;color:#dff8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.site-footer .footer-social a:hover{transform:translateY(-2px)!important;background:linear-gradient(145deg,rgba(17,132,190,.68),rgba(6,57,129,.46))!important}
.site-footer .footer-social .social-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(97,216,255,.09)!important}
.site-footer .footer-social .social-icon svg{width:16px!important;height:16px!important;fill:currentColor!important}
.site-footer .footer-social .social-copy{display:none!important}
.site-footer .footer-contact{grid-area:contact!important;display:grid!important;grid-template-columns:1.25fr .72fr 1.15fr!important;gap:6px!important;margin:0!important;min-width:0!important}
.site-footer .footer-contact>*{min-width:0!important;min-height:40px!important;padding:7px 9px!important;margin:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(136,213,248,.09)!important;background:rgba(255,255,255,.025)!important;color:#b9d5e7!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
.site-footer .footer-contact>*:hover{color:#fff!important;border-color:rgba(112,220,255,.24)!important;background:rgba(255,255,255,.05)!important}

/* Location module — intentionally narrower than page edge. */
.site-footer .footer-map{width:min(980px,92%)!important;margin:0 auto 14px!important;display:grid!important;grid-template-columns:.9fr 1.35fr!important;min-height:184px!important;border:1px solid rgba(128,206,244,.11)!important;border-radius:22px!important;overflow:hidden!important;background:rgba(255,255,255,.028)!important;box-shadow:0 18px 54px rgba(0,0,0,.09)!important}
.site-footer .footer-map-copy{padding:20px 22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.site-footer .footer-map-copy small{color:#61d1ff!important;font-size:10px!important}.site-footer .footer-map-copy h3{font-size:20px!important;line-height:1.5!important;margin:5px 0 7px!important;color:#fff!important}.site-footer .footer-map-copy p{color:#abc6db!important;font-size:11px!important;line-height:1.7!important;margin:0 0 10px!important}.site-footer .map-link{align-self:flex-start!important;padding:9px 13px!important;border-radius:999px!important;background:#fff!important;color:#07346e!important;font-size:10px!important}
.site-footer .footer-map-frame{position:relative!important;min-height:184px!important;overflow:hidden!important}.site-footer .footer-map-frame iframe{position:absolute!important;inset:-40px!important;width:calc(100% + 80px)!important;height:calc(100% + 80px)!important;border:0!important;filter:grayscale(1) invert(.88) sepia(.35) hue-rotate(167deg) saturate(3.1) contrast(.92)!important;opacity:.70!important}.site-footer .footer-map-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031c49 0,transparent 34%),linear-gradient(0deg,rgba(3,18,54,.18),transparent);pointer-events:none}.site-footer .map-pin{position:absolute;z-index:3;top:50%;left:52%;width:52px;height:52px;border-radius:50% 50% 50% 8%;transform:translate(-50%,-50%) rotate(-45deg);background:linear-gradient(145deg,#fff,#75d5ff);box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 0 10px rgba(112,210,255,.10)}.site-footer .map-pin:after{content:"D";position:absolute;inset:8px;display:grid;place-items:center;border-radius:50%;background:#042872;color:#fff;font:700 16px YekanBakh,Tahoma,sans-serif;transform:rotate(45deg)}
.site-footer .copyright{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:8px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(255,255,255,.022)!important;border:1px solid rgba(128,206,244,.07)!important;color:#7590aa!important;font-size:8px!important;text-align:start!important}

/* Mobile footer: creative, compact, same structure as desktop. */
@media (max-width:700px){
  .site-footer{padding:22px 8px calc(18px + env(safe-area-inset-bottom))!important}
  .site-footer>.container{width:calc(100% - 10px)!important;max-width:690px!important}
  .site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .site-footer .footer-about{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 148px!important;grid-template-areas:"copy logo"!important;
    gap:8px!important;align-items:center!important;min-height:112px!important;padding:12px 12px!important;border:1px solid rgba(132,213,251,.10)!important;border-radius:20px!important;
    background:radial-gradient(circle at 84% 50%,rgba(50,188,244,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.014))!important;overflow:hidden!important;
  }
  html[lang="en"] .site-footer .footer-about{grid-template-columns:148px minmax(0,1fr)!important;grid-template-areas:"logo copy"!important}
  .site-footer .footer-about>.brand{grid-area:logo!important;width:148px!important;height:90px!important;justify-content:center!important;overflow:hidden!important}
  .site-footer .footer-about>.brand img{width:146px!important;max-width:146px!important;height:90px!important;max-height:90px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 15px 24px rgba(0,0,0,.22))!important}
  .site-footer .footer-about>p{grid-area:copy!important;margin:0!important;font-size:8.2px!important;line-height:1.8!important;max-width:none!important;text-align:right!important;color:#aecbdd!important}
  html[lang="en"] .site-footer .footer-about>p{text-align:left!important}
  .site-footer .footer-col{min-width:0!important;padding:8px 3px!important;border:1px solid rgba(133,211,248,.07)!important;border-radius:13px!important;background:rgba(255,255,255,.018)!important;text-align:center!important}
  .site-footer .footer-col h4{margin:0 0 5px!important;font-size:9.5px!important}.site-footer .footer-col a{margin:4px 0!important;font-size:7.3px!important;line-height:1.42!important}

  /* exact requested order: social icons row, contacts row beneath */
  .site-footer .footer-utility{width:96%!important;margin:7px auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:7px!important;border-radius:16px!important;min-height:0!important}
  .site-footer .footer-social{order:1!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;justify-content:stretch!important}
  .site-footer .footer-social a{width:100%!important;height:36px!important;min-width:0!important;min-height:36px!important;border-radius:11px!important}
  .site-footer .footer-social .social-icon{width:26px!important;height:26px!important}.site-footer .footer-social .social-icon svg{width:15px!important;height:15px!important}
  .site-footer .footer-contact{order:2!important;width:100%!important;display:grid!important;grid-template-columns:1.18fr .72fr 1.18fr!important;gap:4px!important}
  .site-footer .footer-contact>*{min-height:31px!important;height:31px!important;padding:4px 5px!important;font-size:6.4px!important;border-radius:9px!important}

  .site-footer .footer-map{width:90%!important;max-width:610px!important;margin:8px auto 10px!important;grid-template-columns:1fr!important;min-height:0!important;border-radius:18px!important}
  .site-footer .footer-map-copy{padding:14px 16px!important;min-height:112px!important;text-align:right!important}.site-footer .footer-map-copy h3{font-size:16px!important;margin:4px 0 5px!important}.site-footer .footer-map-copy p{font-size:8.5px!important;line-height:1.55!important;margin-bottom:8px!important}.site-footer .map-link{width:100%!important;justify-content:center!important;padding:8px 10px!important;font-size:8px!important}
  html[lang="en"] .site-footer .footer-map-copy{text-align:left!important}
  .site-footer .footer-map-frame{min-height:142px!important}.site-footer .footer-map-frame iframe{height:calc(100% + 70px)!important}
  .site-footer .copyright{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:6px!important;padding:7px 8px!important;font-size:6.4px!important;text-align:center!important}
}

/* ---------- Home mobile hero: search + all copy pulled up directly under header ---------- */
@media (max-width:700px){
  body.v8-ui-preview .dimart-hero-x,body.v8-ui-preview .hero-combo{padding-top:62px!important}
  body.v8-ui-preview .dimart-hero-x .dh-shell{padding-top:0!important;margin-top:0!important}
  body.v8-ui-preview .dimart-hero-x .dh-copy{position:relative!important;top:-72px!important;margin-bottom:-72px!important;padding:0 5px!important}
  body.v8-ui-preview .dimart-hero-x .hero-intent-search,body.v8-ui-preview .dimart-hero-x .hero-business-search{margin-top:0!important;margin-bottom:7px!important}
}
@media (min-width:701px) and (max-width:1100px){
  body.v8-ui-preview .dimart-hero-x .dh-copy{position:relative!important;top:-48px!important;margin-bottom:-48px!important}
}

/* ---------- Mobile chat: panel opens attached to launcher, not floating far away ---------- */
@media (max-width:700px){
  .chat-widget{left:max(10px,env(safe-area-inset-left))!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
  .chat-panel{position:absolute!important;left:0!important;right:auto!important;bottom:64px!important;width:min(360px,calc(100vw - 22px))!important;max-width:calc(100vw - 22px)!important;max-height:min(560px,calc(100dvh - 92px))!important;transform-origin:bottom left!important}
  html[lang="en"] .chat-panel{left:0!important;right:auto!important}
}

/* ---------- Ambient music control, same position and language-neutral UI ---------- */
.sound-control.v31-music-control{position:fixed!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:940!important;width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid rgba(140,218,255,.20)!important;background:linear-gradient(145deg,rgba(4,40,114,.92),rgba(7,99,159,.78))!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 14px 34px rgba(0,20,58,.25),inset 0 1px 0 rgba(255,255,255,.13)!important;backdrop-filter:blur(14px)!important;cursor:pointer!important}.sound-control.v31-music-control svg{width:21px!important;height:21px!important}.sound-control.v31-music-control.muted{opacity:.58!important}.sound-control.v31-music-control.awaiting:after{content:"";position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;background:#ffd85e;box-shadow:0 0 0 3px rgba(255,216,94,.15)}