/* ============================================================
 * MIXORA — mixora-footer.css (Footer matches header width)
 * Version: 1.4.0 | Last updated: 2026-09-04
 * ------------------------------------------------------------
 * HOW TO EDIT LATER:
 * - Width auto matches header via --mixora-shell-width (same var!).
 * - Gutter/padding: --mixora-shell-gutter / EDIT ME blocks below.
 * - Footer text/widgets Elementor-e edit hoy; ekhane shudhu layout.
 * ============================================================ */

/* EDIT ME: footer IDs (Elementor template IDs) */
.mx-footer.elementor-location-footer {
  margin-top: 56px; /* EDIT ME: gap above footer */
  background: #000;
  color: #fff;
}
.mx-footer .mx-footer-a,
.mx-footer .mx-footer-b {
  background: #000 !important;
}

/* EXACT same container as header */
.mx-footer .mx-footer-a > .e-con-inner,
.mx-footer .mx-footer-b > .e-con-inner {
  width: min(calc(100vw - (var(--mixora-shell-gutter) * 2)), var(--mixora-shell-width)) !important;
  max-width: min(calc(100vw - (var(--mixora-shell-gutter) * 2)), var(--mixora-shell-width)) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.mx-footer .mx-footer-a { padding: 52px 0 24px !important; } /* EDIT ME */
.mx-footer .mx-footer-b { padding: 30px 0 30px !important; } /* EDIT ME */

/* Premium 4-col grid, clean alignment */
.mx-footer .mx-footer-a-grid,
.mx-footer .mx-footer-b-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.4fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr) minmax(260px, 1fr);
  gap: 36px !important;
  align-items: start !important;
}
.mx-footer .elementor-heading-title { letter-spacing: 0 !important; }
.mx-footer .elementor-icon-list-item a,
.mx-footer .elementor-icon-list-text,
.mx-footer .elementor-widget-text-editor { letter-spacing: 0 !important; }

@media (max-width: 1024px) {
  .mx-footer .mx-footer-a-grid,
  .mx-footer .mx-footer-b-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}
@media (max-width: 767px) {
  .mx-footer.elementor-location-footer { margin-top: 40px; }
  .mx-footer .mx-footer-a > .e-con-inner,
  .mx-footer .mx-footer-b > .e-con-inner {
    width: calc(100vw - (var(--mixora-shell-gutter-mobile) * 2)) !important;
    max-width: calc(100vw - (var(--mixora-shell-gutter-mobile) * 2)) !important;
  }
  .mx-footer .mx-footer-a { padding: 36px 0 20px !important; }
  .mx-footer .mx-footer-b { padding: 24px 0 90px !important; } /* space for sticky mobile bar */
  .mx-footer .mx-footer-a-grid,
  .mx-footer .mx-footer-b-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px 18px !important;
  }
  .mx-footer .mx-footer-a-col-1,
  .mx-footer .mx-footer-a-col-4,
  .mx-footer .mx-footer-b-col-1,
  .mx-footer .mx-footer-b-col-4 {
    grid-column: 1 / -1 !important;
  }
  .mx-footer .mx-footer-copyright,
  .mx-footer .mx-footer-copyright p { text-align: center !important; }
}

/* ---------- Footer brand text "Mixora" ----------
 * Widget: .mx-footer .mx-footer-brand (heading)
 * EDIT ME: gray ta gaaro/halka korte --mixora-footer-brand bodlan.
 * Halka gray = aro premium, kalo er cheye kom chitkar kore. */
.mx-footer {
  --mixora-footer-brand: #8f8f8f47;
}
.mx-footer .mx-footer-brand .elementor-heading-title,
.mx-footer .mx-footer-brand .elementor-heading-title a {
  color: var(--mixora-footer-brand) !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  transition: color 0.22s ease;
}
.mx-footer .mx-footer-brand .elementor-heading-title a:hover {
  color: #111111 !important;
}

/* ---------- Footer copyright line ----------
 * KENO DEKHA JETO NA: Elementor Kit-22 shob link e
 *   .elementor-kit-22 a { color: var(--e-global-color-9f8e445) }  =>  #171717
 * dey. Footer er background #000 - tai bhitorer "Marketorr" link ta
 * kalo-r upor kalo hoye praay udhao hoye jeto.
 * Amader agger rule shudhu widget ar tar <p> ke rong dito, <a> ke NA.
 *
 * EDIT ME: lekha ar link er rong niche-r duita variable te. */
.mx-footer .mx-footer-copyright-row {
  --mixora-copy-text: rgba(255, 255, 255, 0.72);  /* EDIT ME: shadharon lekha */
  --mixora-copy-link: #ffffff;                    /* EDIT ME: link (Marketorr) */
}

.mx-footer .mx-footer-copyright,
.mx-footer .mx-footer-copyright p,
.mx-footer .mx-footer-copyright strong {
  margin: 0 !important;
  color: var(--mixora-copy-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
}

/* Link ta ekhon spashto - underline soho, tai bojha jay eta click kora jay */
.mx-footer .mx-footer-copyright a,
.mx-footer .mx-footer-copyright strong a {
  color: var(--mixora-copy-link) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  transition: opacity 0.2s ease;
}
.mx-footer .mx-footer-copyright a:hover {
  color: var(--mixora-copy-link) !important;
  opacity: 0.75;
}

@media (max-width: 767px) {
  .mx-footer .mx-footer-brand .elementor-heading-title,
  .mx-footer .mx-footer-brand .elementor-heading-title a {
    font-weight: 900 !important;
  }
  .mx-footer .mx-footer-copyright,
  .mx-footer .mx-footer-copyright p,
  .mx-footer .mx-footer-copyright strong {
    font-size: 13px !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }
}