/* ==========================================================================
   2. HEADER ARCHITECTURE & LAYOUT
   ========================================================================== */
.site-header {
  background-color: #f4eee5 !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  border: none !important;
}

.site-header .site-search,
.site-search,
.widget_product_search {
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
  float: none !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.header-main-row {
  display: grid !important;
  grid-template-columns: 1fr max-content 1fr !important;
  align-items: center !important;
  padding: 16px 0 !important;
}

.site-branding {
  grid-column: 2 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
}

.site-branding img,
.site-branding .custom-logo {
  height: 65px !important;
  width: auto !important;
}

.header-actions {
  grid-column: 3 !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.header-account-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  margin: 0 !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

.header-account-svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  stroke: #111111 !important;
  margin: 0 !important;
}


/* ==========================================================================
   ÜST BAR — #masthead'in üzerinde, sağa yaslı yatay menü
   Menü konumu: "Üst Bar (Header üstünde, sağda)" (sfc_top_bar)
   Markup: header.php → .sfc-top-bar
   ========================================================================== */
.sfc-top-bar {
  background-color: #1c1c1c !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.sfc-top-bar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 38px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.sfc-top-bar__menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px 22px !important;
}

.sfc-top-bar__menu li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.sfc-top-bar__menu a {
  display: inline-block !important;
  color: #e2dacd !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  transition: color 0.15s ease !important;
}

.sfc-top-bar__menu a:hover,
.sfc-top-bar__menu a:focus,
.sfc-top-bar__menu .current-menu-item > a,
.sfc-top-bar__menu .current_page_item > a {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .sfc-top-bar__inner {
    justify-content: center !important;
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .sfc-top-bar__menu {
    justify-content: center !important;
    gap: 6px 16px !important;
  }
  .sfc-top-bar__menu a {
    font-size: 12px !important;
  }
}