/* Trendmetrik ortak public site chrome — navbar + footer.
   homepage + blog + diğer public sayfalar aynı görünümü buradan alır.
   Renkler theme-variables.css tokenlarıyla (--color-primary vb.) hizalı.
   NOT: homepage kendi inline CSS'ini de taşıyor; bu dosya blog gibi
   public_base.html extend eden sayfalar için tek kaynak chrome sağlar. */

:root {
  --motiv-grey-400: #777E90;
  --motiv-grey-500: #7C7C8D;
  --motiv-grey-900: #1F2128;
}

/* ---------- NAVBAR ---------- */
.navbar-custom {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 2px 16px rgba(15, 23, 42, 0.04);
  padding: 12px 0;
  transition: all 0.3s ease;
}
.navbar-custom.scrolled {
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}
.navbar-brand-custom {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  color: var(--color-primary, #0175e4);
  transition: transform 0.2s ease;
}
.navbar-brand-custom:hover { transform: translateY(-1px); }
.navbar-brand-custom span {
  background: linear-gradient(135deg, var(--color-primary, #0175e4), var(--color-accent, #fd751f));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navbar-custom .navbar-nav .nav-link {
  position: relative;
  font-weight: 600;
  color: #334155;
  padding: 8px 14px !important;
  transition: color 0.2s ease;
}
.navbar-custom .navbar-nav .nav-link:hover { color: var(--color-primary, #0175e4); }
.navbar-custom .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 2px;
  height: 2px;
  background: var(--color-primary, #0175e4);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.navbar-custom .navbar-nav .nav-link:hover::after { transform: scaleX(1); }

.btn-custom-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--color-primary, #0175e4) 0%, var(--color-primary-hover, #0163c2) 100%);
  color: #fff !important;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(1, 117, 228, 0.3);
  transition: all 0.2s ease;
}
.btn-custom-primary:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(1, 117, 228, 0.4); color: #fff; }
.btn-custom-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  color: var(--color-primary, #0175e4) !important;
  font-weight: 600;
  padding: 9px 18px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.btn-custom-secondary:hover { border-color: var(--color-primary, #0175e4); background: #f8fafc; }

/* İçerik fixed navbar altında kalmasın */
body.has-public-navbar { padding-top: 78px; }

/* ---------- FOOTER ---------- */
.footer-custom {
  background: var(--motiv-grey-900, #1F2128);
  color: #cbd5e1;
  padding: 56px 0 32px;
  margin-top: 64px;
}
.footer-custom h5 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 16px;
}
.footer-custom ul { list-style: none; padding: 0; margin: 0; }
.footer-custom ul li { margin-bottom: 10px; }
.footer-custom ul li a {
  color: var(--motiv-grey-400, #94a3b8);
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s ease;
}
.footer-custom ul li a:hover { color: var(--color-accent, #fd751f); }
.footer-legal-link {
  color: var(--motiv-grey-500, #7c7c8d);
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-legal-link:hover { color: var(--color-accent, #fd751f); }
.footer-custom .border-secondary { border-color: rgba(255,255,255,0.1) !important; }