/* =====================================================================
   06. footer.css — qorongʻi plitka (tile-1), header bilan bir xil rang.
   design.md: dense-link 17px/2.41, sarlavha 14px/600, legal 12px
   ===================================================================== */

.site-footer {
  background: var(--tile-1);
  color: var(--body-muted-dark);
  padding-block: var(--sp-8) var(--sp-6);
  margin-top: 0;                        /* oxirgi boʻlim oʻz paddingi bilan tugaydi */
}

.footer-grid {
  display: grid;
  gap: var(--sp-6);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
@media (min-width: 900px) {
  .footer-grid {
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: var(--sp-7);
  }
}

.footer-brand .logo { margin-bottom: var(--sp-4); }
.footer-brand p {
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  max-width: 42ch;
  color: var(--body-muted-dark);
}
.footer-brand p + p { margin-top: var(--sp-3); }
.footer-note { color: #86868b !important; font-size: var(--fs-sm) !important; }

/* footer'dagi logo */
.logo-light .logo-text strong { color: var(--body-on-dark); }
.logo-light .logo-text span   { color: var(--primary-on-dark); }

.footer-col h4 {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--body-on-dark);
  margin-bottom: var(--sp-2);
}

.footer-col ul { display: block; }
.footer-col li { display: block; }
.footer-col a {
  display: inline-block;
  font-size: var(--fs-md);
  line-height: 2.41;                 /* dense-link */
  color: var(--body-muted-dark);
}
.footer-col a:hover { color: var(--body-on-dark); text-decoration: underline; text-underline-offset: 3px; }

.footer-contact li {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  font-size: var(--fs-md);
  line-height: 2.41;
}
.footer-contact .ico { color: var(--primary-on-dark); }

.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  justify-content: space-between;
  align-items: center;
  margin-top: var(--sp-7);
  padding-top: var(--sp-5);
  border-top: 1px solid rgba(255, 255, 255, .1);
  font-size: var(--fs-xs);
  color: #86868b;
}
.footer-tech { font-family: var(--font-mono); letter-spacing: 0; }