/*
 * Header 2 (stacked) yerleşimi.
 * Hedef: Üstte beyaz satır (logo + kur), altta menü şeridi (ikonlar sağda).
 * Not: Yeni renk paleti eklemez; mevcut theme mod/CSS değişkenlerine yaslanır.
 */

.header.header--layout-stacked {
  background: var(--pressgpt-header-bg, var(--pressgpt-color-bg-surface));
}

/*
 * Header Tasarım 2 (stacked) iki satırlı olduğu için varsayılan body padding-top (100px)
 * yetersiz kalıp içeriğin header'ın altına girmesine neden olabilir.
 * Desktop'ta body offset'ini büyüt.
 */
@media (min-width: 1025px) {
  body.pressgpt-header-layout-stacked {
    padding-top: var(--pressgpt-header-offset, 110px);
  }
  body.pressgpt-header-layout-stacked.top-bar-hidden {
    padding-top: var(--pressgpt-header-offset, 115px);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body.pressgpt-header-layout-stacked {
    padding-top: var(--pressgpt-header-offset, 155px);
  }
  body.pressgpt-header-layout-stacked.top-bar-hidden {
    padding-top: var(--pressgpt-header-offset, 125px);
  }
}

@media (max-width: 768px) {
  body.pressgpt-header-layout-stacked,
  body.light-mode.pressgpt-header-layout-stacked {
    padding-top: var(--pressgpt-header-offset, 65px);
  }

  body.pressgpt-header-layout-stacked.top-bar-hidden,
  body.light-mode.pressgpt-header-layout-stacked.top-bar-hidden {
    padding-top: var(--pressgpt-header-offset, 60px);
  }
}

/* Stacked header'da .header.scrolled yüksekliği 50px'e zorlanıp içerik ezmesin */
.header.header--layout-stacked.scrolled {
  height: auto;
}

/* Header 2'de üst bar: sol hızlı linkler, sağ sosyal ikonlar */
body.pressgpt-header-layout-stacked .top-info-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

body.pressgpt-header-layout-stacked .top-links-section {
  grid-column: 1;
  justify-self: start;
}

body.pressgpt-header-layout-stacked .top-links-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

body.pressgpt-header-layout-stacked .top-links-menu a {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-weight: 550;
  text-decoration: none;
  white-space: nowrap;
}

body.pressgpt-header-layout-stacked .top-links-menu a i,
body.pressgpt-header-layout-stacked .top-links-menu a .dashicons {
  line-height: 1;
  vertical-align: -0.05em;
}

body.pressgpt-header-layout-stacked .top-social-section {
  grid-column: 3;
  justify-self: end;
  justify-content: flex-end;
}

body.pressgpt-header-layout-stacked .date-weather-group {
  grid-column: 3;
  justify-self: end;
}

.header.header--layout-stacked .header-container--layout-stacked {
  display: block;
  height: auto;
  padding: 0;
  max-width: none;
}

.header.header--layout-stacked .header-top-row,
.header.header--layout-stacked .header-nav-row {
  width: 100%;
}

.header.header--layout-stacked .header-top-row {
  background: var(
    --pressgpt-header-bg,
    var(--pressgpt-color-accent-strong, #007acc)
  );
  border-bottom: 1px solid var(--pressgpt-header-border, var(--pressgpt-color-border));
}

.header.header--layout-stacked .header-nav-row {
  background: var(--pressgpt-color-bg-primary, #0f0f0f);
}

.header.header--layout-stacked .header-row-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0.35rem 0.50rem;
}

.header.header--layout-stacked .header-top-row .header-row-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
}

.header.header--layout-stacked .header-top-row .site-logo--text span {
  color: var(--pressgpt-color-text-primary, #ffffff);
}

.header.header--layout-stacked .header-top-left {
  min-height: 1px;
}

/* Header Tasarım 2: Logo solda olsun */
.header.header--layout-stacked .header-top-row .header-top-left {
  display: none;
}

.header.header--layout-stacked .header-top-row .logo {
  grid-column: 1;
  justify-self: start;
}

.header.header--layout-stacked .header-top-row .date-weather-group {
  grid-column: 2;
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--pressgpt-topbar-text, var(--pressgpt-color-text-primary, #ffffff));
}

/* Üst satırda tarih/hava ve kur metinleri aynı renk olsun (baskın kural) */
.header.header--layout-stacked .header-top-row .date-weather-group,
.header.header--layout-stacked .header-top-row .date-weather-group *,
.header.header--layout-stacked .header-top-row .header-top-right .currency-item,
.header.header--layout-stacked .header-top-row .header-top-right .currency-item * {
  color: var(--pressgpt-topbar-text, var(--pressgpt-color-text-primary, #ffffff)) !important;
}

.header.header--layout-stacked .header-top-row .date-weather-group .date,
.header.header--layout-stacked .header-top-row .date-weather-group .weather {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.header.header--layout-stacked .header-top-row .header-top-right {
  grid-column: 3;
}

.header.header--layout-stacked .header-top-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header.header--layout-stacked .header-top-right .currency-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.header.header--layout-stacked .header-top-right .currency-item {
  display: inline-flex;
  align-items: center;
}

.header.header--layout-stacked .header-top-right .currency-item i,
.header.header--layout-stacked .header-top-right .currency-label,
.header.header--layout-stacked .header-top-right .currency-value {
  line-height: 1;
}

.header.header--layout-stacked .header-top-right .currency-item,
.header.header--layout-stacked .header-top-right .currency-label,
.header.header--layout-stacked .header-top-right .currency-value,
.header.header--layout-stacked .header-top-right .currency-item i {
  color: var(--pressgpt-topbar-text, var(--pressgpt-color-text-primary, #ffffff));
}

.header.header--layout-stacked .header-top-right .currency-value {
  color: var(--pressgpt-topbar-text, var(--pressgpt-color-text-primary, #ffffff));
  font-weight: 700;
}

.header.header--layout-stacked .header-nav-row .header-row-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.header.header--layout-stacked .header-nav-row .desktop-menu {
  display: flex;
  grid-column: 1;
  justify-content: flex-start;
}

.header.header--layout-stacked .header-nav-row .desktop-menu ul {
  justify-content: flex-start;
}

.header.header--layout-stacked .header-nav-row .desktop-menu a {
  color: var(
    --pressgpt-header-menu-color,
    var(--pressgpt-color-text-primary, #ffffff)
  );
}

.header.header--layout-stacked .header-nav-row .desktop-menu a::before {
  background-color: var(
    --pressgpt-header-menu-color,
    var(--pressgpt-color-text-primary, #ffffff)
  );
}

.header.header--layout-stacked .header-nav-row .desktop-menu a:hover,
.header.header--layout-stacked .header-nav-row .desktop-menu a:focus {
  color: var(
    --pressgpt-header-menu-hover-color,
    var(--pressgpt-header-menu-color, var(--pressgpt-color-text-primary, #ffffff))
  );
}

.header.header--layout-stacked .header-nav-row .desktop-menu a:hover::before,
.header.header--layout-stacked .header-nav-row .desktop-menu a:focus::before {
  background-color: var(
    --pressgpt-header-menu-hover-color,
    var(--pressgpt-header-menu-color, var(--pressgpt-color-text-primary, #ffffff))
  );
}

/* Dark mode: Menü yazıları ve hover'ları her zaman beyaz */
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a:hover,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a:focus {
  color: #ffffff;
}

body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a::before,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a:hover::before,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-menu a:focus::before {
  background-color: #ffffff;
}

.header.header--layout-stacked .header-nav-row .desktop-right .toggle-menu-icon,
.header.header--layout-stacked .header-nav-row .desktop-right .search-icon,
.header.header--layout-stacked .header-nav-row .desktop-right .dark-mode-toggle {
  color: var(--pressgpt-header-icon-color, var(--pressgpt-color-text-primary, #ffffff));
}

.header.header--layout-stacked .header-nav-row .desktop-right .toggle-menu-icon:hover,
.header.header--layout-stacked .header-nav-row .desktop-right .search-icon:hover,
.header.header--layout-stacked .header-nav-row .desktop-right .dark-mode-toggle:hover {
  color: var(
    --pressgpt-header-icon-hover-color,
    var(--pressgpt-header-icon-color, var(--pressgpt-color-text-primary, #ffffff))
  );
  background-color: var(--pressgpt-header-icon-hover-bg, transparent);
}

/* Dark mode'da (light-mode yokken) desktop-right ikonları her zaman beyaz kalsın */
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .toggle-menu-icon,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .search-icon,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .dark-mode-toggle,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .dark-mode-toggle i {
  color: #ffffff;
}

body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .toggle-menu-icon:hover,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .search-icon:hover,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .dark-mode-toggle:hover,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .pressgpt-user-trigger:hover,
body:not(.light-mode)
  .header.header--layout-stacked
  .header-nav-row
  .desktop-right
  .pressgpt-user-menu.is-open
  .pressgpt-user-trigger {
  color: #ffffff;
  background-color: transparent;
}

body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-right .toggle-menu-icon,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-right .search-icon,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-right .dark-mode-toggle {
  color: #ffffff;
}

body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-right .pressgpt-user-trigger,
body:not(.light-mode) .header.header--layout-stacked .header-nav-row .desktop-right .pressgpt-user-trigger i {
  color: #ffffff;
}

.header.header--layout-stacked .header-nav-row .desktop-right {
  grid-column: 3;
  justify-self: end;
  gap: 0.75rem;
}

body.pressgpt-header-layout-stacked .mobile-menu {
  background-color: var(
    --pressgpt-stacked-mobile-menu-bg,
    var(--pressgpt-header-bg, var(--pressgpt-color-bg-surface))
  );
}

/* Mobilde desktop menüyü gizle; mobil ikonlar aynı şeritte kalır */
@media (max-width: 768px) {
  body.pressgpt-header-layout-stacked .top-info-bar {
    overflow: visible;
  }
  body.pressgpt-header-layout-stacked .top-links-section {
    display: none;
  }
  body.pressgpt-header-layout-stacked .top-social-section {
    grid-column: 1;
    justify-self: start;
    justify-content: flex-start;
  }
  body.pressgpt-header-layout-stacked .top-info-container .mobile-right {
    grid-column: 3;
    justify-self: end;
    justify-content: flex-end;
    gap: 0.45rem;
  }
  body.pressgpt-header-layout-stacked .top-info-container .mobile-right .search-icon,
  body.pressgpt-header-layout-stacked .top-info-container .mobile-right .mobile-toggle,
  body.pressgpt-header-layout-stacked .top-info-container .mobile-right .mobile-dark-toggle,
  body.pressgpt-header-layout-stacked .top-info-container .mobile-right .pressgpt-user-trigger {
    font-size: 1rem;
    padding: 0.35rem;
    line-height: 1;
  }
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .search-icon,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-toggle,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-dark-toggle,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-trigger,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .search-icon i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-toggle i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-dark-toggle i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-trigger i {
    color: var(
      --pressgpt-topbar-icon,
      var(--pressgpt-topbar-text, var(--pressgpt-color-text-primary, #333333))
    );
  }
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .search-icon:hover,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-toggle:hover,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-dark-toggle:hover,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-trigger:hover,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-menu.is-open .pressgpt-user-trigger,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .search-icon:hover i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-toggle:hover i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .mobile-dark-toggle:hover i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-trigger:hover i,
  body.light-mode.pressgpt-header-layout-stacked .top-info-bar .top-info-container .mobile-right .pressgpt-user-menu.is-open .pressgpt-user-trigger i {
    color: var(
      --pressgpt-topbar-icon-hover,
      var(--pressgpt-topbar-icon, var(--pressgpt-topbar-text, #333333))
    );
  }
  .header.header--layout-stacked .header-nav-row {
    display: none;
  }
  .header.header--layout-stacked .header-top-right {
    display: none;
  }
  .header.header--layout-stacked .header-nav-row .mobile-right {
    display: none;
  }
  .header.header--layout-stacked .header-nav-row .desktop-menu,
  .header.header--layout-stacked .header-nav-row .desktop-right {
    display: none;
  }
  .header.header--layout-stacked .header-nav-row .header-row-inner {
    display: flex;
    justify-content: flex-end;
    padding: 0.10rem 0.20rem;
  }
}

/*
 * Menü ikon + metin hizası
 * - Dashicons ve FontAwesome ikonları aynı hizada dursun
 * - Mobil menüde ikonlar gizli kalsın (mevcut <i> kuralıyla uyumlu)
 */
.desktop-menu a .dashicons.pressgpt-menu-dashicon,
.desktop-panel-menu a .dashicons.pressgpt-menu-dashicon {
  vertical-align: -0.05em;
}

.desktop-menu a i,
.desktop-panel-menu a i {
  vertical-align: -0.05em;
}

.mobile-menu a .dashicons.pressgpt-menu-dashicon {
  display: none !important;
}

/* Header Tasarım 1 (default): Menü ikon+metin yan yana kalsın */
@media (min-width: 769px) {
  .header.header--layout-default .desktop-menu a {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .header.header--layout-default .desktop-menu a .dashicons.pressgpt-menu-dashicon,
  .header.header--layout-default .desktop-menu a i {
    flex: 0 0 auto;
  }
}