/* =====================================================================
   OneSource — Home v2  ·  Section 9 · Footer
   Prefix .ec-footer — the legacy .ecom-footer rules in ecom.css are left
   alone and simply stop matching once footer.blade.php is replaced.
   ===================================================================== */

.ec-footer {
  background: var(--ec-navy);
  background: linear-gradient(90deg, #212F8F 0%, #2C4CE2 100%);
  color: #fff;
  margin-top: auto;
}

.ec-footer__inner {
  max-width: var(--ecom-container);
  margin-inline: auto;
  padding: 46px 24px 38px;
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 40px;
  align-items: start;
}

/* ── Brand column ── */
.ec-footer__logo { height: 52px; width: auto; margin-bottom: 18px; }

.ec-footer__blurb {
  margin: 0 0 22px;
  max-width: 320px;
  font-size: 13.5px; line-height: 1.75;
  color: rgba(255,255,255,.86);
}

.ec-footer__social { display: flex; gap: 10px; }
.ec-footer__social a {
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  color: #fff; font-size: 14px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.ec-footer__social a:hover {
  background: var(--ec-coral);
  border-color: var(--ec-coral);
  transform: translateY(-2px);
}

/* ── Column headings ── */
.ec-footer__h {
  margin: 0 0 18px;
  font-size: 16px; font-weight: var(--ecom-fw-bold);
  color: var(--ec-coral);
}
.ec-footer__h--sm { margin: 22px 0 12px; font-size: 14px; }

.ec-footer__sub {
  margin: -8px 0 14px;
  font-size: 12.5px; color: rgba(255,255,255,.8);
}

/* ── Address list ── */
.ec-footer__contact { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.ec-footer__contact li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; }
.ec-footer__contact i { color: #fff; font-size: 14px; margin-top: 2px; flex: 0 0 16px; }
.ec-footer__contact a,
.ec-footer__contact span { color: rgba(255,255,255,.9); }
.ec-footer__contact a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* ── Resource links ── */
.ec-footer__links { display: flex; flex-direction: column; gap: 13px; }
.ec-footer__links a {
  font-size: 13.5px; color: rgba(255,255,255,.9);
  width: fit-content;
  transition: color .18s ease, transform .18s ease;
}
.ec-footer__links a:hover { color: #fff; transform: translateX(3px); }
[dir="rtl"] .ec-footer__links a:hover { transform: translateX(-3px); }

/* ── App badges ── */
.ec-footer__badges { display: flex; gap: 10px; flex-wrap: wrap; }
.ec-footer__badges a { display: block; transition: opacity .18s ease, transform .18s ease; }
.ec-footer__badges img { height: 38px; width: auto; display: block; }
.ec-footer__badges a:hover { transform: translateY(-2px); }
/*.ec-footer__badges a.is-soon { opacity: .55; pointer-events: none; cursor: default; }*/

/* ── Payment marks ── */
.ec-footer__pay { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ec-footer__pay img {
  height: 26px; width: auto; display: block;
  background: #fff; border-radius: 5px;
  padding: 3px 6px;
}

/* ── Bottom bar ── */
.ec-footer__bar { border-top: 1px solid rgba(255,255,255,.16); }
.ec-footer__barinner {
  max-width: var(--ecom-container);
  margin-inline: auto;
  padding: 16px 24px;
  font-size: 12.5px; color: rgba(255,255,255,.78);
}

/* ═══════════ RESPONSIVE ═══════════ */
@media (max-width: 1100px) {
  .ec-footer__inner { grid-template-columns: 1fr 1fr; gap: 34px 30px; }
  .ec-footer__blurb { max-width: none; }
}
@media (max-width: 640px) {
  .ec-footer__inner { grid-template-columns: 1fr; gap: 30px; padding: 34px 16px 28px; }
  .ec-footer__barinner { padding-inline: 16px; text-align: center; }
  .ec-footer__logo { height: 44px; }
  .ec-footer__h { margin-bottom: 14px; }
}