/**
 * İç sayfalar: üst şerit bandı + menü.
 * Menü, main.css’teki grid (1fr auto 1fr) ile bandın yatay ortasında — logo | menü | dil+CTA.
 * (Eski header-inner-tray + flex, grid’i eziyor ve menüyü sağa itiyordu; kaldırıldı.)
 */

/* Kenarlarda boşluk bırakarak bandı genişlet */
.mega-menu-wrapper.afer-header-band {
  width: calc(100% - clamp(20px, 4vw, 100px));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 575px) {
  .mega-menu-wrapper.afer-header-band {
    width: calc(100% - 20px);
  }
}

/*
 * main.css: overlay 1399 altında kapanıyor; MeanMenu 1199’da. 1200–1399 arası sadece yazılar kalıyordu.
 */
@media (max-width: 1399px) and (min-width: 1200px) {
  .header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .overlay-shape,
  .sticky.header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .overlay-shape {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    border-radius: 20px;
  }
}

@media (min-width: 1200px) {
  .header-1.header-2 .header-main.header-inner.header-main--inner-tray {
    align-items: center;
  }

  .header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .overlay-shape,
  .sticky.header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .overlay-shape {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    grid-column: unset;
    grid-row: unset;
    overflow: hidden;
    border-radius: 20px;
  }

  .header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-left,
  .sticky.header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-left {
    position: relative;
    z-index: 1;
    justify-self: start;
    display: flex;
    align-items: center;
    align-self: center;
  }

  .header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-center-nav.afer-header-center--inner,
  .sticky.header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-center-nav.afer-header-center--inner {
    position: relative;
    z-index: 1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    > .mean__menu-wrapper {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu {
    width: auto;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu
    > nav {
    width: auto;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu
    ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: 2px;
    column-gap: clamp(2px, 0.5vw, 14px);
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu
    ul
    > li:not(.afer-mobile-lang-item) {
    display: inline-flex !important;
    margin-inline-end: 0 !important;
    margin: 0;
    align-items: center;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu
    ul
    > li.afer-mobile-lang-item.d-xl-none {
    display: none !important;
  }

  .header-1.header-2.header-3
    .header-main.header-inner.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    .main-menu
    ul
    > li
    > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding-block: clamp(10px, 1vw, 14px) !important;
    padding-inline: clamp(6px, 0.65vw, 14px) !important;
    line-height: 1.2 !important;
    font-size: clamp(0.78rem, 0.45rem + 0.55vw, 0.95rem);
    white-space: nowrap;
  }

  .header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-right,
  .sticky.header-1.header-2.header-3 .header-main.header-inner.header-main--inner-tray > .header-right {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    margin-inline-end: 0 !important;
    gap: clamp(6px, 0.9vw, 14px) !important;
    justify-self: end;
  }

  .header-1.header-2.header-3 .header-main.header-inner .header-right .afer-lang-switch {
    color: var(--white);
  }

  .header-1.header-2.header-3 .header-main.header-inner .header-right .header-btn .header-button .theme-btn {
    padding: clamp(7px, 0.65vw, 11px) clamp(12px, 1.4vw, 22px) !important;
    font-size: clamp(0.75rem, 0.42rem + 0.5vw, 0.9rem) !important;
    white-space: nowrap;
  }
}

.header-1.header-3 .header-main.header-inner.header-main--nav-grid > .header-right {
  margin-inline-end: clamp(14px, 1.5vw, 26px);
}

@media (max-width: 1199px) {
  .header-1.header-3 .header-main.header-main--inner-tray {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .header-1.header-3 .header-main.header-main--inner-tray > .header-center-nav.afer-header-center--inner {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    gap: 8px;
  }

  .header-1.header-3
    .header-main.header-main--inner-tray
    > .header-center-nav.afer-header-center--inner
    > .mean__menu-wrapper {
    margin-left: auto;
    flex: 0 1 auto;
    min-width: 0;
  }

  .header-1.header-3 .header-main.header-main--inner-tray > .header-right {
    flex-shrink: 0;
    gap: 8px !important;
  }
}

@media (max-width: 575px) {
  .header-1.header-3 .header-main.header-main--inner-tray > .header-right .theme-btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 0.78rem !important;
  }
}

/* Sticky: üst bar beyaz — TR/EN yeşil şeritteki beyaz kaldığı için görünmüyordu; menü linkleriyle aynı renk */
.sticky.header-1.header-2.header-3 .header-main .header-right .afer-lang-switch {
  color: var(--header);
}

.sticky.header-1.header-2.header-3 .header-main .header-right .afer-lang-switch .afer-lang-switch__link:hover,
.sticky.header-1.header-2.header-3 .header-main .header-right .afer-lang-switch .afer-lang-switch__link.is-active {
  color: var(--theme3);
  opacity: 1;
}

.sticky.header-1.header-2.header-3 .header-main .header-right .afer-lang-switch .afer-lang-switch__sep {
  color: var(--header);
  opacity: 0.4;
}
