@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Rye&display=swap');

/* Společná RDR2 navigace — vlastní varianta telegrafní lišty. */
body > header {
  position: sticky !important;
  z-index: 1000 !important;
  top: 0 !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%),
    repeating-linear-gradient(92deg, rgba(255,255,255,.012) 0 1px, transparent 1px 7px),
    #080807 !important;
  border: 0 !important;
  border-top: 2px solid #9a551f !important;
  border-bottom: 2px solid #5e3217 !important;
  border-radius: 0 !important;
  box-shadow:
    0 1px 0 #0e0804,
    0 7px 20px rgba(0,0,0,.58),
    inset 0 -1px 0 rgba(238,151,67,.16) !important;
}

body > header::before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 86px;
  right: 170px;
  bottom: 8px;
  height: 1px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, #b56629 16%, #b56629 84%, transparent);
  pointer-events: none;
}

body > header::after {
  content: '✦';
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 2px;
  padding: 0 7px;
  color: #bd6a2c;
  background: #080807;
  font: 8px/1 'Rye', serif;
  transform: translateX(-50%);
  pointer-events: none;
}

body > header > .logo,
body > header > .header-left {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}
body > header > .header-left .logo {
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}
body > header .logo-mark img {
  width: 54px !important;
  height: 54px !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 2px #000) saturate(.92) !important;
  transition: transform .22s ease, filter .22s ease !important;
}
body > header .logo-mark:hover img {
  transform: translateY(-1px) rotate(-2deg) scale(1.05) !important;
  filter: drop-shadow(0 3px 3px #000) saturate(1.12) !important;
}

body > header .outlaw-global-nav {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 2 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body > header .outlaw-global-nav a {
  position: relative !important;
  min-height: 64px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 clamp(10px, 1.45vw, 25px) !important;
  color: #d9d2c6 !important;
  background: transparent !important;
  border: 0 !important;
  font: 600 clamp(10px, .72vw, 13px)/1 'Oswald', sans-serif !important;
  letter-spacing: .2em !important;
  text-decoration: none !important;
  text-shadow: 1px 2px 0 #000 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: color .2s ease, background .2s ease !important;
}
body > header .outlaw-global-nav a + a::before {
  content: '·';
  position: absolute;
  left: -2px;
  color: rgba(181,99,40,.7);
  font-size: 13px;
}
body > header .outlaw-global-nav a::after {
  content: '';
  position: absolute;
  right: 24%;
  bottom: 8px;
  left: 24%;
  height: 2px;
  opacity: 0;
  background: #d2742e;
  box-shadow: 0 0 9px rgba(210,116,46,.44);
  transform: scaleX(.25);
  transition: opacity .2s ease, transform .2s ease;
}
body > header .outlaw-global-nav a:hover,
body > header .outlaw-global-nav a:focus-visible {
  color: #fff4df !important;
  background: linear-gradient(180deg, transparent, rgba(132,63,19,.16)) !important;
}
body > header .outlaw-global-nav a:hover::after,
body > header .outlaw-global-nav a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}
body > header .outlaw-global-nav a.nav-community {
  color: #e09a57 !important;
}
body > header .outlaw-global-nav a.nav-archive {
  color: #f0dfc4 !important;
}

body > header .header-right {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin: 0 !important;
}
body > header .header-right .discord-btn {
  min-width: 37px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: #f5e7d1 !important;
  background: linear-gradient(#6d3d1e, #3f2010) !important;
  border: 1px solid #a45e2c !important;
  border-bottom-color: #251007 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,207,139,.1), 2px 3px 0 rgba(0,0,0,.35) !important;
  font: 600 9px/1 'Oswald', sans-serif !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body > header .header-right .discord-btn i {
  margin: 0 !important;
  font-size: 12px !important;
}
body > header .header-right .discord-btn:hover {
  color: #231107 !important;
  background: #d48642 !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 1180px) {
  body > header {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 0 10px !important;
  }
  body > header > .logo,
  body > header > .header-left,
  body > header > .header-left .logo { width: 50px !important; }
  body > header .logo-mark img { width: 45px !important; height: 45px !important; }
  body > header .outlaw-global-nav a {
    padding-inline: clamp(6px, .8vw, 11px) !important;
    letter-spacing: .1em !important;
  }
  body > header .outlaw-global-nav a + a::before { display: none; }
  body > header .header-right .discord-btn { width: 34px !important; padding: 0 !important; font-size: 0 !important; }
}

@media (max-width: 780px) {
  body > header {
    position: sticky !important;
    min-height: 58px !important;
    grid-template-columns: 45px minmax(0, 1fr) 34px !important;
    padding: 0 7px !important;
  }
  body > header > .logo,
  body > header > .header-left,
  body > header > .header-left .logo { width: 42px !important; height: 52px !important; }
  body > header .logo-mark img { width: 40px !important; height: 40px !important; }
  body > header .outlaw-global-nav {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body > header .outlaw-global-nav::-webkit-scrollbar { display: none; }
  body > header .outlaw-global-nav a {
    min-height: 54px !important;
    padding-inline: 10px !important;
    font-size: 10px !important;
  }
  body > header::before,
  body > header::after { display: none; }
  body > header .header-right .discord-btn { width: 31px !important; height: 31px !important; min-width: 31px !important; }
  body > header .header-right .discord-btn + .discord-btn { display: none !important; }
}

/* Staré šablony mají velmi silná pravidla hlavičky; tato vrstva je sjednotí. */
body > header:not(.admin-masthead) {
  position: sticky !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  padding: 0 22px !important;
}
body > header:not(.admin-masthead) > .logo,
body > header:not(.admin-masthead) > .header-left,
body > header:not(.admin-masthead) > .header-left .logo {
  display: grid !important;
  width: 58px !important;
  min-width: 0 !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body > header:not(.admin-masthead) .logo::before,
body > header:not(.admin-masthead) .logo::after {
  display: none !important;
  content: none !important;
}
body > header:not(.admin-masthead) > nav.outlaw-global-nav {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 64px !important;
  align-self: stretch !important;
  padding: 0 !important;
  flex: none !important;
}
body > header:not(.admin-masthead) > nav.outlaw-global-nav a {
  flex: 0 0 auto !important;
}
body > header:not(.admin-masthead) > .header-right {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  padding: 0 !important;
  flex: none !important;
}
body > header:not(.admin-masthead)::before,
body > header:not(.admin-masthead)::after {
  display: block !important;
}

@media (max-width: 1180px) {
  body > header:not(.admin-masthead) {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    padding: 0 10px !important;
  }
  body > header:not(.admin-masthead) > .logo,
  body > header:not(.admin-masthead) > .header-left,
  body > header:not(.admin-masthead) > .header-left .logo {
    width: 50px !important;
    max-width: 50px !important;
  }
}
@media (max-width: 780px) {
  body > header:not(.admin-masthead) {
    grid-template-columns: 45px minmax(0, 1fr) 34px !important;
    padding: 0 7px !important;
  }
  body > header:not(.admin-masthead)::before,
  body > header:not(.admin-masthead)::after { display: none !important; }
  body > header:not(.admin-masthead) > .logo,
  body > header:not(.admin-masthead) > .header-left,
  body > header:not(.admin-masthead) > .header-left .logo {
    width: 42px !important;
    max-width: 42px !important;
    height: 52px !important;
  }
  body > header:not(.admin-masthead) > nav.outlaw-global-nav {
    min-height: 54px !important;
    height: 54px !important;
    max-height: 54px !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}