/* ═══ FOOTER ═══ */
.footer{background:var(--b950);padding:5.5rem 0 2.5rem;border-top:1px solid rgba(255,255,255,.05)}
.f-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:3.5rem;margin-bottom:4rem}

.f-brand-row{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.25rem}
.f-brand-row .brand-mark{background:linear-gradient(145deg,var(--b700),var(--b500));box-shadow:none}
.f-brand-row .brand-name{color:#fff}
.f-about p{font-size:.79rem;color:rgba(255,255,255,.28);line-height:1.82;max-width:250px;margin-bottom:1.5rem}

.f-soc{display:flex;gap:.6rem}
.f-si{
  width:34px;height:34px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);border-radius:9px;
  display:grid;place-items:center;
  font-family:var(--fui);font-size:.6rem;font-weight:700;
  color:rgba(255,255,255,.3);transition:all .2s;
}
.f-si:hover{background:var(--accent);border-color:var(--accent);color:#fff}

.f-col h4{
  font-family:var(--fui);font-size:.62rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.25);
  margin-bottom:1.3rem;padding-bottom:.75rem;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.f-links{display:flex;flex-direction:column;gap:.58rem}
.f-links a{font-size:.79rem;color:rgba(255,255,255,.27);transition:color .15s}
.f-links a:hover{color:rgba(255,255,255,.65)}

.f-contact{display:flex;flex-direction:column;gap:.78rem}
.f-ci{display:flex;gap:.7rem;align-items:flex-start}
.f-ci svg{width:13px;height:13px;stroke:rgba(255,255,255,.2);fill:none;
  stroke-width:1.7;stroke-linecap:round;flex-shrink:0;margin-top:2px}
.f-ci span{font-size:.77rem;color:rgba(255,255,255,.25);line-height:1.55}
.f-ci a{color:rgba(255,255,255,.25);transition:color .15s}
.f-ci a:hover{color:rgba(255,255,255,.6)}

.f-bottom{
  border-top:1px solid rgba(255,255,255,.07);padding-top:2rem;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
}
.f-copy{font-size:.7rem;color:rgba(255,255,255,.2)}
.f-blinks{display:flex;gap:2rem}
.f-blinks a{font-size:.7rem;color:rgba(255,255,255,.2);transition:color .15s}
.f-blinks a:hover{color:rgba(255,255,255,.5)}

@media(max-width:1100px){.f-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}
@media(max-width:640px){.f-grid{grid-template-columns:1fr;gap:2rem}}

/* ── Logo ── */
.f-brand{display:inline-block;margin-bottom:1.25rem}
.f-logo{
  height:44px;width:auto;
  /* Karanlık footer'da logo beyaz/açık olmalı.
     Logo koyu ise filter: brightness(0) invert(1) kullan */
  filter:brightness(0) invert(1);
  opacity:.85;
  transition:opacity .2s;
}
.f-logo:hover{opacity:1}