body{
  background: transparent; /* veya hiç yazma */
}

:root{
  --bg: transparent;
  --bg-sticky:#15274B;
  --text:#ffffffcc;
  --text-strong:#fff;
  --accent:#FEC233;
  --line:#ffffff14;

  --header-h:116px;
  --header-h-sticky:60px;
  --pad-x:60px;
}

/* Reset / base */
*{ box-sizing:border-box; }
body{ margin:0; font-family: Inter, Arial, sans-serif; }
a{ text-decoration:none; color:inherit; }
ul{ margin:0; padding:0; list-style:none; }

/* HEADER */
.site-header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:999;
  height:var(--header-h);
  background: transparent; /* ilk açılış transparan */
  transition: background-color 0.6s ease, height 0.6s ease;
}

.site-header.is-sticky{
  background:var(--bg-sticky);
  height:var(--header-h-sticky);
}

.header-inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px var(--pad-x);
}

/* Logo */
.logo{ width:200px; text-align:left; }
.logo img{
  width:100%;
  height:58px;
  object-fit:contain;
  transition:all .5s ease;
}
.site-header.is-sticky .logo img{
  height:42px;
}

/* NAV */
.nav{ flex:1; display:flex; justify-content:center; }
.menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px; /* elementor horizontal margin mantığı */
}

.menu-link{
  font-size:13px;
  font-weight:500;
  color:var(--text);
  padding:0;
  transition: color .25s ease;
}
.menu-link:hover{ color:var(--accent); }
.menu-link.active{ color:var(--accent); }

/* Dropdown */
.has-dropdown{ position:relative; }
.has-dropdown > .menu-link .arrow{ margin-left:6px; font-size:12px; opacity:.9; }

.dropdown{
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#172d58;
  border:0;
  padding:10px 0;
  display:none;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  z-index: 1000;
}
.dropdown li a{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:10px 16px;
  font-size:13px;
  color:var(--text-strong);
}
.dropdown li:not(:last-child){ border-bottom:1px dashed #FFFFFF08; }
.dropdown li a:hover{ background:rgba(254,194,51,.18); color:#fff; }

.has-dropdown:hover > .dropdown{ display:block; }

/* Second level dropdown right */
.dropdown-right{
  top:0;
  left:100%;
  margin-left:0px;
}

/* RIGHT */
.header-brand-image{
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:260px;
}

.header-brand-image a{
  display:flex;
  align-items:center;
  justify-content:center;
}

.header-brand-image img{
  display:block;
  height:88px;
  width:auto;
  max-width:260px;
  object-fit:contain;
  transition:all .3s ease;
}

.site-header.is-sticky .header-brand-image img{
  height:56px;
  max-width:180px;
}

.header-brand-image a:hover img{
  transform:scale(1.04);
}
/* Hamburger */
.hamburger{
  display:none;
  width:44px; height:44px;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:0;
}
.hamburger span{
  display:block;
  width:26px;
  height:2px;
  background:#fff;
  margin:6px auto;
  transition:.25s ease;
}

/* Search overlay */
.search-overlay{
  position:fixed;
  inset:0;
  background:rgba(12,18,34,.92);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.search-overlay.open{ display:flex; }
.search-close{
  position:absolute;
  top:18px; right:22px;
  font-size:40px;
  color:#fff;
  background:transparent;
  border:0;
  cursor:pointer;
}
.search-overlay-form{
  width:min(900px, 92vw);
}
.search-overlay-form input[type="search"]{
  width:100%;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--line);
  color:#fff;
  font-size:33px;
  font-weight:300;
  padding:18px 10px;
  outline:none;
}
.search-overlay-form button{
  margin-top:18px;
  height:44px;
  padding:0 18px;
  border:0;
  background:var(--accent);
  cursor:pointer;
}

/* Mobile search (menu içinde) */
li.mobile-search{ display:none !important; }

@media (max-width: 1120px){
  .logo{ width:110px; }
  .header-right{ width:auto; }
}

@media (max-width: 1024px){
  :root{ --pad-x:20px; }

  .site-header{ height:var(--header-h); }
  .header-inner{ padding:0 var(--pad-x); }

  .logo{ width:98px; }
  .site-header.is-sticky .logo{ width:70px; }

  /* Menü mobilde kapalı → hamburger ile açılacak */
  .nav{
    position:fixed;
    left:0; right:0;
    top:var(--header-h-sticky);
    background:#15274B;
    display:none;
    justify-content:flex-start;
    padding:16px 20px 20px;
  }
  .site-header.is-sticky .nav{ top:var(--header-h-sticky); }
  .nav.open{ display:block; }

  .menu{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .dropdown{
    position:static;
    display:none;
    box-shadow:none;
    background:transparent;
    padding:8px 0 0 10px;
    border-left:1px solid #ffffff14;
    margin-top:6px;
  }
  .has-dropdown:hover > .dropdown{ display:none; } /* mobilde hover yok */
  .has-dropdown.open > .dropdown{ display:block; }

  .header-right{ gap:10px; }
  .hamburger{ display:block; }
 .header-brand-image{
  max-width:180px;
}
@media (max-width: 1024px){
  .header-brand-image{
    max-width:180px;
  }

  .header-brand-image img{
    height:56px;
    max-width:180px;
  }

  .site-header.is-sticky .header-brand-image img{
    height:46px;
    max-width:140px;
  }
}

  /* Mobilde search bar menü içinde görünür */
  li.mobile-search{ display:block !important; width:100%; }
  .mobile-search-form{ width:100%; position:relative; }
  .mobile-search input[type="search"]{
    width:100%;
    padding:8px 0 8px 48px !important;
    border:0;
    background:#2E4169;
    color:#fff !important;
    height:42px;
    outline:none;
  }
  .mobile-search input[type="search"]::placeholder{ color:#ffffff87!important; }
  .mobile-search input[type="submit"]{
    position:absolute;
    right:0; top:0;
    height:42px;
    width:52px;
    border:0;
    background:#f8c43e;
    cursor:pointer;
  }
  .mobile-search label:before{
    content:"";
    /* sen ister bunu local dosyaya çevir: assets/icons/magnifier.svg */
    background:url("/assets/img/magnifier.svg") no-repeat;
    width:20px;
    height:20px;
    background-size:cover;
    position:absolute;
    top:10px;
    left:20px;
  }

  /* Desktop search toggle istersen mobilde gizle */
  .search-toggle{ display:none; }
}

/* === MAIN LOGO SIZE OVERRIDE === */

.logo{
  display: flex;
  align-items: center;
  justify-content: flex-start;  
  width: 420px;
}

.logo a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.logo img{
  height: 115px;
  width: auto !important;
  max-width: 100%;
  margin: 0;
  display: block;
  object-fit: contain;
}

.site-header.is-sticky .logo img{
  height: 78px;
}

/* Responsive */
@media (max-width: 1120px){
  .logo{
    width: 300px;
  }
}

@media (max-width: 1024px){
  .logo{
    width: 260px;
  }
}

/* === MENU POSITION (CENTER ile START arası) === */
.nav{
  justify-content: flex-start !important;
  padding-left: 120px;
}

.menu{
  justify-content: flex-start !important;
}

@media (min-width: 2500px){
  .nav{
    padding-left: 500px;
  }
}
@media (max-width: 2600px){
  .nav{
    padding-left: 400px;
  }
}
@media (max-width: 2300px){
  .nav{
    padding-left: 300px;
  }
}
@media (max-width: 2100px){
  .nav{
    padding-left: 200px;
  }
}
@media (max-width: 1910px){
  .nav{
    padding-left: 100px;
  }
}
@media (max-width: 1750px){
  .nav{
    padding-left: 0px;   
  }

}
@media (max-width: 1600px){
  .nav{
    padding-right: 100px;
  }
}
@media (max-width: 1490px){

}

/* === HAMBURGER MENU 1490px VE ALTI === */
@media (max-width: 1490px){

  /* Desktop menüyü gizle */
  .nav{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: var(--header-h-sticky);
    background: #15274B;
    padding: 16px 20px 20px;
    justify-content: flex-start;
  }

  /* Hamburger görünür olsun */
  .hamburger{
    display: block;
  }

  /* Menü açıldığında */
  .nav.open{
    display: block;
  }

  /* Menü liste yapısı mobil gibi olsun */
  .menu{
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  /* Dropdown mobil davranış */
  .dropdown{
    position: static;
    display: none;
    box-shadow: none;
    background: transparent;
    padding: 8px 0 0 10px;
    border-left: 1px solid #ffffff14;
    margin-top: 6px;
  }

  .has-dropdown:hover > .dropdown{
    display: none;
  }

  .has-dropdown.open > .dropdown{
    display: block;
  }

  /* Desktop search icon gizle (istersen) */
  .search-toggle{
    display: none;
  }

  /* Mobil search menü içinde aktif */
  li.mobile-search{
    display: block !important;
    width: 100%;
  }
}