:root{
  --gold:#d4af37;
  --dark:#0d1117;
  --ink:#1f2937;
  --muted:#6b7280;
  --bg:#f7f7f7;
  --blue-link: #3B82F6;
  --hover-color: #b89b31; /* Hover için daha koyu bir altın rengi */
}
*{box-sizing:border-box}

/* EN ÖNEMLİ KURAL: Sayfanın sağa kaymasını ve beyaz boşluk oluşmasını engeller */
html,body{
  margin:0;
  padding:0;
  width: 100%;
  overflow-x: hidden; 
}

body{font-family: 'Open Sans', Arial, sans-serif; color:#111; background:#fff}
a{color:inherit}
/* Container div'ine position: relative eklendi */
.container{max-width:1200px;margin:0 auto;padding:0 16px; position: relative;}

/* Navbar */
.navbar{
  position:sticky; top:0; z-index:50;
  background:#fff; border-bottom:1px solid #eee;
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px;
  flex-wrap: wrap; 
  gap: 10px;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.2px}

/* Navbar logosunu eski haline getiriyoruz */
.logo-box {
  width:36px;
  height:36px;
  border-radius:8px;
  background-color: var(--dark);
  display:flex;
  align-items:center;
  justify-content:center;
}
.logo-box i {
  color: var(--gold);
  font-size: 1.2rem;
}
.brand .title{font-family:'Playfair Display', serif;font-size:1.2rem;}
.nav-links{display:flex; gap:14px; list-style:none; padding:0; margin:0; align-items:center}
.nav-links a{padding:8px 10px; text-decoration:none; border-radius:8px}
.nav-links a.active, .nav-links a:hover{background:#111; color:#fff}
.lang-switcher{display:flex; align-items:center; gap:10px; color:#333; margin-right: 10px;}
.lang-switcher a{font-weight:700; text-decoration:none}
.lang-switcher a.active{color:var(--gold)}
.whatsapp-button{display:flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--gold);padding:8px 12px;border-radius:999px}

/* Hero */
/* Siyah bölümün yüksekliğini azaltmak için dikey padding değeri düşürüldü */
.hero{background:linear-gradient(135deg,#000 0%,#111 60%,#222 100%); color:#fff; padding:32px 0}

/* Hero container'ı için yeni düzenleme: Mutlak konumlandırma */
.hero .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative; /* Mutlak konumlandırılmış logo için bu gerekli */
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* Logo için solda boşluk oluşturarak metnin logonun altına girmesini engelliyoruz */
    padding-left: 230px; 
    min-height: 200px; /* Logo akıştan çıktığı için container'ın çökmesini engeller */
    display: flex; /* Flexbox'ı aktif hale getiriyoruz */
    align-items: center; /* İçerikleri dikeyde ortalıyoruz */
}

/* Başlık ve diğer metin içeriğini içeren div */
.hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1; /* Bu div'in genişlemesini sağla */
}

.hero .headline{font-family:'Playfair Display', serif; font-size:40px; margin:0}
.hero p{color:#e5e7eb; margin:0 0 18px}
.hero .actions{display:flex; gap:10px; flex-wrap:wrap}

/* Hero bölümüne eklenen logo için yeni stil: Mutlak Konumlandırma */
.hero-logo {
  position: absolute;
  left: -100px; /* Logoyu daha da sola taşıdık */
  top: 50%;
  transform: translateY(-50%); /* Dikey olarak tam ortalamak için */
  width: 187.5px;
  height: 187.5px;
  border-radius: 12px;
  border: 3px solid var(--gold);
}

.btn{border:none; padding:10px 16px; border-radius:10px; cursor:pointer; font-weight:700}
.btn.gold{background:var(--gold); color:#000}
.btn.ghost{background:transparent; color:#fff; border:1px solid #fff}

/* Podcast Search */
.search-bar-container{margin-bottom:20px;}
.search-input{width:100%;padding:12px 20px;border-radius:999px;border:1px solid #ccc;font-size:16px;background:#fff;color:#333;box-shadow:0 2px 5px rgba(0,0,0,.1);}

/* KATEGORİ KAYDIRMA ÇUBUĞU DÜZENLEMESİ */
.cat-scroller{
  display:flex;
  gap:10px;
  overflow-x:auto; 
  padding:8px;
  border:1px solid var(--gold);
  border-radius:12px;
  flex-wrap: nowrap; 
  -webkit-overflow-scrolling: touch; 
}

.cat-chip{white-space:nowrap; padding:8px 12px; border:1px solid var(--gold); border-radius:999px; cursor:pointer; background:#fff}
.cat-chip.active,.cat-chip:hover{background:var(--gold); color:#000}

/* Podcast grid */
.section{padding:36px 0; background:#fff}
.section h2{font-family:'Playfair Display', serif; margin:0 0 14px}
.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.card{border:2px solid var(--gold); border-radius:14px; padding:14px; background:#fff}
.card h3{margin:0 0 6px; font-size:18px}
.card p{margin:0 0 10px; color:#444}
.audio{width:100%}
.podcast-description {
  margin: 10px 0;
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
}

.podcast-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: #555;
  font-size: 0.85rem;
}
.meta-item::after {
  content: '•';
  margin-left: 8px;
  color: #ccc;
}
.meta-item:last-child::after {
  content: '';
}

/* Özel Oynatıcı Stilleri */
.custom-audio-player {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.play-btn {
  background: var(--gold);
  color: #000;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s;
}
.play-btn:hover {
  filter: brightness(0.9);
}
.play-btn i {
  font-size: 1rem;
}
.timeline {
  flex-grow: 1;
  height: 8px;
  background: #eee;
  border-radius: 999px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.progress-bar {
  height: 100%;
  width: 0%;
  background: var(--gold);
  border-radius: 999px;
  transition: width 0.1s linear;
}
.volume-slider {
  width: 80px;
  cursor: pointer;
}
.volume-slider::-webkit-slider-thumb {
  background: var(--gold);
}


/* Footer */
.footer-minimal{border-top:1px solid #eee; padding:24px 16px; text-align:center; background:#fafafa}
.footer-title{font-weight:800}

/* Team page extras */
.team-title{text-align:center; font-family:'Playfair Display', serif; margin-top:24px}
.team-grid-container {
  display: flex;
  justify-content: flex-start;
  margin: 0;
}
.team-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  padding: 0;
}
.lawyer-card{
  background:#fff;
  border:2px solid var(--gold);
  border-radius:12px;
  overflow:hidden;
  width:280px;
  height: 400px;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.lawyer-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0,0,0,.1);
}
.lawyer-card .lawyer-name {
  margin: 0;
  text-align: center;
}
.lawyer-card img{width:100%;display:block}
.lawyer-details{
  padding:12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
.lawyer-details a{text-decoration:none; display:block; color:#111; text-align: center;}
.lawyer-details a:hover h3{color:var(--gold);}
.lawyer-details h3{margin:0 0 4px;font-size:1.2rem;font-weight:700;}
.lawyer-details p{margin:0;color:#666;font-size:0.9rem;}
.lawyer-card .card-footer{
  display: flex;
  justify-content: center;
  padding: 12px;
  border-top: 1px solid #eee;
  margin-top: auto;
}
.lawyer-card .lawyer-image {
  height: 280px;
  overflow: hidden;
}
.lawyer-card .lawyer-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ana sayfa ekip kutucukları */
.lawyer-profile {
  height: 80px;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.lawyer-profile .lawyer-name {
  text-align: center;
}
.section h2{
  margin-top: 24px;
}
.goto-profile-icon{font-size:0.9rem;margin-left:8px;opacity:0.6;transition:opacity 0.3s ease, transform 0.3s ease;}
.lawyer-card a:hover .goto-profile-icon{opacity:1;transform:translateX(4px);}
.gemini-btn{background:var(--gold);border:none;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index: 100;}
.modal-content{background:#fff;max-width:640px;width:100%;border-radius:12px;padding:20px;position:relative;display:flex;flex-direction:column;align-items:center; max-height: 90vh; overflow-y: auto;}
.modal-close{position:absolute;right:10px;top:10px;border:none;background:#111;color:#fff;border-radius:99px;padding:4px 8px;cursor:pointer; font-size: 1.2rem; line-height: 1; width: 30px; height: 30px;}
.lawyer-modal-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding: 1rem;
}
.lawyer-image-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--gold);
  flex-shrink: 0;
}
.lawyer-image-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lawyer-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.lawyer-info h3 {
  margin: 0;
  font-family: 'Playfair Display', serif;
  font-size: 1.5rem;
  line-height: 1.2;
}
.lawyer-info p {
  margin: 0.5rem 0;
  color: #555;
  font-size: 1.1rem;
  font-weight: 400;
}
.lawyer-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
  width: 100%;
}
.detail-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.detail-item i {
  font-size: 1.2rem;
  color: var(--gold);
  width: 25px;
}
.detail-item a {
  text-decoration: none;
  color: #111;
  font-weight: 600;
}
.detail-item a:hover {
  color: var(--hover-color);
  text-decoration: underline;
}
.expertise-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.expertise-list li {
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 0.8rem;
}

/* HAKKIMIZDA SAYFASI STİLLERİ */
.about .container {
  padding: 2.5rem;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  border: 1px solid #e0e0e0;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* İLETİŞİM SAYFASI STİLLERİ */
.contact-section {
  padding: 2rem 1rem; /* Mobil için yan boşlukları azalttık */
}
.contact-section h2 {
  font-size: 2rem; /* Mobil için başlığı küçülttük */
  margin-bottom: 2rem;
}
.contact-container {
  padding: 1.5rem; /* Mobil için iç boşlukları azalttık */
}
.contact-main {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 2rem;
}

.contact-info { display: flex; flex-direction: column; gap: 1.5rem; }
.info-item { display: flex; align-items: center; gap: 1rem; }
.info-item a { text-decoration: none; color: inherit; display: flex; align-items: center; gap: 1rem; transition: color 0.2s; }
.info-item a:hover { color: var(--hover-color); }
.info-item i { font-size: 1.5rem; color: var(--gold); width: 30px; text-align: center; }
.info-item p { margin: 0; line-height: 1.5; color: #555; }
.social-links { margin-top: 1rem; display: flex; gap: 1rem; }
.social-link { color: var(--gold); font-size: 1.5rem; transition: color 0.2s; }
.social-link:hover { color: var(--hover-color); }
.contact-form { display: flex; flex-direction: column; gap: 1rem; } /* Gap azaltıldı */
.form-group input, .form-group textarea { width: 100%; padding: 0.8rem; font-size: 0.9rem; } /* Padding ve font küçültüldü */
.submit-btn { padding: 0.8rem 1.5rem; font-size: 1rem; }

.legal-links-footer {
  padding-top: 2rem;
  border-top: 1px solid #eee;
  text-align: center;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-top:12px
}
.legal-links-footer a {
  color: #888;
  text-decoration: none;
  margin: 0 10px;
  font-size: 0.9rem;
  transition: color 0.2s;
  cursor: pointer;
}
.legal-links-footer a:hover {
  color: var(--hover-color);
}

.navbar .nav-links {
  margin-right: auto;
  margin-left: auto;
}

.logo-box {
  border: 2-px solid var(--gold);
}

/* Legal modal */
.legal-modal-content {
  background-color: #fff;
  padding: 2rem;
  border-radius: 12px;
  max-width: 800px;
  width: 100%;
}
.legal-modal-content h3 {
  font-family: 'Playfair Display', serif;
  text-align: center;
  margin-top: 0;
}

/* Hero bölümü katkı metni stilleri */
.contribution-info {
  font-size: 0.9rem;
  color: #e5e7eb;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.contribution-info a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  transition: color 0.3s ease;
}

.contribution-info a:hover {
  color: var(--gold);
}

/* MOBİL UYUMLULUK DÜZENLEMELERİ */

/* Orta Boy Ekranlar (Tabletler) */
@media(max-width: 900px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .contact-main{grid-template-columns:1fr}
}

/* Küçük Ekranlar (Telefonlar) */
@media(max-width: 768px) {
  .navbar {
    /* Marka ve diğerleri arasında boşluk bırakır, alt satıra kaydırır */
    justify-content: space-between; 
  }
  .navbar .brand {
    /* Marka ve başlığın tek başına bir satır kaplamasını sağlar */
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
  }
  .navbar .nav-links {
    /* Linklerin de tam satır kaplamasını ve ortalanmasını sağlar */
    flex-basis: 100%;
    order: 3;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: wrap; /* Linklerin de kendi içinde alt satıra inmesini sağlar */
  }
  .navbar .lang-switcher, .navbar .whatsapp-button {
    /* Geri kalan butonların yan yana durmasını sağlar */
    order: 2;
  }
  .grid{grid-template-columns:1fr}
  
  .lawyer-modal-content {
    flex-direction: column;
    text-align: center;
  }

  .team-grid {
    flex-direction: column;
    align-items: center;
  }
  .lawyer-profile {
    width: 100%; 
    max-width: 320px; 
  }

  .hero .headline {
    font-size: 2.5rem; 
  }

  /* Mobil için navigasyon düzenlemesi */
  .navbar .nav-links {
    flex-direction: column;
    align-items: center;
    margin: 10px 0;
  }

  /* Hero bölümü mobil uyumluluğu */
  .hero .container {
    flex-direction: column; /* İçerikleri dikeyde sırala */
    align-items: center; /* Ortala */
    padding-left: 16px; /* Sol padding'i sıfırla */
    padding-right: 16px; /* Sağ padding'i de eşitle */
    text-align: center; /* Metinleri ortala */
    min-height: auto; /* Min-height'ı sıfırla */
  }

  .hero-logo {
    position: static; /* Mutlak konumlandırmayı kaldır */
    transform: none; /* Transform'u sıfırla */
    margin: 0 0 24px 0; /* Altına boşluk ekle */
    width: 150px; /* Mobilde logoyu biraz küçült */
    height: 150px;
  }
  
  .hero-text-content {
    align-items: center; /* Metin içeriğini de ortala */
  }
}

/* YENİ EKLENEN VURGU ANİMASYONU */
.link-vurgu {
    animation: vurgu 2s infinite;
    border-radius: 5px; /* Animasyonun daha düzgün görünmesi için */
    padding: 2px 4px; /* Animasyon için biraz boşluk bırakır */
}

@keyframes vurgu {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}
/* =============================================== */
/* YAZI SAYFALARI İÇİN YAZAR BİLGİSİ STİLİ */
/* =============================================== */

.authors-section {
    background-color: #f8f9fa; /* Açık gri bir arka plan */
    border-left: 5px solid #d4af37; /* Sitenizin ana rengiyle uyumlu vurgu çizgisi */
    padding: 15px 20px;
    margin: 25px 0; /* Başlık ile içerik arasında boşluk bırakır */
    border-radius: 5px;
}

.authors-section p {
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #343a40; /* Koyu gri metin rengi */
    font-size: 1em;
}

.author-links a {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px;
    color: #0056b3; /* Okunabilir bir link rengi */
    text-decoration: none;
    font-size: 0.9em;
    transition: color 0.2s;
}

.author-links a:hover {
    text-decoration: underline;
    color: #003d7a; /* Üzerine gelince renk değişimi */
}

/* ================================================================== */
/* === AVUKAT PROFİL SAYFASI İÇİN EKLENEN YENİ STİLLER BAŞLANGIÇ === */
/* ================================================================== */

.profile-card {
    background-color: #fff;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #e0e0e0;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.profile-header {
    display: flex;
    align-items: flex-start; /* Resim ve bilgiyi dikeyde yukarı hizalar */
    margin-bottom: 2rem;
}

.profile-image {
    flex-shrink: 0; /* Ekran küçüldüğünde resmin bozulmasını engeller */
    width: 200px; /* Masaüstü için sabit resim genişliği */
    height: 250px; /* Masaüstü için sabit resim yüksekliği */
    margin-right: 2rem; /* Resim ile yazı arasında boşluk */
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid var(--gold);
}

.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Resmin oranını koruyarak çerçeveye sığmasını sağlar */
}

.profile-info {
    flex-grow: 1; /* Kalan tüm boşluğu doldurur */
}

.profile-info h1 {
    font-family: 'Playfair Display', serif;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.profile-info h2 {
    font-weight: 400;
    color: var(--muted);
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.contact-details p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0.5rem 0;
}

.contact-details i {
    color: var(--gold);
    width: 20px;
    text-align: center;
}

.details-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 sütunlu yapı */
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.details-box {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid var(--gold);
}

.details-box h3 {
    margin-top: 0;
}

.details-box ul {
    padding-left: 20px;
    margin: 0;
}

.bio-section p {
    line-height: 1.7; /* Okunabilirliği artırmak için satır yüksekliği */
}

/* Avukat profili için Media Query (Mobil Uyum) */
@media (max-width: 768px) {
    .profile-header {
        flex-direction: column; /* Resim ve bilgiyi alt alta getirir */
        align-items: center;   /* Ortalar */
        text-align: center;
    }

    .profile-image {
        width: 150px; /* Mobil için resim genişliği */
        height: 180px; /* Mobil için resim yüksekliği */
        margin-right: 0;
        margin-bottom: 1.5rem; /* Altına boşluk ekler */
    }

    .contact-details p {
        justify-content: center; /* İletişim bilgilerini ortalar */
    }

    .details-grid {
        grid-template-columns: 1fr; /* Kutucukları tek sütun yapar */
    }
}

/* ================================================================ */
/* === AVUKAT PROFİL SAYFASI İÇİN EKLENEN YENİ STİLLER BİTİŞ === */
/* ================================================================ */