/* WordPress + Elementor compatibility for the Hameed design. */

/* Elementor containers that hold the sections: full width, no padding or gaps. */
.e-con.dq-con,
.elementor .e-con.dq-con {
  --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0;
  --margin-top: 0; --margin-bottom: 0;
  --gap: 0; --row-gap: 0; --column-gap: 0; --widgets-spacing: 0;
  --content-width: 100%; --width: 100%;
  padding: 0; gap: 0; max-width: none;
}
.dq-con > .elementor-widget,
.dq-con > .e-con-inner > .elementor-widget { width: 100%; max-width: 100%; margin: 0; }
.dq-con .elementor-widget-container { padding: 0; margin: 0; }
.elementor-page #dq-main > .elementor { width: 100%; }

/* Elementor's base styles must not change the design. */
.elementor .slot img { height: 100%; max-width: none; border-radius: 0; }
.elementor .bizcard svg,
.elementor .logo__mark { max-width: none; }
.elementor a { text-decoration: none; }
.elementor h1, .elementor h2, .elementor h3, .elementor p { margin-block-start: 0; }

/* Plain pages (privacy policy etc.) */
.dq-plain { padding: calc(var(--head-h, 76px) + 60px) 0 100px; min-height: 60vh; }
.dq-article { max-width: 760px; }
.dq-article .h2 { margin-bottom: 24px; }
.dq-article p { line-height: 1.8; }

/* ------------------------------------------------------------------
   Elementor editor: no animations, every section laid out flat so it is
   easy to click and edit. The live page keeps all the animations.
   ------------------------------------------------------------------ */
.dq-editing .header { position: sticky; opacity: 1; transform: none; }
.dq-editing .reveal { opacity: 1; transform: none; }
.dq-editing .hero { height: auto; }
.dq-editing .hero__sticky { position: relative; height: auto; min-height: 0; padding: calc(var(--head-h, 76px) + 40px) 0 60px; overflow: visible; }
.dq-editing #hero-canvas,
.dq-editing #config-canvas { display: none; }
.dq-editing .hero__intro { position: relative; top: auto; bottom: auto; transform: none; inset-inline-start: auto; margin: 0 var(--gutter); }
.dq-editing .hero__caps { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 40px var(--gutter) 0; }
.dq-editing .cap { position: relative; top: auto; inset: auto; opacity: 1; max-width: none; transform: none; }
.dq-editing .hero__final { position: relative; top: auto; bottom: auto; inset: auto; opacity: 1; margin: 40px var(--gutter) 0; pointer-events: auto; }
.dq-editing .hero__steps,
.dq-editing .hero__scroll { display: none; }
.dq-editing .hero__bgword { opacity: .25; }
.dq-editing .tiles { height: auto; background: #efe9e1 url("../img/tex/marble-wall.jpg") center/cover; }
.dq-editing .tiles__sticky { position: relative; height: auto; padding: 100px 0; }
.dq-editing .tiles__grid { display: none; }
.dq-editing .stat b.count::after { content: attr(data-to); }
.dq-editing .stat b.count { font-size: 0; }
.dq-editing .stat b.count::after { font-size: clamp(34px, 5vw, 64px); }
.dq-editing .scard { position: relative; top: auto; }
.dq-editing .scard::before { opacity: .25; }
.dq-editing .config__view { min-height: 260px; background: #ebe4da url("../img/tex/m-calacatta.jpg") center/cover; }
.dq-editing .words__line span { filter: none; opacity: 1; }
.dq-editing .process__track { width: auto; flex-wrap: wrap; transform: none !important; }
.dq-editing .tiles__quote .w > span,
.dq-editing .split .w > span { transform: none !important; }
.dq-editing .call-float,
.dq-editing .wa-float { display: none; }

/* Plain pages: header visible without the loader. */
.dq-static .header { opacity: 1; transform: none; }