<style>

/* =========================================================
   RUMCAJZL – CUSTOM CSS (override)
   Pozn.: úpravy děláme postupně shora dolů (homepage)
   ========================================================= */

/* (A) Základní proměnné + rytmus rozestupů */
:root{
  --rc-container: 1240px;
  --rc-gutter: 16px;

  --rc-radius: 12px;
  --rc-line: 1.35;
}

/* (B) Univerzální max-width kontejnerů (bezpečné) */
:is(.container, .content-wrapper, .wide-container){
  max-width: var(--rc-container);
  padding-left: var(--rc-gutter);
  padding-right: var(--rc-gutter);
}

/* (C) Jemné zklidnění typografie (jen pokud chceš) */
body{
  line-height: var(--rc-line);
  text-rendering: optimizeLegibility;
}

/* =========================================================
   TOP NAVIGATION BAR – FINAL
   ========================================================= */

/* základ lišty */
body > div.overall-wrapper > div.top-navigation-bar{
  background-color: #232323;
  border-color: #232323;
  font-size: 13px;
  line-height: 1.25;
  color: #e6e6e6;
}

/* layout: dvě části vedle sebe */
body > div.overall-wrapper > div.top-navigation-bar > .container{
  display: flex;
  align-items: center;
}

/* levá část – odkazy (cca 65 %) */
body > div.overall-wrapper > div.top-navigation-bar > .container > :first-child{
  flex: 0 0 65%;
}

/* pravá část – přihlášení / registrace (cca 35 %) */
body > div.overall-wrapper > div.top-navigation-bar > .container > :last-child{
  flex: 0 0 35%;
  text-align: right;
}

/* odkazy – výchozí + navštívené */
body > div.overall-wrapper > div.top-navigation-bar a:link,
body > div.overall-wrapper > div.top-navigation-bar a:visited{
  color: #e6e6e6;
  text-decoration: none;
  opacity: 0.9;
}

/* hover + active */
body > div.overall-wrapper > div.top-navigation-bar a:hover,
body > div.overall-wrapper > div.top-navigation-bar a:active{
  color: #ffffff;
  text-decoration: underline;
  opacity: 1;
}

/* drobné rozestupy vpravo */
body > div.overall-wrapper > div.top-navigation-bar > .container > :last-child a{
  margin-left: 12px;
  white-space: nowrap;
}

/* =========================================================
   TOP NAVIGATION BAR – align with header logo
   ========================================================= */

body > div.overall-wrapper > div.top-navigation-bar > .container{
  padding-left: 32px;
}

/* =========================================================
   TOP NAV – fix hover color for right section (login)
   ========================================================= */

/* pravá část top lišty – odkazy */
body > div.overall-wrapper > div.top-navigation-bar
     > .container > :last-child a{
  color: #e6e6e6;
}

/* hover / focus / active – NIKDY neztmavnout */
body > div.overall-wrapper > div.top-navigation-bar
     > .container > :last-child a:hover,
body > div.overall-wrapper > div.top-navigation-bar
     > .container > :last-child a:focus,
body > div.overall-wrapper > div.top-navigation-bar
     > .container > :last-child a:active{
  color: #ffffff;
  text-decoration: underline;
}



/* =========================================================
   HEADER – spacing + no-wrap layout (FINAL)
   ========================================================= */

/* vnitřní řádek headeru: odsazení + zabránit zalomení */
body :is(#header, header, .header)
     :is(.header-top, .header-row, .header-in, .site-header-in, .header__inner){
  padding-left: 16px;
  padding-right: 16px;
  flex-wrap: nowrap;
}

/* logo: jemné odsazení od kraje
   Pozn.: Pokud by někdy padding na headeru stačil, tento margin můžeš dát na 0. */
body :is(#header, header, .header)
     :is(.site-name, .site-logo, .logo, .header-logo){
  margin-left: 16px;
}

/* pravý blok (košík/účet): vždy doprava + nikdy nezalamovat */
body :is(#header, header, .header)
     :is(.navigation-buttons, .header-links, .header-actions, .header__actions){
  margin-left: auto;
  white-space: nowrap;
}

/* vyhledávání: smí se zúžit, aby košík nespadl na další řádek */
body :is(#header, header, .header)
     :is(.search, .search-form, .header-search, #search){
  min-width: 0;
  flex: 1 1 auto;
}

/* =========================================================
   HEADER – search: radius + subtle grey border (step 1)
   ========================================================= */

body :is(#header, header, .header) input[type="search"],
body :is(#header, header, .header) input[name="q"],
body :is(#header, header, .header) input[name="string"]{
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}

/* =========================================================
   HEADER – search: softer white + centered placeholder
   ========================================================= */

body :is(#header, header, .header) input[type="search"],
body :is(#header, header, .header) input[name="q"],
body :is(#header, header, .header) input[name="string"]{
  color: rgba(0,0,0,0.70);   /* méně „svítivá“ než čistá černá */
  text-align: center;        /* zarovnání psaného textu */
}

/* placeholder (nápověda) */
body :is(#header, header, .header) input[type="search"]::placeholder,
body :is(#header, header, .header) input[name="q"]::placeholder,
body :is(#header, header, .header) input[name="string"]::placeholder{
  color: rgba(255,255,255,0.65);   /* jemná šedá, čitelná na bílé */
  text-align: center;
}
/* =========================================================
   HEADER SEARCH – icon (magnifier)
   ========================================================= */

#formSearchForm > fieldset > span{
  color: rgba(255,255,255,0.45);   /* jemná šedá */
  opacity: 1;                /* viditelná pořád */
  transition: color 150ms ease;
}

/* hover efekt – lehce tmavší */
#formSearchForm > fieldset > span:hover{
  color: rgba(255,255,255,0.45);
}

/* =========================================================
   HEADER SEARCH – optical centering (text vs icon)
   ========================================================= */

body :is(#header, header, .header)
     input[type="search"],
body :is(#header, header, .header)
     input[name="q"],
body :is(#header, header, .header)
     input[name="string"]{
  padding-left: 14px;
  padding-right: 14px;     /* stejné jako vlevo */
  text-align: center;
}

</style>

