/* Energy Bartar v0.9.130 — internal-page mobile QA + Contact map render fix */

/* Contact map: the old stylesheet hides the iframe until .is-loaded. If the eager
   iframe completed before JS attached its load listener, it could stay transparent forever. */
body.eb-contact-page-active .ebc-map-frame-wrap .ebc-map-frame{
  opacity:1!important;
  visibility:visible!important;
}
body.eb-contact-page-active .ebc-map-frame-wrap.eb0130-map-ready .ebc-map-loading,
body.eb-contact-page-active .ebc-map-frame-wrap.is-loaded .ebc-map-loading{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.eb-contact-page-active .eb0130-map-route-fallback{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(20,132,71,.94);
  color:#fff!important;
  text-decoration:none!important;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:0 8px 22px rgba(15,82,48,.18);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
body.eb-contact-page-active .eb0130-map-route-fallback:hover{
  transform:translateY(-1px);
}

/* Internal-page sticky header QA. Keep the current design, only reduce unnecessary
   vertical padding and expose a runtime offset for anchor targets. */
@media (max-width:767px){
  body.eb-contact-page-active #header [data-device="mobile"] [data-row="middle"] .ct-container,
  body.eb-about-page-active #header [data-device="mobile"] [data-row="middle"] .ct-container{
    padding-top:3px!important;
    padding-bottom:3px!important;
    min-height:64px!important;
  }
  body.eb-contact-page-active #header [data-device="mobile"] .site-branding,
  body.eb-about-page-active #header [data-device="mobile"] .site-branding{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  body.eb-contact-page-active main [id],
  body.eb-contact-page-active main .elementor-top-section,
  body.eb-about-page-active main [id],
  body.eb-about-page-active main .elementor-top-section{
    scroll-margin-top:var(--eb0130-mobile-header-offset,88px)!important;
  }
  body.eb-contact-page-active #eb-contact-maps{
    scroll-margin-top:var(--eb0130-mobile-header-offset,88px)!important;
  }
  body.eb-contact-page-active .eb0130-map-route-fallback{
    left:9px;
    bottom:9px;
    min-height:34px;
    padding:6px 10px;
    font-size:11.5px!important;
  }
}
