/* ==========================================================================
   ALTMEZ — FOOTER
   Kadence footer builder: top row = 4 widget columns, bottom row = legal bar.
   ========================================================================== */

#colophon,
.site-footer-wrap { background: var(--altmez-dark); color: var(--altmez-on-dark-muted); }

.site-top-footer-wrap { border-block-end: 1px solid var(--altmez-dark-3); }
.site-footer-wrap .site-container { max-width: var(--altmez-container); }

/* --------------------------------------------------------------------------
   1. Column shell
   -------------------------------------------------------------------------- */
.site-footer-row .footer-widget-area .widget { margin-block-end: 0; }
.site-footer-row .footer-widget-area .widget + .widget { margin-block-start: var(--altmez-space-5); }

.altmez-fcol { font-size: var(--altmez-fs-sm); line-height: 1.9; }

.altmez-fcol__title {
  margin: 0 0 var(--altmez-space-5);
  padding-block-end: var(--altmez-space-3);
  font-size: 1.0625rem;
  font-weight: var(--altmez-fw-bold);
  color: var(--altmez-on-dark);
  position: relative;
}
.altmez-fcol__title::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 34px; block-size: 3px;
  border-radius: var(--altmez-radius-pill);
  background: var(--altmez-accent);
}

/* --------------------------------------------------------------------------
   2. Brand column
   -------------------------------------------------------------------------- */
.altmez-fbrand__logo {
  display: inline-block;
  margin-block-end: var(--altmez-space-4);
  padding: var(--altmez-space-3) var(--altmez-space-4);
  background: var(--altmez-bg);
  border-radius: var(--altmez-radius-sm);
}
.altmez-fbrand__logo img { display: block; block-size: 46px; inline-size: auto; }

.altmez-fbrand__text {
  margin: 0 0 var(--altmez-space-5);
  color: var(--altmez-on-dark-muted);
  font-size: var(--altmez-fs-sm);
  line-height: 1.95;
  max-inline-size: 42ch;
}

/* --------------------------------------------------------------------------
   3. Link lists
   -------------------------------------------------------------------------- */
.altmez-flist { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.altmez-flist li { margin: 0; }
.altmez-flist a {
  display: flex; align-items: center; gap: var(--altmez-space-2);
  min-block-size: 40px;
  padding-block: 4px;
  color: var(--altmez-on-dark-muted);
  font-size: var(--altmez-fs-sm);
  text-decoration: none;
  line-height: 1.6;
  transition: color var(--altmez-dur) var(--altmez-ease), transform var(--altmez-dur) var(--altmez-ease);
}
.altmez-flist a::before {
  content: "";
  flex: 0 0 auto;
  inline-size: 6px; block-size: 6px;
  border-radius: 50%;
  background: var(--altmez-accent);
  opacity: .45;
  transition: opacity var(--altmez-dur) var(--altmez-ease);
}
.altmez-flist a:hover { color: var(--altmez-accent); transform: translateX(-3px); }  /* RTL forward */
.altmez-flist a:hover::before { opacity: 1; }

/* --------------------------------------------------------------------------
   4. Contact column
   -------------------------------------------------------------------------- */
.altmez-fcontact { display: grid; gap: var(--altmez-space-4); }

.altmez-fcontact__row {
  display: flex; align-items: flex-start; gap: var(--altmez-space-3);
  color: var(--altmez-on-dark-muted);
  font-size: var(--altmez-fs-sm);
  text-decoration: none;
  line-height: 1.7;
}
a.altmez-fcontact__row:hover { color: var(--altmez-accent); }
.altmez-fcontact__row svg {
  flex: 0 0 auto;
  inline-size: 18px; block-size: 18px;
  margin-block-start: 3px;
  color: var(--altmez-accent);
}
.altmez-fcontact__label { display: block; font-size: var(--altmez-fs-xs); color: var(--altmez-muted-2); }
.altmez-fcontact__value { display: block; color: var(--altmez-on-dark); font-weight: var(--altmez-fw-medium); letter-spacing: .02em; }

.altmez-fcta { display: grid; gap: var(--altmez-space-3); margin-block-start: var(--altmez-space-5); }
.altmez-fcta .altmez-btn { inline-size: 100%; }

/* --------------------------------------------------------------------------
   5. Bottom legal bar
   -------------------------------------------------------------------------- */
.site-bottom-footer-wrap { border-block-start: 1px solid var(--altmez-dark-3); }
.site-bottom-footer-wrap .footer-html,
.site-bottom-footer-wrap .site-footer-section {
  color: var(--altmez-muted-2);
  font-size: var(--altmez-fs-xs);
}
.site-bottom-footer-wrap p { margin: 0; }
.site-bottom-footer-wrap a { color: var(--altmez-on-dark-muted); text-decoration: none; }
.site-bottom-footer-wrap a:hover { color: var(--altmez-accent); }

.altmez-fbottom {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--altmez-space-3);
  inline-size: 100%;
}

/* --------------------------------------------------------------------------
   6. Responsive stacking
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .altmez-fbrand__text { max-inline-size: none; }
}
@media (max-width: 767px) {
  .altmez-fcol__title { margin-block-end: var(--altmez-space-4); }
  .altmez-fbottom { justify-content: center; text-align: center; }
}
