/* ------------------------------------------------------------------------
   Tablet-only (768–1024px) header & footer chrome fixes for Axionova.

   Mobile (<=767px) and desktop (>=1025px) are intentionally NOT touched.

   Why this file exists: the Elementor build never received tablet responsive
   settings. Between 768–1024px the site shows the *mobile* header/footer
   containers (#aba8f7d / #0cab602) but styled with the *desktop* CSS —
   including `--e-con-grid-template-rows: repeat(2, 1fr)`, which renders a
   full-height EMPTY second grid row (the large blank band), a 200px logo,
   and 40px asymmetric side padding.

   Target layout: a single row split into three zones —
     [ zone 1: left ]        [ zone 2: centered ]        [ zone 3: right ]
   Header:  logo             Enter Ecosystem button      burger
   Footer:  social icons     Enter Ecosystem button      burger
   Done with `grid-template-columns: 1fr auto 1fr` so zone 2 is a TRUE centre
   regardless of how wide zones 1 and 3 are.

   The burger still opens the existing full-screen overlay (mobile-nav.css,
   which already covers <=1024px) — unchanged.
   ------------------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 1024px) {

  /* ================= HEADER  (#aba8f7d = the bar visible 768–1024) ================= */

  .elementor-10 .elementor-element.elementor-element-aba8f7d {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 0px !important;
  }

  .elementor-10 .elementor-element.elementor-element-f216c37 {
    width: 100% !important;
    --width: 100% !important;
  }

  /* the inner wrapper is the grid — 3 zones, one row */
  .elementor-10 .elementor-element.elementor-element-f216c37 > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 8px 22px !important;
  }

  .elementor-10 .elementor-element.elementor-element-f216c37 > .e-con-inner > .elementor-element {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* zone placement (DOM order is already logo → button → burger) */
  .elementor-10 .elementor-element.elementor-element-2a8d405 { justify-self: start !important; }   /* zone 1 */
  .elementor-10 .elementor-element.elementor-element-f49450c { justify-self: center !important; }  /* zone 2 */
  .elementor-10 .elementor-element.elementor-element-3d30b11 { justify-self: end !important; }     /* zone 3 */

  /* logo — desktop rule was `img{width:50%}` of a huge grid cell */
  .elementor-10 .elementor-element.elementor-element-2a8d405 img {
    width: auto !important;
    height: 40px !important;
  }

  .elementor-10 .elementor-element.elementor-element-3d30b11 .elementor-menu-toggle {
    margin: 0 !important;
  }

  /* ================= FOOTER  (#0cab602 = the bar visible 768–1024) ================= */

  .elementor-83 .elementor-element.elementor-element-0cab602 {
    --padding-top: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-right: 0px !important;
  }

  .elementor-83 .elementor-element.elementor-element-d0d08e2 {
    width: 100% !important;
    --width: 100% !important;
  }

  .elementor-83 .elementor-element.elementor-element-d0d08e2 > .e-con-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 14px 22px !important;
  }

  .elementor-83 .elementor-element.elementor-element-d0d08e2 > .e-con-inner > .elementor-element {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* zone placement (DOM order is already socials → button → burger) */
  .elementor-83 .elementor-element.elementor-element-180a34a { justify-self: start !important; }   /* zone 1 */
  .elementor-83 .elementor-element.elementor-element-de6effc { justify-self: center !important; }  /* zone 2 */
  .elementor-83 .elementor-element.elementor-element-6953e76 { justify-self: end !important; }     /* zone 3 */

  .elementor-83 .elementor-element.elementor-element-6953e76 .elementor-menu-toggle {
    margin: 0 !important;
  }

  /* the "AXIONOVA" watermark block now sits directly under the bar —
     trim the near-empty vertical band it reserves at this width */
  .axiom-footer-end-mobile { min-height: 0 !important; }
  .axiom-content-mobile {
    min-height: 190px !important;
    padding: 30px 18px 34px !important;
  }
}