/* --- Desktop varsayılanı --- */
.hamburger,
.menu-toggle { display: none; }          /* burger gizli */
.nav-primary { display: flex; gap: 1.25rem; }

/* --- Mobile --- */
@media (max-width: 992px) {
  .hamburger,
  .menu-toggle {
    display: inline-flex;                 /* burger göster */
    align-items: center;
    justify-content: center;
  }
  .nav-primary { display: none; }         /* menü gizli */
  .nav-primary.open {
    display: flex;                        /* burger tıklanınca aç */
    flex-direction: column;
    gap: .75rem;
  }
}
/* Resimlerin etrafındaki <a> etiketleri için stil */
.content-body a[data-lightbox="gallery"] {
    display: inline-block; /* Sadece resim kadar yer kaplamasını sağlar */
    cursor: zoom-in; /* İmleç stilini değiştirerek lightbox açılacağını belirtir */
}

/* ===== Header ===== */
.vt-header {
    display: flex;
    justify-content: space-between; /* İki ana bloğu (sol ve sağ) aralarında boşluk bırakarak hizalar */
    align-items: flex-end; /* Tüm içeriği dikey olarak en alta hizalar */
    height: 180px; /* Görseldeki gibi bir yükseklik belirledik */
    padding: 20px;
    background: #111;
    border-bottom: 2px solid #333;
    position: relative;
    z-index: 1000;
}

/* Sol blok - Logo ve bayrakları içerir */
.vt-header-left {
    display: flex;
    flex-direction: column; /* İçerikleri (logo ve bayraklar) dikey olarak sıralar */
    align-items: flex-start; /* İçerikleri sola hizalar */
    gap: 0px; /* Logo ve bayraklar arasına 6px boşluk bırakır */
    margin-bottom: 0; /* En alt hizalamada boşluk kalmaması için */
}

/* Sağ blok logo */
.vt-logo {
    /* Özel bir değişiklik gerekmiyor, varsayılan ayarlar yeterli */
}

.vt-logo a {
    font-family: 'Dancing Script', cursive !important;
    font-size: 3rem;
    color: #fff;
    text-decoration: none;
}

.vt-logo a:hover {
    font-size: 3rem;
    color: #ddd;
    text-decoration: none;
}

/* Bayraklar */
.vt-flags{ 
  display:flex; 
  gap:8px;                /* bayraklar arası mesafe */
  align-items:center;
}

.vt-flags a{
  text-decoration:none!important;   /* alt çizgi yok */
  line-height:0;          /* baseline boşluğunu sıfırla */
}

.vt-flags img{
  height:24px;
  margin-top:0;
  display:block;          /* resmin altında boşluk kalmasın */
  transition: opacity .2s ease;
}

/* Hover: biraz solgun görünsün */
.vt-flags a:hover img{
  opacity:.65;            /* istersen .7 yap */
}

/* Sağ blok (desktop menü) */
.vt-header-right {
    display: flex;
    flex-direction: row; /* Menü linklerini yatay sıralar */
    align-items: flex-end; /* Menü linklerini dikey olarak en alta hizalar */
    gap: 20px;
    margin-top: 0;
    flex-wrap: nowrap;
}

.vt-header-right a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s;
}

.vt-header-right a:hover {
    color: #bbbbbb;
}


/* ===== Hamburger butonu ===== */
.vt-burger {
    order: -1;
    margin 0;
padding: 0;
box-sizing: border-box;
    display: flex;
    position: relative;
align-items: center;
    width: 80px; /* Butonun genişliği */
    height: 80px; /* Butonun yüksekliği */
    background: transparent;
    border: 2px solid #fff; /* Beyaz çerçeve */
    border-radius: 3px; /* Dış çerçevenin kenar yuvarlatması */
    cursor: pointer;
    
}

/* Çizgilerin genel stilleri */
.vt-burger-line,
.vt-burger-line::before,
.vt-burger-line::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 28px; /* Çizgilerin genişliği */
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    transition: transform .25s, opacity .2s;
}

/* Orta çizgi */
.vt-burger-line {
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Üst ve alt çizgiler */
.vt-burger-line::before {
    top: -9px; /* Orta çizgiden 9px yukarıda */
}

.vt-burger-line::after {
    top: 9px; /* Orta çizgiden 9px aşağıda */
}

/* Menü açıkken butonun X işaretine dönüşmesi */
.vt-burger.is-open .vt-burger-line {
    transform: translate(-50%, -50%) rotate(45deg);
}
.vt-burger.is-open .vt-burger-line::before {
    top: 0;
    transform: rotate(-90deg);
}
.vt-burger.is-open .vt-burger-line::after {
    opacity: 0;
}

/* Mobil görünümde butonu göstermek için @media sorgusu */
@media (max-width: 768px) {
    .vt-burger {
        display: inline-block;
    }
}




/* ===== Mobil düzen ===== */
@media (max-width:768px){
  .vt-header{ flex-direction:column; align-items:flex-start; padding-bottom:16px; }
  .vt-header-right{ display:none !important; }   /* desktop menüyü gizle */
  .vt-burger{ display:inline-block; }            /* hamburger göster */
}

/* Desktop garantisi */
@media (min-width:769px){
  .vt-header-right{ display:flex !important; }
}

.vt-nav-sheet {
    /*position: absolute;*/
    left: 0; /* sağ yerine sola alıyoruz */
    margin-top: 180px;
    width: min(65vw, 150px)!important; /* daha dar */
    height: 300px;
    background: #111;
    border-right: 1px solid #333; /* sağ çizgi */
    transform: translateX(-100%);
    transition: transform .25s ease;
    padding: 18px;
    /*display: flex;*/
    flex-direction: column;
    gap: 12px;
}

.vt-nav-panel.open .vt-nav-sheet{ transform:translateX(0); }

.vt-nav-sheet a{
  color:#fff !important;    /* beyaz zeminde kaybolmaz */
  font-weight:300 !important;
  text-decoration:none;
}

.vt-nav-sheet a:hover{ color:#ffcc00 !important; }