/* İrfan: Footer alanı için bütünlüklü stil düzenlemeleri */
:root {
  --footer-bg: var(--bg-white); /* İrfan: mavi-beyaz uyum */
  --footer-text: var(--text-dark);
  --footer-muted: var(--text-light);
  --footer-link: var(--primary-color); /* İrfan: marka mavisi */
  --footer-link-hover: var(--secondary-color); /* İrfan: koyu mavi vurgu */
  --footer-accent: var(--primary-color);
  --footer-border: var(--border-color);
}

footer {
  background: var(--footer-bg) !important;
  color: var(--footer-text) !important;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 20px;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 32px;
}

.footer-title {
  color: var(--text-dark) !important;
  font-weight: 700;
  margin-bottom: 12px;
  position: relative;
}
.footer-title::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: var(--footer-accent);
  margin-top: 8px;
  border-radius: 1px;
}

.footer-content p { color: var(--footer-muted); }

.footer-content a {
  color: var(--footer-link) !important;
  text-decoration: none;
}
.footer-content a:hover,
.footer-content a:focus { color: var(--footer-link-hover) !important; text-decoration: underline; text-underline-offset: 2px; }

.footer-bottom {
  border-top: 1px solid var(--footer-border);
  color: var(--footer-muted) !important;
  padding: 16px 20px;
}

/* Logo ve ikon hizalamaları */
/* İrfan: Logo alanı boyut ve gölge ayarları */
.footer-logo {
  max-width: 160px;
  margin-bottom: 12px;
}
.footer-logo .logo {
  height: 40px !important; /* İrfan: site standardı */
  width: auto;
  transition: filter .25s ease;
  filter: drop-shadow(0 2px 8px rgba(2,132,199,0.15));
}
.footer-logo .logo:hover { 
  filter: drop-shadow(0 4px 14px rgba(2,132,199,0.22));
}
.footer-contact li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-contact i { color: var(--footer-link); }

/* Footer icon renkleri (mavi) */
/* İrfan: Footer ikonlarını marka mavisi ile hizala */
.footer-links i { color: var(--footer-link) !important; }

@media (prefers-reduced-motion: reduce) {
  .footer-logo .logo { transition: none; }
}

/* Responsive */
@media (max-width: 992px) {
  .footer-content { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .footer-content { grid-template-columns: 1fr; text-align: left; }
}