/* Banner 08: fixed-width header; original styles remain available for rollback. */
body {
  background: #ffffff linear-gradient(#a3cd3d, #c7e17f) 0 0 / 100% 110px no-repeat;
}

#header {
  position: relative;
  width: 930px;
  height: 110px;
  background: #c7e17f url(../images/layout/background/header-control-v1.webp) center no-repeat;
  background-image: image-set(url(../images/layout/background/header-control-v1.webp) 1x, url(../images/layout/background/header-control-v1@2x.webp) 2x);
  background-size: 930px 132px; /* o 1 px přes okraj nahoře i dole: ořízne světlé linky z výřezu předlohy */
  background-position: center -1px;
  margin-bottom: 93px;
}

#header .brand-logo {
  position: absolute;
  top: 10px;
  left: 35px;
  width: 240px;
  height: 55px;
  display: block;
}

#header .brand-logo img {
  display: block;
  width: 240px;
  height: auto;
}

#header .brand-logo:focus-visible {
  outline: 2px solid #324505;
  outline-offset: 3px;
}

p#motto {
  position: absolute;
  top: 74px;
  left: 35px;
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  color: #324505;
  white-space: nowrap;
}


#shl, #shr {
  position: absolute;
  top: 0px;
  width: 30px;
  height: 110px;
}

#shr {
  right: -30px;
  background: linear-gradient(to right, rgba(50, 69, 5, 0.12), transparent);
}

#shl {
  left: -30px;
  height: 110px;
  padding-top: 0;
  background: linear-gradient(to left, rgba(50, 69, 5, 0.12), transparent);
}


/* Override the dimensions in both original locale styles. */
p#motto { width: auto; height: auto; }
ul#navi { top: 111px; }
p#crumb { top: 164px; }
#shit { top: 184px; }
/* Vlajky vpravo nahoře, hledání vpravo dole; spodní ořez 20 px (vlastník 12. 11. 2026). */
#lang {
  left: auto;
  right: 8px;
  top: 8px;
}
#lang a { margin-top: 0; }
#search {
  top: 82px;
  right: 8px;
  width: 170px;
  height: 20px;
}
#search label {
  position: absolute;
  left: -9999px; /* viditelně skryto, čtečky obrazovky popisek čtou dál */
}
#search input#f_search {
  width: 124px;
  height: 16px;
  padding: 1px 5px;
  border: 1px solid rgba(199, 225, 127, 0.9);
  border-radius: 3px;
  background: rgba(18, 26, 2, 0.66);
  color: #ffffff;
}
#search input#f_search::placeholder {
  color: #e3f0bd;
  opacity: 1;
}
#search input.submit {
  border-radius: 3px;
}