/*
 * SROVA shared site header shell
 * Version: 20260822_site_header1
 *
 * Page-specific controls deliberately remain in their existing markup
 * and retain their existing page-owned visual treatment.
 */

nav.srova-site-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 100 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 1.5rem 3rem !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.26) !important;
  border-radius: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 4, 2, 0.58) 0%,
      rgba(3, 2, 1, 0.76) 58%,
      rgba(2, 2, 2, 0.90) 100%
    ),
    url("/srova-leather-dark-brown.jpg") center 42% / cover no-repeat
    !important;

  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 220, 150, 0.07),
    inset 0 -1px 0 rgba(201, 168, 76, 0.12)
    !important;

  transition: padding 0.3s, background-color 0.3s !important;
}

nav.srova-site-header.scrolled {
  padding: 1rem 3rem !important;
  border-bottom-color: rgba(201, 168, 76, 0.30) !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 4, 2, 0.64) 0%,
      rgba(3, 2, 1, 0.82) 58%,
      rgba(2, 2, 2, 0.94) 100%
    ),
    url("/srova-leather-dark-brown.jpg") center 42% / cover no-repeat
    !important;

  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.56),
    inset 0 1px 0 rgba(255, 220, 150, 0.08),
    inset 0 -1px 0 rgba(201, 168, 76, 0.14)
    !important;
}

nav.srova-site-header .nav-brand {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;

  color: inherit !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

nav.srova-site-header .nav-wordmark-img {
  display: block !important;
  width: 128px !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;

  opacity: 0.94 !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 244, 218, 0.20))
    drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.72))
    drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45))
    !important;
  mix-blend-mode: screen !important;
}

nav.srova-site-header .nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.5rem;
  margin: 0;
  padding: 0;
}

@media (max-width: 700px) {
  nav.srova-site-header {
    padding: 1.25rem 1.5rem !important;
  }

  nav.srova-site-header.scrolled {
    padding: 1rem 1.5rem !important;
  }

  nav.srova-site-header .nav-wordmark-img {
    width: 108px !important;
  }

  nav.srova-site-header .nav-links {
    gap: 0.8rem;
  }
}