.site-header {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 25px;
    z-index: 100; 
     
    background: linear-gradient(to bottom, #031B30 0%, rgba(3, 27, 48, 0) 100%);
    }


    .site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

    .site-header__brand-wrapper{
        background-color: var(--white);
        padding: 5px 5px 0px 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        height: min-content;
        
    }
    
    .site-header__brand {
        flex-shrink: 0;
        display: inline-block;  
        
         
        
          
        border: 2px solid var(--primary-blue-500);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: white;
         
        transition: transform 0.2s ease-in-out;
      }
/* 
      .site-header__brand:hover {
        transform: scale(1.03);
    } */
    .site-header__brand img {
        display: block;
        max-width: 90px;
        height: auto;
        margin:10px;
      }
     
    .site-header__nav ul {
    display: flex;
    align-items: self-start;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    .site-header__nav a {
    position: relative;  
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    font-size: 20px;
    font-weight: var(--font-weight-regular);
    color: var(--white);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    align-items: self-start;
    }
    /* .site-header__nav a:hover {
    color: var(--neutral-gray-100);
    } */
    
    .site-header__nav a::before {
        content: '';
        position: absolute;
        top: -8px; 
        left: 50%;
         
        width: 8px;
        height: 8px;
        background-color: var(--accent-orange-400);
        border-radius: 50%;
         
        opacity: 0;
        transform: translateX(-50%) scale(0.5);
        transition: all 0.2s ease-in-out;
    }
    .site-header__nav a:hover::before,
    .site-header__nav li.is-active a::before {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
    .site-header__nav .icon {
      width: 25px;
    }
     
    .site-header__actions {
        display: flex;
        align-items: center;
        gap: 24px;
    }
    .site-header__partner-logo img {
        display: block;
        max-width: 210px;  
        height: auto;
    }
    .lang-switcher {
        display: flex;
        flex-direction: column;  
        align-items: center;
        gap: 4px;  
      }
      
      .lang-switcher a {
        font-size: 18px;
        font-weight: var(--font-weight-light);
        color: var(--white);
        text-decoration: none;
        padding: 4px;
        opacity: 0.7;
        transition: opacity 0.2s;
      }

      .lang-switcher a.is-active {
        font-weight: var(--font-weight-bold);
        opacity: 1;
      }
      
      
      .lang-switcher a:hover {
        opacity: 1;
      }
      
      .lang-switcher a.is-active {
        opacity: 1;
      }
      
      .lang-switcher .separator {
        width: 16px;  
        height: 1px;  
        background-color: var(--white);
        opacity: 0.5;
      }


   
 
 
.site-header--light {
     
    position: sticky;  
    top: 0;
    background: var(--white);  
    height: 105px;  
    padding-top: 0;
    padding-bottom: 0;

     
    border-bottom: 1px solid var(--neutral-gray-100);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);  
  }
  
   
  .site-header--light .site-header__nav a {
    padding-bottom: 20px;
    color: var(--primary-blue-900);  
  }
  
  .site-header--light .site-header__nav a .icon {
    background-color: var(--primary-blue-900);
  }
  
   
  .site-header--light .lang-switcher a {
    color: var(--primary-blue-900);
  }
  
  .site-header--light .lang-switcher .separator {
    background-color: var(--primary-blue-900);
  }

  .site-header--light .site-header__actions {
    align-self: start;
  }


  
   
  /* Beyaz logoların görünmesi için bir filtre eklenebilir. 
     Gerekiyorsa bu yorum satırlarını kaldırın. */
  
  /* .site-header--light .site-header__partner-logo {
    filter: invert(1);
  } */
  
    
  .site-header.is-scrolled {
    position: fixed; /* Sayfanın tepesine çivile */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: none; /* Gölge yeterli, çizgiye gerek yok */
    
    /* Animasyon: Yukarıdan aşağı kayarak gelme */
    animation: slideDown 0.3s ease-out forwards;
  }
  
  /* Animasyon Keyframes */
  @keyframes slideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }


  

  /* -------------------------------------------------------------------------- */
/*                       1. MASAÜSTÜ VARSAYILAN (Default)                     */
/* -------------------------------------------------------------------------- */


  
.header-main-row {
  display: flex;
  justify-content: space-between;
  gap:80px;
  width: 100%;
}


/* Menü Wrapper (Masaüstü: Yan yana dizilim) */
.header-menu-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  gap: 32px;
}


.desktop-only-icon { width: 20px; height: 20px; }

/* Sağ Taraf (Partner + Dil) */
.site-header__actions {
  display: flex; align-items: center; gap: 24px;
}



/* --- MASAÜSTÜNDE GİZLENECEK MOBİL ELEMANLAR --- */
.hamburger-btn, 
.mobile-only-lang, 
.mobile-menu-header, 
.mobile-magazine,
.mobile-only-nav-item {
  display: none !important;
}


/* -------------------------------------------------------------------------- */
/*                       2. MOBİL & TABLET (Max Width: 991px)                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 1025px) {
  .header-main-row{
      height: 105px;;
  }
  .site-header__nav ul{
      gap:0px!important;
      align-items: center!important;
      
  }

  .site-header__brand img{
    width: 80px;
  }
  /* Masaüstü Elemanlarını Gizle */
  .desktop-only-actions, .desktop-only-icon { display: none !important; }

  /* Mobil Elemanları Göster */
  .hamburger-btn, .mobile-only, .mobile-only-lang, .mobile-menu-header, .mobile-magazine, .mobile-only-nav-item { 
    display: flex !important; 
  }

  /* Header Genel Ayar */

  .site-header { padding: 16px 11px; height: 105px;}
  
  /* Logo Grubu */
  .header-left-group {
    display: flex; gap: 16px;
    position: relative; z-index: 2000;
  }
  
  /* Mobil Dil Seçimi */
  .mobile-only-lang {
    flex-direction: column; gap: 2px;
    align-self: center;
  }
  .mobile-only-lang .separator {
    width: 12px; height: 1px; background-color: var(--white);
  }

  /* Hamburger Butonu */
  .hamburger-btn {
    flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    width: 50px; height: 50px; background-color: var(--white);
    border: none; border-radius: 12px; cursor: pointer; padding: 10px;
    position: relative; z-index: 2000;
    align-items: self-start;
    align-self: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  .hamburger-btn span {
    width: 24px; height: 3px; background-color: var(--primary-blue-500);
    border-radius: 3px; transition: all 0.3s;
  }
  .hamburger-btn span:nth-child(1) {width: 90%; }
  .hamburger-btn span:nth-child(2) { width: 75%;}
  .hamburger-btn span:nth-child(3) { width: 55%;}
  /* X Animasyonu */
  .hamburger-btn.is-active span:nth-child(1) {width: 100%; transform: translateY(8px) rotate(45deg); }
  .hamburger-btn.is-active span:nth-child(2) {width: 100%; opacity: 0; }
  .hamburger-btn.is-active span:nth-child(3) {width: 100%; transform: translateY(-8px) rotate(-45deg); }

  /* --- TAM EKRAN MENÜ --- */
  .header-menu-wrapper {
    position: absolute; top: 105px; left: 0; width: 100%; height: calc(100vh - 105px);
    background-color: #F4F7F9;
    background-image: url('../../assets/icons/Mediterranean_Sea_location_map_1.svg');  
    background-size: cover; background-position: center;
    flex-direction: column; 
    padding: 110px 24px 70px 24px; 
    z-index: 900; 
    opacity: 0; visibility: hidden; transform: translateY(-20px);
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    justify-content: space-between;
    gap:50px;
    padding-top: 100px;
  }
  .header-menu-wrapper.is-active {
    opacity: 1; visibility: visible; transform: translateY(0);
  }

  .site-header.menu-is-open {
      background: var(--white); /* Arka planı beyaz yap */
      border-bottom: 1px solid var(--neutral-gray-100); /* İSTEDİĞİNİZ BORDER */
      box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Hafif gölge */
    }
  
    /* Menü açıkken logoyu ve yazıları koru (Eğer anasayfada şeffafsa düzeltmek için) */
    .site-header.menu-is-open .lang-switcher a {
      color: var(--primary-blue-900);
     
    }

    .lang-switcher a{
      font-size:16px;
    }

    .site-header.menu-is-open .lang-switcher .separator {
      background-color: var(--primary-blue-900);
    }

  /* Menü İçi Partner Logosu */
  .mobile-menu-header {
    border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 20px; margin-bottom: 30px;
  }
  .mobile-menu-header img { max-height: 40px; }

  /* Mobil Navigasyon */
  .site-header__nav { width: 100%;}
  .site-header__nav ul { flex-direction: column; align-items: flex-start; gap: 24px; }
  .site-header__nav a {
    color: var(--neutral-gray-700); font-size: 16px; width: 100%;
  }
  
  /* Home Linki */
  .nav-item-home a { color: var(--primary-blue-900); font-weight: 700; }
  .nav-item-home .icon { width: 24px; height: 24px;  margin-right: 8px;background-color: #031B30!important; }

  /* Aktif Link Noktası (Mobilde solunda) */
  .site-header__nav li.is-active a { color: var(--primary-blue-900); font-weight: 700; }
  .site-header__nav a::before {
    left: -15px!important;
    top: 30%!important;
    position: static; transform: none; margin-right: 12px;
    width: 8px; height: 8px; order: -1;
    margin-top:10px
  }





  .mobile-magazine {
      width: 400px;
      background-color: #E9F4F8;
      border: 1px solid var(--white); border-radius: 5px; padding: 16px;
      display: flex; align-items: center; gap: 16px; margin-bottom: 20px;

  }
  .mobile-magazine .mobile-magazine-content{
      display: flex;
      flex-direction: column;
      align-self: flex-start;
  }
  
  .mobile-magazine-content .mobile-magazine-date{
      font-size: 15px;
      font-weight: var(--font-weight-light);
      display: flex;
      gap: 5px;
  }
  
  .mobile-magazine-date .icon{
     background-color: var(--primary-blue-900);
     width: 15px;
  }
  
  .mobile-magazine-content .divider {
      width: 45px;
      height: 0.5px;
      background-color: var(--primary-blue-900);
  }
  
  .mobile-magazine-content a{
      display: flex;
      gap:5px;
      margin-top:16px;
      color: var(--primary-blue-900);
      text-decoration: none;
  }



  /* Mobil Magazine Kartı */
  /* .mobile-magazine-card {
    background: rgba(255,255,255,0.6); backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--white); border-radius: 12px; padding: 16px;
    display: flex; align-items: center; gap: 16px; margin-top: 20px;
  } */

  .mag-cover { width: 60px; border-radius: 4px; }
  .mag-content { display: flex; flex-direction: column; gap: 4px; }
  .mag-date { font-size: 11px; color: var(--neutral-gray-600); display: flex; gap: 4px; }
  .mag-date .icon { width: 12px; height: 12px; background-color: var(--neutral-gray-600); }
  .mag-title { font-size: 15px; font-weight: 700; color: var(--primary-blue-900); margin: 0; line-height: 1.2; }
  .mag-link { font-size: 13px; font-weight: 600; color: var(--primary-blue-700); display: flex; gap: 4px; margin-top: 4px; }
  .mag-link .icon { width: 12px; height: 12px; background-color: var(--primary-blue-700); }
}

/* Light Header & Sticky (Metin Renkleri) */
.site-header--light .lang-switcher a, .site-header.is-scrolled .lang-switcher a { color: var(--primary-blue-900);  }
.site-header--light .lang-switcher .separator, .site-header.is-scrolled .lang-switcher .separator { background-color: var(--primary-blue-900); }
@media (min-width: 992px) {
  .site-header--light .site-header__nav a, .site-header.is-scrolled .site-header__nav a { color: var(--primary-blue-900); }
}

.nav-item-home .icon.home {

  background-color: var(--white);
}

/* 2. Scroll Edildiğinde (Home-1.svg ve Koyu Renk) */
.site-header.is-scrolled .nav-item-home .icon.home {
  background-color: var(--primary-blue-900);
}


@media (min-width: 1025px) and (max-width: 1380px) {

  .site-header__nav ul {gap: 16px; }
  .site-header__nav a {
    font-size: 16px; width: 100%;
  }

  .header-main-row{
    gap:20px;
  }
  .header-menu-wrapper {
    gap:16px;
  }

  .site-header__partner-logo img{
    max-width: 170px;
  }

  .lang-switcher a{
    font-size:16px;
  }

  .site-header__actions{
    gap: 16px;
  }
}


@media (max-width: 1025px) {
  #mobile-menu {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-25px);
      transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
  }

  #mobile-menu.is-active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      transition: opacity .35s ease, transform .35s ease;
  }

}