* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: 'Segoe UI', sans-serif; overflow-x: hidden; }

#network { position: fixed; top:0; left:0; width:100%; height:100%; z-index:-1; background:#0a0f1f; }

/* Menü */
nav {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  background: rgba(15,20,40,0.85);
  backdrop-filter: blur(10px);
  z-index:10;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 20px;
  flex-wrap: wrap; /* Mobilde flex satır kırılacak */
}

nav .logo { color:#5ad1ff; font-weight:bold; font-size:1.4em; }

nav ul {
  display:flex;
  list-style:none;
  gap:20px;
}

nav ul li a {
  color:#dfefff; text-decoration:none; font-weight:600; transition:0.3s;
}

nav ul li a:hover { color:#5ad1ff; }

.hamburger{ display:none; flex-direction:column; cursor:pointer; }
.hamburger div{ width:25px; height:3px; background:#5ad1ff; margin:4px 0; transition:0.3s; }

@media (max-width:768px){
  nav ul{
    position:fixed; top:60px; right:-100%;
    flex-direction:column;
    background:rgba(10,10,30,0.95);
    width:200px; padding:15px;
    transition:0.3s;
  }
  nav ul.active{ right:0; }
  .hamburger{ display:flex; }
}

/* Bölümler */
section{
  min-height:100vh;
  display:flex; flex-direction:column;
  justify-content:center; align-items:center;
  text-align:center; padding:50px 20px;
  color:white; position:relative;
}

section h1{ font-size:2.5em; margin-bottom:0.3em; text-shadow:0 0 15px rgba(0,0,0,0.6); }
section p{ font-size:1.2em; max-width:700px; line-height:1.5em; margin-bottom:1.5em; text-shadow:0 0 8px rgba(0,0,0,0.5); }

/* Butonlar */
.btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 25px; border-radius:8px; font-size:1.1em; text-decoration:none; font-weight:600; transition:transform 0.2s, box-shadow 0.3s; box-shadow:0 4px 12px rgba(0,0,0,0.3); }
.btn:hover{ transform:translateY(-3px); }
.phone{ background:#007bff; color:white;} .phone:hover{ background:#0062cc; }
.whatsapp{ background:#25d366; color:white;} .whatsapp:hover{ background:#1ebe57; }
.button-group{ display:flex; flex-wrap:wrap; gap:15px; justify-content:center; }

/* İletişim */
.contact-info{ margin:20px 0; font-size:1.1em; line-height:1.6em; }
.contact-info i{ margin-right:8px; color:#5ad1ff; }
.contact-info a{ color:#dfefff; text-decoration:none; }
.contact-info a:hover{ text-decoration:underline; color:#5ad1ff; }
.map-container{ width:100%; max-width:700px; margin-top:20px; border-radius:10px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.4); }

/* Tablar */
.tabs{ display:flex; flex-wrap:wrap; justify-content:center; margin:20px 0; gap:10px; }
.tab-button{ background: rgba(255,255,255,0.08); color:#dfefff; border:none; padding:10px 18px; border-radius:6px; cursor:pointer; font-weight:600; transition:background 0.3s,color 0.3s; }
.tab-button:hover{ background:rgba(90,209,255,0.2); }
.tab-button.active{ background:#5ad1ff; color:#0a0f1f; }
.tab-content{ display:none; margin-top:20px; max-width:900px; margin-left:auto; margin-right:auto; text-align:left; }
.tab-content.active{ display:block; }
.tab-content ul{ list-style:none; padding:0; }
.tab-content li{ padding:8px 12px; background:rgba(255,255,255,0.05); border-radius:6px; margin-bottom:8px; transition:background 0.3s; }
.tab-content li:hover{ background:rgba(90,209,255,0.15); }

/* Dil seçici */
.language-selector {
  display: flex;
  gap: 8px;
  order: 2; /* Menü içinde sağa yaslamak için */
}

.language-selector .lang-btn {
  background: rgba(90, 209, 255, 0.15);
  border: 1px solid #5ad1ff;
  padding: 4px 8px;
  border-radius: 16px;
  font-weight: bold;
  color: #5ad1ff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9em;
}

.language-selector .lang-btn:hover {
  background: #5ad1ff;
  color: #0a0f1f;
  transform: scale(1.1);
}

/* Mobilde dil butonları hamburger ile uyumlu */
@media (max-width: 768px) {
  .language-selector {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    order: 1; /* Menü açıldığında üstte değil altta */
  }
}
footer p {
  color: white !important;   /* Diğer kuralları geçersiz kılar */
}