.footer-bottom {
  padding: 20px 0;        /* üst ve alt boşluk ekler */
  margin-top: 40px;       /* sayfa içeriği ile arasına mesafe bırakır */
  text-align: center;     /* ortalama (opsiyonel) */
}

.footer-bottom .social-icons {
  margin-bottom: 12px;    /* ikonlar ile yazı arasında mesafe */
}

.footer-bottom p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}

/* ========== Reset & Base ========== */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  background: #000;
  color: #fff;
}

/* ========== Navbar ========== */
.navbar {
  position: fixed; inset: 0 0 auto 0; height: 56px;
  background: rgba(0,0,0,0.8);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  z-index: 1000; padding: 0 24px;
}
.navbar-container {
  max-width: 1400px; margin: 0 auto; height: 100%;
  display: flex; align-items: center; justify-content: space-between;
}

/* Logo */
.logo { display:flex; align-items:center; gap:8px; color:#fff; text-decoration:none; font-size:18px; font-weight:600; }
.logo svg { width:24px; height:24px; }

/* Desktop Nav */
.nav-links { display:flex; align-items:center; gap:32px; }
.nav-link { color: rgba(255,255,255,0.7); text-decoration:none; font-size:14px; font-weight:500; transition: color .2s; }
.nav-link:hover { color:#fff; }

/* Right actions */
.nav-actions { display:flex; align-items:center; gap:16px; }

/* User button */
.user-button {
  width:32px; height:32px; border-radius:50%; background:transparent;
  border:1px solid rgba(255,255,255,0.2);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition: all .2s;
}
.user-button:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.3); }
.user-button svg { width:18px; height:18px; color: rgba(255,255,255,0.8); }

/* Download button */
.download-btn {
  display:flex; align-items:center; gap:8px; padding:8px 16px;
  background:#fff; color:#000; border:none; border-radius:6px;
  font-size:14px; font-weight:500; cursor:pointer; text-decoration:none; transition: all .2s;
}
.download-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255,255,255,0.15); }
.download-btn svg { width:16px; height:16px; }

/* ========== Hamburger Button ========== */
.hamburger {
  display:none; width:24px; height:24px; flex-direction:column; justify-content:center; gap:4px;
  background:transparent; border:none; cursor:pointer; padding:0;
}
.hamburger span { display:block; width:18px; height:1.5px; background:#fff; transition: all .3s; }

/* Cross animation */
.hamburger.active span:nth-child(1){ transform: rotate(45deg) translate(3px,3px); }
.hamburger.active span:nth-child(2){ opacity:0; }
.hamburger.active span:nth-child(3){ transform: rotate(-45deg) translate(3px,-3px); }

/* ========== Mobile Menu (SAĞDAN PANEL + TAM ZEMİN) ========== */
.mobile-menu {
  display:none;                /* sadece 768 altı görünür */
  position: fixed;
  top: 56px;                   /* navbar yüksekliği */
  right: 0; left: 0; bottom: 0;
  z-index: 2000;

  /* ZEMİN: alttaki içerik görünmesin */
  background: rgba(0,0,0,1);   /* istersen 0.95 yapabilirsin */

  padding: 24px;

  /* Sağdan içeri kaydır (başlangıçta ekrandan dışarı) */
  transform: translateX(100%);
  transition: transform .3s ease;
  will-change: transform;
}

.mobile-menu.active { transform: translateX(0); }

.mobile-nav-links { display:flex; flex-direction:column; gap:8px; }
.mobile-nav-link {
  color: rgba(255,255,255,0.9); text-decoration:none;
  font-size: 32px; font-weight: 500; padding: 12px 0; transition: color .2s;
}
.mobile-nav-link.active {
  color:#fff; background: rgba(255,255,255,0.05);
  padding-left: 12px; border-radius: 6px;
}

/* Footer alanı */
.mobile-menu-footer { position:absolute; bottom:24px; left:24px; right:24px; }

.mobile-user-section { padding:16px; background: rgba(255,255,255,0.05); border-radius:8px; margin-bottom:16px; }
.mobile-user-info { display:flex; flex-direction:column; gap:4px; margin-bottom:16px; }
.mobile-user-name { font-size:16px; font-weight:500; }
.mobile-user-email { font-size:14px; color: rgba(255,255,255,0.6); }
.mobile-menu-actions { display:flex; flex-direction:column; gap:12px; }
.mobile-menu-action { color: rgba(255,255,255,0.8); text-decoration:none; font-size:14px; display:flex; align-items:center; justify-content:space-between; }

.mobile-download-btn {
  width:100%; padding:12px; background:#fff; color:#000; border:none; border-radius:6px;
  font-size:14px; font-weight:500; display:flex; align-items:center; justify-content:center; gap:8px;
  cursor:pointer; text-decoration:none;
}

/* Menü açıkken body kaymasın */
body.menu-open { overflow: hidden; }

/* ========== Mobile breakpoints ========== */
@media (max-width: 768px) {
  .navbar { padding: 0 16px; }
  .nav-links, .user-button, .download-btn { display:none; }
  .hamburger { display:flex; }
  .mobile-menu { display:block; }
}