/*
 * MKJ company footer 1.1.0 / V29 visual system.
 * No new outer container or horizontal padding: use the existing .footer .wrap.
 * Desktop rows repeat the footer grid; each value starts at the navigation column.
 * The HTML and saved company values are unchanged from 1.0.0.
 */
#mkj-site .footer .mkj-company-details {
  --mkj-cf-gap:70px;
  --mkj-cf-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
  display:block;
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:40px 0 0;
  padding:28px 0 0;
  border:0;
  border-top:1px solid var(--line,rgba(213,180,137,.23));
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--text,#f6f2e9);
  font-family:var(--sans,Arial,sans-serif);
  text-align:start;
}
#mkj-site .footer h2.mkj-company-details-title {
  margin:0 0 14px;
  padding:0;
  border:0;
  font:600 11px/1.8 var(--sans,Arial,sans-serif);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold,#d5b489);
  overflow-wrap:anywhere;
}
#mkj-site .footer .mkj-company-details dl {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
}
#mkj-site .footer .mkj-company-details dl>div {
  display:grid;
  grid-template-columns:var(--mkj-cf-columns);
  column-gap:var(--mkj-cf-gap);
  row-gap:6px;
  align-items:baseline;
  grid-column:1/-1;
  min-width:0;
  width:100%;
  margin:0;
  padding:15px 0;
  border:0;
  border-bottom:1px solid var(--line,rgba(213,180,137,.23));
  background:transparent;
}
#mkj-site .footer .mkj-company-details dl>div:last-child {
  border-bottom:0;
  padding-bottom:0;
}
#mkj-site .footer .mkj-company-details dt,
#mkj-site .footer .mkj-company-details dd {
  display:block;
  float:none;
  min-width:0;
  max-width:100%;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  font-family:var(--sans,Arial,sans-serif);
  text-align:start;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
}
#mkj-site .footer .mkj-company-details dt {
  grid-column:1;
  grid-row:auto;
  color:var(--muted,#b5bec8);
  font-size:12px;
  font-weight:400;
  line-height:1.85;
  letter-spacing:0;
  text-transform:none;
}
#mkj-site .footer .mkj-company-details dd {
  grid-column:2/-1;
  grid-row:auto;
  color:var(--text,#f6f2e9);
  font-size:14px;
  font-weight:400;
  font-variant-numeric:tabular-nums;
  line-height:1.85;
  letter-spacing:0;
  text-transform:none;
}
#mkj-site .footer .mkj-company-details dl>div:first-child dd {
  font-size:15px;
  font-weight:500;
}
#mkj-site .footer .mkj-company-details+.copyright {
  margin-top:28px;
}
/* All four values remain in HTML, even with JavaScript disabled.
 * Existing page language switch changes only the CSS-selected labels. */
#mkj-site .footer .mkj-company-details .mkj-cf-en {display:inline;}
#mkj-site .footer .mkj-company-details .mkj-cf-ka,
#mkj-site .footer .mkj-company-details .mkj-cf-ru {display:none;}
#mkj-site[lang="ka"] .footer .mkj-company-details .mkj-cf-en,
#mkj-site[lang="ge"] .footer .mkj-company-details .mkj-cf-en,
#mkj-site[lang="ru"] .footer .mkj-company-details .mkj-cf-en {display:none;}
#mkj-site[lang="ka"] .footer .mkj-company-details .mkj-cf-ka,
#mkj-site[lang="ge"] .footer .mkj-company-details .mkj-cf-ka,
#mkj-site[lang="ru"] .footer .mkj-company-details .mkj-cf-ru {display:inline;}
#mkj-site[lang="ka"] .footer h2.mkj-company-details-title,
#mkj-site[lang="ge"] .footer h2.mkj-company-details-title {letter-spacing:0;}

/* Same breakpoints and gutters as the existing MKJ V29 footer. */
@media (max-width:1199px) {
  #mkj-site .footer .mkj-company-details {--mkj-cf-gap:36px;}
}
@media (max-width:800px) {
  #mkj-site .footer .mkj-company-details {
    --mkj-cf-columns:repeat(2,minmax(0,1fr));
    margin-top:32px;
    padding-top:24px;
  }
}
@media (max-width:540px) {
  #mkj-site .footer .mkj-company-details {
    --mkj-cf-columns:minmax(0,1fr);
    --mkj-cf-gap:0px;
    margin-top:30px;
    padding-top:23px;
  }
  #mkj-site .footer h2.mkj-company-details-title {margin-bottom:9px;}
  #mkj-site .footer .mkj-company-details dl>div {padding:16px 0;}
  #mkj-site .footer .mkj-company-details dt,
  #mkj-site .footer .mkj-company-details dd {grid-column:1;}
  #mkj-site .footer .mkj-company-details+.copyright {margin-top:26px;}
}
/* A narrow Elementor container also gets a stacked layout, regardless of device.
 * Viewport media queries above remain the fallback for older browsers. */
@supports (container-type:inline-size) {
  #mkj-site .footer .mkj-company-details {
    container-name:mkj-company-footer;
    container-type:inline-size;
  }
  @container mkj-company-footer (max-width:480px) {
    #mkj-site .footer .mkj-company-details dl>div {
      grid-template-columns:minmax(0,1fr);
      column-gap:0;
    }
    #mkj-site .footer .mkj-company-details dt,
    #mkj-site .footer .mkj-company-details dd {grid-column:1;}
  }
}