/* GRKN Menu v1.2.2 - Desktop centered header & spacing */
:root{
  --grkn-bg: linear-gradient(135deg, #0d1f3c 0%, #132d55 50%, #1a3a6b 100%);
  --grkn-text: #e5e7eb;
  --grkn-text-dim: #9ca3af;
  --grkn-accent: #4a6ef0;
  --grkn-border: rgba(255,255,255,.07);
}
html.grkn-menu-lock, html.grkn-menu-lock body{ overflow:hidden; }

/* Header bar */
.grkn-menu-header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--grkn-h, 84px);
  z-index: 9999;
  background: var(--grkn-header-bg, rgba(0,0,0,.65));
  border-bottom: 1px solid var(--grkn-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  justify-content: center; /* centers inner wrapper on screen */
  box-sizing: border-box;
}

.grkn-menu-header-inner{
  width: 100%;
  max-width: 1200px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  box-sizing: border-box;
}
/* SCROLL EFFECT - Siyah arkaplan */
.grkn-menu-header.scrolled {
  background: linear-gradient(135deg, #0d1f3c 0%, #132d55 50%, #1a3a6b 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.grkn-menu-header *{ box-shadow:none !important; }
.grkn-menu-header .grkn-menu-left, .grkn-menu-header .grkn-menu-toggle{ pointer-events: auto; }

/* Header left group: logo + desktop menu */
.grkn-menu-left{
  display:flex;
  align-items:center;
  gap: 72px; /* space between logo and menu */
}
.grkn-menu-header-menu-wrap{ display:block; }
.grkn-menu-header-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap: 22px;
}
.grkn-menu-header-menu a{
  color: var(--grkn-text);
  text-decoration:none;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .9;
}
.grkn-menu-header-menu a:hover,
.grkn-menu-header-menu a:focus{
  opacity: 1;
}


.grkn-menu-logo{
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.grkn-menu-header .grkn-menu-logo img{
  height: var(--grkn-logo-h, 36px);
  width: auto;
  max-width: 200px;
  max-height: var(--grkn-logo-h, 36px);
  object-fit: contain;
  object-position: left center;
  vertical-align: middle;
  display: block;
}
.grkn-menu-header .custom-logo-link, .grkn-menu-header .custom-logo{ max-height:none!important; }
.grkn-menu-header .grkn-menu-site{ color:#fff; font-weight:700; letter-spacing:.06em; }

.grkn-menu-toggle{
  display:flex; align-items:center; gap:10px; background:none !important; border:none; color:#fff;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; cursor:pointer;
}
.grkn-menu-toggle:hover, .grkn-menu-toggle:focus{ background: transparent !important; outline:none; }
.grkn-menu-toggle .grkn-menu-bars i{
  display:block; width:16px; height:1.5px; background:#fff; margin:3px 0; border-radius:2px;
}

/* Overlay panel */
.grkn-menu-overlay{
  position: fixed; inset:0;
  background: var(--grkn-bg);
  background-attachment: fixed;
  color: var(--grkn-text);
  transform: translateY(-100%); transition: transform .6s cubic-bezier(.22,.61,.36,1);
  z-index: 100001; padding: calc(var(--grkn-h,64px) + 22px) 24px 24px; display:flex; flex-direction:column;
  overflow: auto;
}
.grkn-menu-overlay.is-open{ transform: translateY(0); }

/* ── Close butonu ── */
.grkn-menu-close {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: rgba(255,255,255,0.7);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 6px 8px;
  transition: color 0.2s ease;
}
.grkn-menu-close:hover,
.grkn-menu-close:focus,
.grkn-menu-close:focus-visible,
.grkn-menu-close:active {
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #fff;
}

/* X ikonu — sadece ::before/::after ile çizilen 16px çizgiler */
.grkn-menu-close .grkn-menu-x {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  flex-shrink: 0;
}
.grkn-menu-close .grkn-menu-x::before,
.grkn-menu-close .grkn-menu-x::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1.5px;
  background: currentColor;
  transform-origin: center;
}
.grkn-menu-close .grkn-menu-x::before { transform: translateY(-50%) rotate(45deg); }
.grkn-menu-close .grkn-menu-x::after  { transform: translateY(-50%) rotate(-45deg); }

/* Tema ::before/::after override'larını engelle — SADECE .grkn-menu-close'un kendi before/after'ı */
.grkn-menu-overlay .grkn-menu-close > *::before,
.grkn-menu-overlay .grkn-menu-close > *::after {
  /* .grkn-menu-x'in ::before/::after'ları yukarıda tanımlandı, başka bir şey gelmesin */
}


/* Vertically center content */
.grkn-menu-inner{ flex:0 0 auto; display:flex; gap:40px; max-width:1400px; width:100%; margin: auto; border-left:1px solid var(--grkn-border); border-right:1px solid var(--grkn-border); }
.grkn-menu-col{ padding: 0 24px; }

/* Left: menu */
.grkn-menu-menu-col{ flex: 1 1 auto; display:flex; align-items:flex-start; justify-content:flex-start; }
.grkn-menu-menu{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column;
  row-gap: var(--grkn-menu-gap, 18px);
}
.grkn-menu-menu > li > a{
  display:inline-block; color: var(--grkn-text); text-decoration:none;
  font-size: var(--grkn-menu-size, 34px);
  font-weight: 700; letter-spacing: var(--grkn-menu-ls, .02em);
  text-transform: uppercase;
  background: transparent !important; box-shadow: none !important;
}
.grkn-menu-menu > li > a:hover,
.grkn-menu-menu > li > a:focus{ color: var(--grkn-accent); background: transparent !important; outline:none; }

/* Right: contact */
.grkn-menu-contact-col{ flex: 0 0 var(--grkn-right, 38%); }
.grkn-menu-block{ margin-bottom: 28px; }
.grkn-menu-block-title{ font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#bdbdbd; margin-bottom:12px; }
.grkn-menu-block-text{ color: var(--grkn-text-dim); line-height:1.8; }

.grkn-menu-socials{ display:flex; gap:14px; align-items:center; }
.grkn-menu-socials a{ color:#bdbdbd; text-decoration:none; background: transparent !important; }
.grkn-menu-socials a:hover{ color:#fff; }

/* Responsive */
@media (max-width: 1024px){
  .grkn-menu-inner{ border:none; gap:28px; }
  .grkn-menu-contact-col{ flex-basis: 45%; }
}
@media (max-width: 768px){
  .grkn-menu-inner{ flex-direction:column; gap:28px; }
  .grkn-menu-contact-col{ flex-basis:auto; }
  .grkn-menu-menu{ row-gap: var(--grkn-menu-gap-sm, 14px); }
  .grkn-menu-menu > li > a{ font-size: var(--grkn-menu-size, 34px); }
}

/* GRKN Menu fade-off during close */
.grkn-menu-overlay{ opacity:1; transition: transform .6s cubic-bezier(.22,.61,.36,1), opacity .25s ease; }
.grkn-menu-overlay.closing{ opacity:0; pointer-events:none; }


/* Desktop vs mobile behaviour */
@media (max-width: 768px){
  .grkn-menu-header-menu-wrap{ display:none; }
  .grkn-menu-toggle{ display:inline-flex; }
}
@media (min-width: 769px){
  .grkn-menu-header-menu-wrap{ display:block; }
  .grkn-menu-toggle{ display:none; } /* keep mobile hamburger only on small screens */
  }
  .grkn-menu-left{ gap: 72px; } /* 3x desktop logo-menu spacing */

}



/* Mobile header safe-area + alignment fix */
@media (max-width: 768px){
  .grkn-menu-header{
    height: calc(var(--grkn-h, 64px) + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
  }
  .grkn-menu-header-inner{
    height: var(--grkn-h, 64px);
    padding: 0 16px;
  }
  .grkn-menu-left{
    gap: 14px;
  }
  .grkn-menu-header-menu-wrap{ display:none; }
  .grkn-menu-header .grkn-menu-logo img{ max-height: 48px; height: 48px; width: auto; object-fit: contain; }
  .grkn-menu-toggle{ margin-left: 0; }
}

/* ── Header Sosyal Medya İkonları ── */
.grkn-menu-header-socials {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 12px;
}

.grkn-menu-header-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease, transform 0.15s ease;
  font-size: 14px;
  line-height: 1;
}

.grkn-menu-header-social-link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.18);
  transform: translateY(-2px);
}

/* Platform renkleri — hover'da marka rengi */
.grkn-menu-header-social-link[aria-label="Instagram"]:hover { background: #e1306c; border-color: #e1306c; }
.grkn-menu-header-social-link[aria-label="TikTok"]:hover    { background: #010101; border-color: #69c9d0; color: #69c9d0; }
.grkn-menu-header-social-link[aria-label="X / Twitter"]:hover { background: #000000; border-color: #000000; }
.grkn-menu-header-social-link[aria-label="YouTube"]:hover   { background: #ff0000; border-color: #ff0000; }
.grkn-menu-header-social-link[aria-label="Facebook"]:hover  { background: #1877f2; border-color: #1877f2; }
.grkn-menu-header-social-link[aria-label="WhatsApp"]:hover  { background: #25d366; border-color: #25d366; }

/* Mobil'de küçük ekranlar — sosyal ikonları TAMAMEN gizle */
@media (max-width: 768px) {
  .grkn-menu-header-socials {
    display: none !important;
  }
}

/* ── Polylang / Sub-menu Dropdown ── */

/* Header bar dropdown */
.grkn-menu-header-menu .pll-parent-menu-item {
  position: relative;
}
/* Dropdown açılmadan önce padding ile köprü kur — mouse boşlukta kaybolmasın */
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 10px; /* parent ile sub-menu arası köprü */
  min-width: 120px;
  z-index: 100002;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
/* Gerçek kutu — padding-top'un içinde */
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px; /* köprü alanı */
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li {
  background: rgba(19, 45, 85, 0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li:first-child {
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(255,255,255,0.12);
  border-bottom: none;
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li:last-child {
  border-radius: 0 0 10px 10px;
  border: 1px solid rgba(255,255,255,0.12);
  border-top: none;
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li:only-child {
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.12);
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li + li {
  border: 1px solid rgba(255,255,255,0.12);
  border-top: none;
}
.grkn-menu-header-menu .pll-parent-menu-item:hover .sub-menu,
.grkn-menu-header-menu .pll-parent-menu-item:focus-within .sub-menu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu {
  list-style: none;
  margin: 0;
  padding-left: 0;
  box-shadow: 0 8px 32px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2);
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu li {
  display: block;
  list-style: none;
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
}
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.06);
}

/* Polylang bayrak ikonları */
.grkn-menu-header-menu .pll-parent-menu-item .sub-menu img,
.grkn-menu-menu .pll-parent-menu-item .sub-menu img {
  width: 16px;
  height: auto;
  vertical-align: middle;
}

/* Overlay menü dropdown */
.grkn-menu-menu .pll-parent-menu-item {
  position: relative;
}
.grkn-menu-menu .pll-parent-menu-item .sub-menu {
  display: none;
  list-style: none;
  margin: 8px 0 4px 16px;
  padding: 0;
  border-left: 2px solid rgba(255,255,255,0.15);
  padding-left: 12px;
}
.grkn-menu-menu .pll-parent-menu-item.is-open .sub-menu,
.grkn-menu-menu .pll-parent-menu-item:hover .sub-menu {
  display: block;
}
.grkn-menu-menu .pll-parent-menu-item .sub-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.6) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  padding: 4px 0;
  letter-spacing: .04em;
  transition: color 0.15s ease;
}
.grkn-menu-menu .pll-parent-menu-item .sub-menu a:hover {
  color: #ffffff !important;
}