/* Tüm sayfalarda aynı header ızgarası: marka solda, navigasyon sağda. */
@media (min-width: 992px) {
  .site-header > .site-container,
  .site-header > .container,
  .lion-reference-home .site-header > .site-container,
  .lion-reference-home .site-header > .container {
    width: min(1254px, calc(100% - 48px)) !important;
    max-width: 1254px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .site-header .site-navbar {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
  }

  .site-header .menu-block-wrapper,
  .site-header .menu-block,
  .site-header .site-menu-main {
    margin-left: auto !important;
  }

  .site-header .menu-block-wrapper,
  .site-header .menu-block {
    display: flex !important;
    align-items: center !important;
  }

  .site-header .site-menu-main {
    width: max-content !important;
    justify-content: flex-end !important;
  }
}

/* WhatsApp kısa yolu yalnızca mobil header içindir. */
@media (min-width: 992px) {
  .site-header .mobile-header-whatsapp { display: none !important; }
}

@media (max-width: 991px) {
  .site-header .mobile-header-whatsapp { display: inline-flex !important; }
}

/* Aktif ve hover menü durumları aynı vurgu dilini kullanır. */
@media (min-width: 992px) {
  .site-header .site-menu-main .nav-link-item {
    position: relative !important;
    color: #302618 !important;
    transition: color .18s ease !important;
  }

  .site-header .site-menu-main .nav-link-item::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    bottom: -23px !important;
    left: 0 !important;
    display: block !important;
    height: 2px !important;
    background: #c79b5b !important;
    opacity: 0 !important;
    transform: scaleX(.35) !important;
    transform-origin: center !important;
    transition: opacity .18s ease, transform .18s ease !important;
  }

  .site-header .site-menu-main .nav-link-item:hover,
  .site-header .site-menu-main .nav-link-item.active {
    color: #b8833d !important;
  }

  .site-header .site-menu-main .nav-link-item:hover::after,
  .site-header .site-menu-main .nav-link-item.active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
  }
}