/* Ujdeto Organic overlay — / only.
   Restyles LIVE homepage DOM toward Claude Organic handoff (tokens in organic.css).
   Does NOT touch /nahled/ or live default.css. Desktop-first; mobile ok.
   Keep forms, voting, login, pokec posting intact. */

/* ========== Reset / box model ========== */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
img, iframe, object, embed, video {
  max-width: 100%;
  height: auto;
}
#pokec img:not(#xoknogif),
#pkchlp img,
#pokec_kecy img,
#pokec_0 img,
#pokec_1 img,
#pokec_2 img,
#pokec_3 img,
#pokec_4 img,
#sady img {
  max-width: none;
  height: auto;
}
input, select, textarea, button {
  max-width: 100%;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
}
.hitparada .skladba,
.hitparada .detaily {
  overflow-wrap: anywhere;
}
table {
  max-width: 100%;
}

/* ========== Page: warm ground, readable type ========== */
html, body {
  background-color: var(--color-bg, #f5ead8) !important;
  overflow-x: hidden;
  max-width: 100%;
}
body {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: var(--color-text, #201e1d);
}
p {
  font-size: 16px !important;
  line-height: 1.45 !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
#pokec p,
#pokec_kecy p,
#pokec #zpravy p,
#pokec #sady p {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-top: inherit !important;
  margin-bottom: inherit !important;
}
h1, h2.hlavni {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin-top: 8px !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  letter-spacing: 0 !important;
  background-image: none !important;
  border-bottom: 3px solid var(--color-accent, #c67139);
}
h2 {
  font-size: 20px !important;
}
h3 {
  font-size: 18px !important;
  margin-bottom: 10px;
}
.hitparada h2 {
  font-size: 20px !important;
  margin-top: 24px !important;
  border-bottom: none;
  background: none !important;
}
.stredni {
  font-size: 15px !important;
}

.tlacitko {
  height: auto !important;
  min-height: 36px;
  padding: 8px 16px !important;
  border-radius: 8px;
  font-size: 15px !important;
  line-height: 1.2 !important;
  cursor: pointer;
}

/* empty leftover ads */
#obsah > div[style*="right:-126"] {
  display: none !important;
}
body > div[style*="width:728px"] {
  display: none !important;
}
.leve_menu:not(:has(*)) {
  display: none;
}
div[style*="margin:15px 0px"]:not(:has(*)) {
  display: none;
}

/* ========== Shell: #obal ========== */
#obal {
  width: 100% !important;
  max-width: 1400px !important;
  padding: 20px 16px 40px !important;
  margin-left: auto;
  margin-right: auto;
  top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 24px;
  row-gap: 0;
  box-sizing: border-box;
}

/* ========== Header: logo + one search bar ========== */
#hlavicka_obal {
  order: 1;
  flex: 1 0 100%;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
#hlavicka {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  padding: 12px 0 8px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
}
#logo {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto;
}
#logo img {
  display: block;
  width: 207px;
  max-width: 100%;
  height: auto;
}

/* hamburger: desktop hidden; checkbox stays for :checked sibling selectors */
#nav-toggle,
.nav-toggle,
#nav-burger {
  display: none !important;
}

#vyhledavani {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  flex: 1 1 360px;
  min-width: 0;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  text-align: left;
  background-color: #ffffff !important;
  border: 2px solid var(--color-accent, #c67139);
  border-radius: 8px;
  overflow: hidden;
}
#vyhledavani p {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  margin: 0 !important;
  padding: 0;
  font-size: inherit !important;
}
#vyhledavani input.text {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  margin: 0 !important;
  padding: 10px 14px !important;
  height: 40px !important;
  font-size: 16px !important;
  border: none !important;
  background: transparent !important;
  outline: none;
}
#vyhledavani select {
  flex: 0 0 auto;
  max-width: 180px;
  margin: 0 !important;
  padding: 8px 10px !important;
  height: 40px !important;
  font-size: 15px !important;
  border: none !important;
  border-left: 1px solid var(--color-neutral-300, #dcd3c4) !important;
  background: #ffffff !important;
  color: #111;
}
#vyhledavani .tlacitko {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 108px;
  height: 40px !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 18px !important;
  font-size: 16px !important;
  font-weight: bold;
  border-radius: 0 !important;
  border: none !important;
  background-color: var(--color-accent, #c67139) !important;
  color: #ffffff !important;
}

/* ========== Nav: full-width orange bar, 40px buttons ========== */
#obal > #hlavicka_obal,
#obal > #navigace,
#obal > #abeceda {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}
#navigace {
  order: 2;
  flex: 1 0 100%;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  height: auto !important;
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 6px;
  margin: 0 0 4px !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: transparent;
  border-radius: 0;
  box-sizing: border-box;
}
#navigace li,
#navigace li.first {
  float: none !important;
  width: auto !important;
  height: auto !important;
  flex: 1 1 0;
  min-width: 0;
}
#navigace li h2 {
  font-size: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  font-variant: normal !important;
  letter-spacing: 0 !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-align: inherit;
}
#navigace li a,
#navigace li.first a {
  width: auto !important;
  min-width: 0;
  height: 40px !important;
  padding: 0 12px;
  line-height: 40px !important;
  font-size: 13px !important;
  font-weight: bold;
  border-radius: 8px;
  border: none !important;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#navigace li a {
  color: var(--color-neutral-100, #f9f4ed) !important;
}
#navigace li:nth-child(odd) a {
  background-color: var(--color-accent-600, #b2622d) !important;
}
#navigace li:nth-child(even) a {
  background-color: var(--color-accent-700, #8c491a) !important;
}
#navigace li a:hover,
#navigace li a:active,
#navigace li a:focus,
#navigace li.aktivni a {
  border: none !important;
}
#navigace li a:hover,
#navigace li a:focus {
  background-color: var(--color-accent-500, #d67f48) !important;
  color: var(--color-neutral-100, #f9f4ed) !important;
}
#navigace li.aktivni a {
  background-color: var(--color-accent, #c67139) !important;
  color: #ffffff !important;
}

/* ========== A–Ž chips: desktop ONE LINE, kill leftover 72px/absolute hole ========== */
#abeceda {
  order: 3;
  flex: 1 0 100%;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin: 4px 0 10px !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#abeceda a {
  float: none !important;
  display: inline-flex !important;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: none;
  min-height: 36px;
  height: 36px;
  padding: 8px 0 !important;
  margin: 0 !important;
  border-radius: 8px;
  background-color: var(--color-accent-200, #ffe1d0) !important;
  border: 1px solid var(--color-accent-400, #f6a06b) !important;
  color: var(--color-accent, #c67139) !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
  text-align: center;
}
#abeceda a:hover,
#abeceda a:focus {
  background-color: var(--color-accent, #c67139) !important;
  color: #ffffff !important;
  border-color: var(--color-accent-600, #b2622d) !important;
}

/* ========== Three columns ========== */
#levy_sloupec {
  order: 4;
  float: none !important;
  width: 290px !important;
  flex: 0 0 290px;
  min-width: 280px;
  max-width: 100%;
  overflow: visible;
}
#obsah {
  order: 4;
  float: none !important;
  width: auto !important;
  flex: 1 1 0%;
  min-width: 0;
  max-width: calc(100% - 344px); /* leave room for pokec + gap so it stays on one row */
}
#obsah:has(.hitparada) {
  max-width: none !important;
}
#pravy_sloupec {
  order: 4;
  float: none !important;
  width: 320px !important;
  flex: 0 0 320px;
  min-width: 300px;
  max-width: 340px;
}
.cistic {
  order: 5;
  flex: 1 0 100%;
  width: 100%;
}
#paticka {
  order: 6;
  flex: 1 0 100%;
  width: 100%;
  margin-top: 16px;
  border-radius: 8px;
  overflow: hidden;
}
#paticka p {
  font-size: 14px !important;
}

/* homepage variant B: no 243px left rail; chart + pokec share the width */
#obsah:has(.hitparada) {
  display: block !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
#obsah:has(.hitparada) > div[style*="width:243px"],
#obsah:has(.hitparada) > #levy_sloupec,
#obsah:has(.hitparada) > .coje,
#obsah:has(.hitparada) .leve_menu,
#obsah:has(.hitparada) #udaje,
#obsah:has(.hitparada) #prihlaseni,
#obsah:has(.hitparada) > div[style*="width:243px"] > form,
#obsah:has(.hitparada) > div[style*="width:243px"] > h3 {
  display: none !important;
}
#obsah:has(.hitparada) > .hitparada {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  min-width: 0 !important;
}

/* ========== Cards: login, co je, klikárna ========== */
.formular_ve_sloupci,
#prihlaseni,
#klikarna,
.coje {
  border-radius: 8px;
  padding: 16px !important;
}
.sloupec h3,
#pravy_sloupec h3,
#obsah > div > h3 {
  font-size: 16px !important;
  padding: 4px 4px 10px !important;
  margin-bottom: 8px !important;
}

#prihlaseni {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px !important;
}
#prihlaseni p {
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 15px !important;
}
#prihlaseni label {
  float: none !important;
  display: block;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-align: left;
}
#prihlaseni input[type="text"],
#prihlaseni input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px;
  padding: 8px 10px;
  border: 1px solid var(--color-accent-600, #b2622d);
  border-radius: 6px;
  font-size: 16px;
  background: #ffffff;
}
#prihlaseni .kod {
  position: static !important;
  top: auto !important;
  margin: 0 8px 0 0;
  height: 28px;
  width: auto;
}
#prihlaseni #kodinp {
  width: 4.5em !important;
  max-width: 5em;
  height: 40px;
  font-size: 18px;
  letter-spacing: 2px;
  text-align: center;
  display: inline-block;
}
#prihlaseni p.doprava {
  width: 100%;
  text-align: left;
  margin: 4px 0 0 !important;
}
#prihlaseni .tlacitko {
  width: 100% !important;
  min-height: 40px;
  height: 40px !important;
  font-size: 16px !important;
  font-weight: bold;
}
#prihlaseni p[style*="margin-top"] {
  width: 100%;
  margin-top: 4px !important;
  font-size: 15px !important;
  color: #333 !important;
}
#prihlaseni p[style*="margin-top"] a {
  font-size: 15px !important;
}

.leve_menu {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.leve_menu h3 {
  padding: 10px 14px !important;
  font-size: 15px !important;
}
.leve_menu .plocha {
  padding: 8px 0;
}
.leve_menu .plocha li {
  margin: 10px 14px 12px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.leve_menu .text li {
  padding-left: 28px;
}

/* logged-in left column: MOJE ÚDAJE — flex rows, not 26px floats */
#udaje {
  list-style: none;
  margin: 0;
  padding: 0;
}
#udaje li,
.leve_menu #udaje li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  min-height: 36px;
  height: auto !important;
  float: none !important;
  font-size: 14px !important;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}
#udaje li span,
.leve_menu #udaje li span {
  float: none !important;
  padding: 6px 10px;
  box-sizing: border-box;
}
#udaje li span.vlevo,
.leve_menu #udaje li span.vlevo {
  display: flex !important;
  float: none !important;
  flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
#udaje li span.vpravo,
.leve_menu #udaje li span.vpravo {
  display: flex !important;
  float: none !important;
  flex: 1 1 60%;
  width: auto;
  align-items: center;
  text-align: left;
}

.coje {
  float: none;
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  border-radius: 8px;
}
.coje ul li {
  font-size: 15px !important;
  line-height: 1.45;
  margin-bottom: 10px;
}

#klikarna table,
#fanparada table {
  width: 100%;
  max-width: 100%;
}
#klikarna table th,
#klikarna table td,
#fanparada table th,
#fanparada table td {
  font-size: 13px !important;
  padding: 8px 6px !important;
}

/* ========== Hitparáda CARDS ========== */
.hitparada .radek {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 4px;
  align-items: center;
  position: relative;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid var(--color-accent-400, #f6a06b);
  border-radius: 8px;
  padding: 16px 16px 16px 12px !important;
  margin-bottom: 10px !important;
}
.hitparada .radek.zvyraznit,
.hitparada .zvyraznit {
  background-color: var(--color-accent-200, #ffe1d0) !important;
}
.hitparada .radek h3 {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  font-weight: bold;
  font-variant: normal !important;
}
.hitparada h3 span.poradi {
  display: block;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  min-width: 1.2em;
  flex: 0 0 auto;
  font-size: 32px !important;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  margin-left: 0 !important;
  letter-spacing: -1px;
  color: var(--color-text, #201e1d);
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
}
.hitparada h3 span.top {
  color: var(--color-accent, #c67139);
}
.hitparada h3 span.skladba {
  display: block;
  padding-left: 0 !important;
  font-size: 19px !important;
  font-variant: normal;
  line-height: 1.3;
  flex: 1 1 auto;
  min-width: 0;
}
.hitparada p.detaily {
  grid-column: 1;
  grid-row: 2;
  padding-left: 60px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.hitparada .doprava {
  margin-bottom: 20px;
  font-size: 15px !important;
}

/* vote 1/2/3 — real buttons, no podium gif. IDs repeat: scope to .hlasuj */
.hitparada .hlasuj {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none !important;
  background-image: none !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  font-size: inherit;
}
.hitparada .hlasuj a {
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px;
  background: var(--color-bg, #f5ead8);
  border: 2px solid var(--color-accent, #c67139);
  color: var(--color-accent, #c67139) !important;
  font-size: 16px !important;
  font-weight: bold;
  text-decoration: none;
  line-height: 1 !important;
  box-sizing: border-box;
}
.hitparada .hlasuj a:hover,
.hitparada .hlasuj a:focus {
  background: var(--color-accent, #c67139);
  color: #ffffff !important;
  border-color: var(--color-accent-600, #b2622d);
}
.hitparada .hlasuj a[id="misto1"],
.hitparada .hlasuj a[id="misto2"],
.hitparada .hlasuj a[id="misto3"] {
  background: var(--color-bg, #f5ead8);
  color: var(--color-accent, #c67139) !important;
  border-color: var(--color-accent, #c67139);
}
.hitparada .hlasuj a[id="misto1"] { order: 1; }
.hitparada .hlasuj a[id="misto2"] { order: 2; }
.hitparada .hlasuj a[id="misto3"] { order: 3; }
.hitparada .radek:has(.poradi.m1) .hlasuj a[id="misto1"],
.hitparada .radek:has(.poradi.sm1) .hlasuj a[id="misto1"],
.hitparada .radek:has(.poradi.m2) .hlasuj a[id="misto2"],
.hitparada .radek:has(.poradi.sm2) .hlasuj a[id="misto2"],
.hitparada .radek:has(.poradi.m3) .hlasuj a[id="misto3"],
.hitparada .radek:has(.poradi.sm3) .hlasuj a[id="misto3"],
.hitparada .radek:has(.poradi.lm3) .hlasuj a[id="misto3"] {
  background: var(--color-accent, #c67139);
  color: #fff !important;
  border-color: var(--color-accent-700, #8c491a);
}
.hitparada .radek:has(.poradi.m1),
.hitparada .radek:has(.poradi.sm1),
.hitparada .radek:has(.poradi.m2),
.hitparada .radek:has(.poradi.sm2),
.hitparada .radek:has(.poradi.m3),
.hitparada .radek:has(.poradi.sm3),
.hitparada .radek:has(.poradi.lm3) {
  background-color: var(--color-accent-200, #ffe1d0) !important;
}
.hitparada .hlasuj a[id="misto1"]:hover,
.hitparada .hlasuj a[id="misto1"]:focus,
.hitparada .hlasuj a[id="misto2"]:hover,
.hitparada .hlasuj a[id="misto3"]:hover {
  background: var(--color-accent-500, #d67f48);
  color: var(--color-neutral-100, #f9f4ed) !important;
  border-color: var(--color-accent-600, #b2622d);
}

/* ========== Vote form: labels above, big HLASOVAT ========== */
#obsah form .fieldset {
  overflow: visible;
  border-radius: 8px;
  padding: 0 18px 18px !important;
  margin-top: 8px;
}
#obsah form .fieldset h4 {
  margin-left: -18px;
  margin-right: -18px;
  margin-top: 16px !important;
  margin-bottom: 16px;
  padding: 12px 18px;
  font-size: 18px !important;
  border-radius: 8px 8px 0 0;
}
table.hlastab,
table.hlastab2 {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  margin: 8px 0 !important;
}
table.hlastab,
table.hlastab tbody,
table.hlastab tr,
table.hlastab2,
table.hlastab2 tbody,
table.hlastab2 tr {
  display: block;
  width: 100% !important;
}
table.hlastab td,
table.hlastab2 td {
  display: block;
  width: 100% !important;
  max-width: 100%;
  padding: 6px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  vertical-align: middle;
  font-size: 15px;
  text-align: left !important;
}
table.hlastab .tdr,
table.hlastab td.tdr {
  width: 100% !important;
}
#nhitform input,
#nhitform select,
table.hlastab2 input,
table.hlastab2 select {
  width: 100% !important;
  max-width: 100%;
  height: 44px;
  min-height: 44px;
  font-size: 16px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 6px;
}
#nhitform .tlacitko,
#nhitform input.tlacitko {
  width: 100% !important;
  min-height: 44px;
}
input.tvyber,
select.tvyber,
table.hlastab input.tvyber {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px;
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}
#kkod {
  height: 40px !important;
  width: 5em !important;
  font-size: 18px !important;
  border-radius: 6px;
  border: 1px solid #ccc;
}
#hlasovat {
  min-width: 200px;
  min-height: 48px !important;
  height: 48px !important;
  padding: 12px 28px !important;
  font-size: 18px !important;
  font-weight: bold;
  border-radius: 8px;
}
#nhlasovatform .tlacitko {
  min-height: 40px;
  margin: 4px 6px 4px 0;
}
#koddiv textarea {
  width: 100% !important;
  max-width: 100%;
}

/* ========== Pokec: fluid card, readable, unified 8px corners ========== */
#pokec,
#pokec.formular_ve_sloupci {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0;
  margin-right: 0 !important;
  margin-bottom: 16px;
  box-sizing: border-box;
  border-radius: 8px !important;
  padding: 12px !important;
  overflow: visible;
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-accent-400, #f6a06b) !important;
  border-top: 3px solid var(--color-accent, #c67139) !important;
}
#pokec > * {
  margin: 0 !important;
}
/* only column titles — do NOT wipe #pokec_kecy nick/time chip backgrounds */
#pravy_sloupec > h3 {
  color: var(--color-accent, #c67139) !important;
  background: transparent !important;
}
/* room for #xoknogif so it never covers Pokec [6:00-21:59] */
#pokec h2,
#pokec #pokec_nadpis {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 36px 4px 8px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2 !important;
  color: var(--color-accent, #c67139) !important;
  background: transparent !important;
}

/* every visible pokec box: 8px (override square table/default.css corners) */
#pokec h2,
#pokec #pokec_nadpis,
#pokec_jmenodiv,
#pokec_edit,
iframe#pokec_edit,
#pkchlp,
#pokec_kecy,
#pokec_kecy > div,
#pokec_menua span,
#pokec .tlacitko,
#pokec_odeslat,
#pokec_odeslat.tlacitko,
#pokec #sady,
#pokec #zpravy,
#pokec #zpravy h4 {
  border-radius: 8px !important;
}
/* h3/p inside message cards: radius 0 — only the card wrapper is rounded */
#pokec_kecy h3,
#pokec_kecy p,
#pokec #zpravy p {
  border-radius: 0 !important;
}

#pokec_kecy,
#pokec_edit,
#pokec_odeslat,
#pokec_jmenodiv,
#pkchlp,
#pokec_smiliebar,
#pokec #sady,
#pokec #sady p,
#pokec input#komu,
#pokec .edit_pole,
#pokec .tlacitko {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#pokec_kecy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 420px !important;
  font-size: 13px !important;
  overflow: auto !important;
}
#pokec_kecy p,
#pokec_kecy > div > p {
  grid-column: 1 / -1;
  flex: 1 0 100%;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 0 !important;
}

/* Typed message bodies: Organic uses LIGHT card tints — keep dark ink text.
   (Old dark #990000/#663300 inline bgs are overridden later; do not force light text.) */
#pokec_kecy p.pro_me,
#pokec_kecy p.ode_me,
#pokec_kecy p.soukroma,
#pokec #zpravy p.pro_me,
#pokec #zpravy p.ode_me,
#pokec #zpravy p.soukroma,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec_kecy p[style*="#990000"] {
  color: var(--color-text, #201e1d) !important;
}
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  position: relative;
  display: block;
  flex: 0 0 auto; /* do not shrink in #pokec_kecy column flex — overflow:hidden would crush cards */
  min-height: min-content;
  background: #F5F0E6;
  border: 1px solid #C9A06A;
  border-radius: 8px !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
#pokec_kecy h3 .x,
#pokec_kecy h3 img.x,
#pokec_kecy > div > h3 .x,
#pokec_kecy > div > h3 img.x {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  left: auto !important;
  transform: translateY(-50%);
  z-index: 2;
  margin: 0 !important;
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0;
  align-self: center;
  grid-column: auto;
  grid-row: auto;
}
#pokec_kecy > div > .x,
#pokec_kecy > div > img.x {
  position: absolute !important;
  top: 4px !important;
  right: 6px !important;
  left: auto !important;
  z-index: 2;
  margin: 0 !important;
  width: 14px;
  height: 14px;
}

/* nick + time on ONE line (addComent: h3 > span > nick + nested time chip) */
#pokec_kecy h3,
#pokec_kecy > div > h3,
#pokec #zpravy h4 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-variant: normal !important;
  font-weight: bold;
  min-height: 22px;
  height: auto !important;
  max-height: none;
  margin: 0 !important;
  position: relative;
  padding: 6px 28px 6px 10px !important;
  box-sizing: border-box;
  border-radius: 0 !important;
}
#pokec_kecy h3 *,
#pokec #zpravy h4 * {
  white-space: nowrap !important;
}
#pokec_kecy h3 img,
#pokec_kecy h3 > img,
#pokec #zpravy h4 img,
#pokec #zpravy h4 span.hodnost {
  flex: 0 0 auto;
  width: 14px !important;
  height: 14px !important;
  max-width: none;
  float: none !important;
}
#pokec_kecy h3 > span,
#pokec #zpravy h4 span.jmeno {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  flex: 0 1 auto; /* time chip sits beside nick; shrink if needed, never grow into a bar */
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  margin: 0 !important;
  margin-left: 4px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
/* purple/night time chip: sit beside nick, shrink if needed, never wrap under */
#pokec_kecy h3 > span > span,
#pokec_kecy h3 font {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  margin-left: 4px !important;
}
/* restore nick/time chip coloring (inline styles + live orange fallback) */
#pokec_kecy h3,
#pokec_kecy > div > h3 {
  /* do not force background/color — live JS paints own/private/night chips */
  background-clip: padding-box;
}
#pokec_kecy h3:not([style*="background"]),
#pokec_kecy > div > h3:not([style*="background"]) {
  background: #8B4518 !important;
  color: var(--color-text, #201e1d);
}


#pokec_edit {
  display: block !important;
  height: 72px !important;
  font-size: 14px !important;
  overflow: auto;
}
#pokec_jmenodiv {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 6px 10px !important;
  font-size: 15px !important;
  background: var(--color-bg, #f5ead8);
  border: 1px solid var(--color-accent, #c67139);
  border-radius: 8px !important;
  box-sizing: border-box;
  margin-top: 0 !important;
  white-space: nowrap;
}
#pokec_jmeno,
#pokec_jmenodiv input {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  min-height: 32px;
  height: 32px !important;
  font-size: 15px !important;
  padding: 4px 8px;
  text-align: left !important;
  border: 1px solid var(--color-accent, #c67139) !important;
  border-left: 1px solid var(--color-accent, #c67139) !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  letter-spacing: 0;
  box-sizing: border-box;
}
#pokec .tlacitko,
#pokec_odeslat .tlacitko,
#pokec_odeslat {
  width: 100% !important;
  min-height: 40px;
  height: auto !important;
  font-size: 15px !important;
  border-radius: 8px !important;
}
#pkchlp {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 6px 10px !important;
  box-sizing: border-box;
  background: var(--color-accent-600, #b2622d) !important;
  background-image: none !important;
  background-size: auto;
  border-radius: 8px !important;
  overflow: visible;
  color: var(--color-neutral-100, #f9f4ed) !important;
}
#pkchlp p {
  display: flex !important;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
#pkchlp div {
  display: none !important;
}
#pkchlp img,
#pkchlp #statut {
  float: none !important;
  display: block;
  flex: 0 0 15px;
  width: 15px !important;
  height: 15px !important;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  filter: brightness(0) invert(1);
}
#pkchlp input,
#pkchlp #hlpt {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--color-neutral-100, #f9f4ed) !important;
  font-size: 12px !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  overflow: hidden;
}

/* sada pills: compact ~24px horizontal chips (not tall bars) */
#pokec #sady {
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  margin-bottom: 6px;
  border-radius: 8px !important;
}
#pokec #sady p {
  width: 100% !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 3px;
  height: auto !important;
}
#pokec #sady p span.sada {
  float: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  flex: 1 1 0;
  min-width: 0;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 6px !important;
  box-sizing: border-box;
  border-radius: 8px !important;
  background-color: var(--color-accent-600, #b2622d) !important;
  color: #ffffff;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* sady + smilies = one block (wrapper from nahled JS, or adjacent) */
.pokec-sady-blok {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0 !important;
  width: 100%;
}
#pokec_smiliebar {
  position: static;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: stretch;
  gap: 3px;
  padding: 3px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible;
  background: var(--color-accent, #c67139);
  border-radius: 8px 8px 0 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
#pokec_smiliebar a,
#pokec_smiliebar a.sada,
#pokec_smiliebar a.sada-aktiv {
  display: inline-flex !important;
  flex: 1 1 0;
  flex-direction: row !important;
  width: auto !important;
  max-width: none;
  min-width: 0;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  align-items: center;
  justify-content: center;
  padding: 0 4px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--color-accent-600, #b2622d) !important; /* inactive darker-orange pill */
  font-size: 11px !important;
  font-weight: bold;
  line-height: 1 !important;
  box-sizing: border-box;
}
/* active: initial .sada-aktiv (no JS inline yet) OR JS-set black */
#pokec_smiliebar a.sada-aktiv:not([style]),
#pokec_smiliebar a[style*="var(--color-text, #201e1d)"],
#pokec_smiliebar a[style*="#000"],
#pokec_smiliebar a[style*="rgb(0, 0, 0)"] {
  background: var(--color-text, #201e1d) !important;
}

/* smiley palette: compact, 8px, don't dominate the column */
/* message card radius/gap owned by #pokec_kecy > div rules above */
#pokec_kecy > div[id^="z"] {
  border-radius: 8px !important;
  overflow: hidden;
  margin-bottom: 0;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  max-width: 100%;
  box-sizing: border-box;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 4px 6px !important;
  background: #F5E8B8 !important;
  text-align: center;
  border-radius: 0 0 8px 8px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}
#pokec_0 img, #pokec_1 img, #pokec_2 img, #pokec_3 img, #pokec_4 img {
  max-height: none !important;
  height: auto !important;
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto;
}
/* do not force all panes visible — JS toggles none/block; default Sada 1 is #pokec_0 */
#pokec_0 {
  display: flex;
}
#pokec_0[style*="display: block"],
#pokec_1[style*="display: block"],
#pokec_2[style*="display: block"],
#pokec_3[style*="display: block"],
#pokec_4[style*="display: block"] {
  display: flex !important;
}

/* X-okno trigger: JS vipInit() sets display:block when logged in.
   Do not force display:none — HTML default is none. Sit in #pokec corner, not on Sada tabs. */
img#xoknogif,
#xoknogif {
  display: none !important;
}

/* ========== X-okno (#vipOkno): real content (visitors table, profil form) ========== */
#vipOkno {
  position: fixed !important;
  top: 8vh !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  display: flex !important;
  flex-direction: column;
  width: min(720px, 96vw) !important;
  height: min(80vh, 560px) !important;
  z-index: 200;
  border: 1px solid #ffc6c6;
  border-radius: 8px;
  background: var(--color-text, #201e1d);
  color: #f0f0f0;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  overflow: hidden;
}
#levy_sloupec #vipOkno,
#obsah #vipOkno {
  right: auto !important;
  left: 50% !important;
  top: 8vh !important;
}
/* JS vipOpen() sets display:block; keep flex layout only while open. Never force-show. */
#vipOkno[style*="display: none"],
#vipOkno[style*="display:none"] {
  display: none !important;
}
#vipMenu {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  height: auto !important;
  min-height: 36px;
  width: 100% !important;
  top: auto;
  left: auto;
  padding: 8px 72px 8px 10px; /* room for close/min IMGs */
  box-sizing: border-box;
  background: var(--color-accent-800, #643312);
  border: none;
  border-bottom: 1px solid var(--color-accent, #c67139);
  letter-spacing: 0;
}
#vipMenu a {
  position: relative !important;
  top: auto !important;
  left: auto !important; /* override inline left:0/90/190/243/330px */
  padding: 6px 10px;
  text-decoration: none !important;
  color: #ffffff;
  font-weight: bolder;
  font-size: 14px;
  line-height: 1.3;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 8px;
}
#vipMenu a:hover {
  color: var(--color-text, #201e1d);
  text-decoration: none;
  background: var(--color-accent, #c67139);
}
/* 3 close/minimize IMGs: keep inside 8px header, not hanging outside */
#vipMenu img {
  position: absolute !important;
  top: 6px !important;
  max-width: none;
  z-index: 2;
  cursor: pointer;
}
#vipMenu img[src*="xcloseall"],
#vipMenu img[alt*="Zavřít X-Okno"] {
  right: 8px !important;
}
#vipMenu img[src*="xcloseakt"],
#vipMenu img[alt*="aktuální"] {
  right: 28px !important;
}
#vipMenu img[src*="xminimize"],
#vipMenu img[alt*="Schovat"] {
  right: 48px !important;
}
#vipPlocha {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  width: 100% !important;
  height: auto;
  top: auto;
  left: auto;
  overflow: auto;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  color: #f0f0f0;
  background: var(--color-text, #201e1d);
  box-sizing: border-box;
  padding: 10px 12px;
  font-size: 14px;
}
#vipPlocha table,
#vipPlocha table[style*="width:458"],
#vipPlocha table[style*="width:460"],
table[style*="width:458"],
table[style*="width:460"] {
  width: 100% !important;
  max-width: 100%;
  table-layout: auto;
  font-size: 13px;
  box-sizing: border-box;
}
#vipPlocha,
#vipPlocha > b,
#vipPlocha label,
#vipMujProfil,
#vipMujProfil label {
  color: #ffc6c6 !important;
}
/* Default visitor rows: light text on dark rank colors (inline bg). */
#vipSeznam tr,
#vipSeznam td {
  color: #ffffc6 !important;
}
#vipPlocha input,
#vipPlocha select,
#vipMujProfil input,
#vipMujProfil select {
  color: var(--color-text, #201e1d) !important;
  background: #ffc6c6;
}
#nastavSerad,
#nastavZdroj {
  width: 100% !important;
  min-height: 44px;
}
#vipPlocha td {
  word-break: break-word;
  overflow-wrap: anywhere;
  vertical-align: middle;
}
/* D S I B H (and X) action spans — tap targets */
#vipPlocha td span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  box-sizing: border-box;
}
#vipPlocha input,
#vipPlocha select,
#vipMujProfil input,
#insertArea input,
#insertArea select {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
}
#vipMujProfil,
#insertArea,
#vipSmajlici,
#vipSoukromky,
#vipPlocha form {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
#vipSeznam {
  /* display: JS sets none then block — do not override */
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
}
#vipOtevrenaOkna {
  position: relative;
  flex: 0 0 auto;
  width: 100% !important;
  left: auto;
  bottom: auto;
  box-sizing: border-box;
  background: #ffc6c6;
  color: var(--color-text, #201e1d);
  font-size: 12px;
  font-weight: bolder;
  padding: 4px 8px;
  min-height: 22px;
}
#vipOtevrenaOkna span {
  display: inline-block;
  border-radius: 8px;
  padding: 2px 6px;
}
#pruvodceBan {
  max-width: 92% !important;
  left: 4% !important;
  box-sizing: border-box;
  height: auto !important;
}
#pruvodceBan input,
#pruvodceBan select {
  max-width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
}

@media screen and (max-width: 360px) {
  #pokec_smiliebar {
    flex-wrap: wrap;
  }
}
#pokec_menua {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  height: auto !important;
  width: 100%;
  box-sizing: border-box;
}
#pokec_menua span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  flex: 0 1 auto;
  min-height: 24px;
  padding: 4px 10px;
  margin: 0 !important;
  border-radius: 8px;
  box-sizing: border-box;
  background: var(--color-accent-600, #b2622d) !important;
  color: var(--color-neutral-100, #f9f4ed) !important;
  border: none;
  font-size: 12px !important;
  font-weight: bold;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
#pokec_menua br {
  display: none !important;
}
#pokec_menua strong {
  flex: 1 0 100%;
  width: 100%;
  display: block;
  padding-top: 2px;
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: var(--color-accent-800, #643312);
  font-weight: 600;
}

.big-pokec {
  width: 100% !important;
  height: auto !important;
  float: none !important;
}
.big-pokec #pokec_edit,
.big-pokec #pokec_kecy,
.big-pokec #pokec_odeslat {
  width: 100% !important;
  max-width: 100% !important;
}
.big-pokec #pokec_jmenodiv {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
}
.big-pokec #pokec_smiliebar {
  margin-left: 0 !important;
  height: auto !important;
}
.big-pokec #pokec_0,
.big-pokec #pokec_1,
.big-pokec #pokec_2,
.big-pokec #pokec_3,
.big-pokec #pokec_4 {
  height: auto !important;
  min-height: 0;
  max-height: none !important;
  padding: 6px 8px !important;
}
.big-pokec #pokec_2 img {
  position: static;
  top: auto;
}
.big-pokec #pokec_kecy h3 .x,
.big-pokec #pokec_kecy h3 img.x,
.big-pokec #pokec_kecy > div > .x {
  left: auto !important;
  right: 8px !important;
}

/* ========== Internal pages stay fluid ========== */
table.texty,
.ltable,
table.lide,
.forum table {
  width: 100% !important;
  max-width: 100%;
}
.lbox, .cbox, .profil, .klikarna, .hlavni p, .fprofil {
  max-width: 100%;
}
.hlavni span.skladba {
  max-width: 100%;
}
.reklama {
  border-radius: 8px;
}

/* ========== Narrow desktop ========== */
@media screen and (max-width: 1040px) and (min-width: 801px) {
  #abeceda a[href*="М"],
  #abeceda a[href*="С"] {
    display: none !important;
  }
}
@media screen and (max-width: 1040px) {
  #levy_sloupec {
    flex-basis: 210px;
    width: 210px !important;
  }
  #pravy_sloupec {
    flex: 1 1 240px;
    width: auto !important;
    min-width: 220px;
    max-width: 360px;
  }
  #obsah:has(.hitparada) {
    display: block !important;
    max-width: none !important;
  }
}

@media screen and (max-width: 960px) {
  #obal {
    padding: 16px 16px 32px !important;
  }
  #navigace li a,
  #navigace li.first a {
    font-size: 12px !important;
    padding: 0 8px;
  }
}

/* ========== Mobile <800px: stack, 44px taps, no overflow ========== */
@media screen and (max-width: 800px) {
  #vipOkno,
  #levy_sloupec #vipOkno,
  #obsah #vipOkno {
    width: 96vw !important;
    height: 85vh !important;
    top: 4vh !important;
    left: 50% !important;
    right: auto !important;
  }
  html, body {
    overflow-x: hidden;
  }
  #obal {
    padding: 12px 16px 32px !important;
    column-gap: 0;
  }

  #hlavicka {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 12px;
    gap: 8px 12px;
  }
  #logo {
    display: block;
    order: 1;
    margin: 0;
    text-align: left;
    flex: 0 0 auto;
  }
  #logo img {
    margin: 0;
    width: 207px;
    max-width: calc(100vw - 100px);
  }

  #nav-toggle,
  .nav-toggle {
    /* keep display:none — label still toggles; :checked still matches */
    display: none !important;
  }
  #nav-burger {
    display: flex !important;
    order: 2;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    margin: 0;
    padding: 0;
    background-color: var(--color-accent, #c67139);
    color: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    user-select: none;
    -webkit-user-select: none;
  }
  #nav-burger::before {
    content: "☰";
    font-size: 26px;
    line-height: 1;
    color: #ffffff;
  }
  #nav-toggle:checked ~ #hlavicka_obal #nav-burger::before {
    content: "✕";
    font-size: 22px;
  }

  #vyhledavani {
    order: 3;
    flex: 1 1 100%;
    width: 100% !important;
    padding: 10px !important;
  }
  .account-chip,
  .login-chip {
    flex: 1 1 100%;
    justify-content: space-between;
    order: 4;
    max-width: 100%;
  }
  #vyhledavani p {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
  }
  #vyhledavani input.text,
  #vyhledavani select,
  #vyhledavani .tlacitko {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
    min-height: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    margin: 0 !important;
  }
  #vyhledavani select {
    border: 1px solid var(--color-neutral-300, #dcd3c4) !important;
    border-radius: 6px;
  }
  #vyhledavani .tlacitko {
    font-size: 16px !important;
    font-weight: bold;
    border-radius: 8px !important;
  }

  /* hamburger: hide nav + alphabet until #nav-toggle:checked */
  #hlavicka_obal { order: 1; }
  #navigace { order: 2; }
  #abeceda { order: 3; }
  #obsah { order: 4; }
  #pravy_sloupec { order: 5; }
  .cistic { order: 6; }
  #paticka { order: 7; }

  #navigace,
  #abeceda {
    display: none !important;
  }
  #nav-toggle:checked ~ #navigace {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    margin: 0 0 8px !important;
    padding: 8px 0;
    gap: 4px;
    background-color: var(--color-accent, #c67139);
    border-radius: 8px;
  }
  #nav-toggle:checked ~ #navigace li,
  #nav-toggle:checked ~ #navigace li.first {
    float: none !important;
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }
  #nav-toggle:checked ~ #navigace li a,
  #nav-toggle:checked ~ #navigace li.first a {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px;
    line-height: 44px !important;
    font-size: 16px !important;
    padding: 0 12px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  #nav-toggle:checked ~ #abeceda {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: visible;
    margin: 0 0 12px !important;
    gap: 6px;
    height: auto !important;
  }
  #nav-toggle:checked ~ #abeceda a {
    flex: 0 0 auto;
    min-width: 44px;
    max-width: none;
    min-height: 44px;
    height: 44px;
    padding: 0 10px !important;
    font-size: 16px;
  }

  #levy_sloupec,
  #obsah,
  #pravy_sloupec,
  .hitparada,
  .coje,
  .klikarna,
  .lbox, .cbox, .profil {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #obsah,
  #obsah:has(.hitparada) {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    max-width: 100% !important;
  }
  #obsah > .hitparada,
  #obsah:has(.hitparada) > .hitparada {
    order: -1;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
  }
  #obsah > div[style*="width:243px"],
  #obsah > div[style*="float:left"],
  #levy_sloupec {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    order: 0;
  }

  h1, h3 {
    margin: 16px 0 12px !important;
  }
  h1, h2.hlavni {
    font-size: 22px !important;
  }
  #obsah p,
  .hitparada p,
  .coje p,
  .formular_ve_sloupci p {
    margin: 8px 0 !important;
    line-height: 1.45 !important;
  }
  #pokec p,
  #pokec_kecy p {
    line-height: inherit !important;
  }

  /* chart cards full width; votes under title, 44×44 */
  .hitparada .radek {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding: 14px !important;
    margin-bottom: 12px !important;
    gap: 6px;
  }
  .hitparada .radek h3 {
    grid-column: 1;
    grid-row: 1;
  }
  .hitparada p.detaily {
    grid-column: 1;
    grid-row: 2;
    padding-left: 56px !important;
  }
  .hitparada .hlasuj {
    grid-column: 1;
    grid-row: 3;
    justify-content: flex-start;
    padding-left: 56px;
    margin-top: 6px;
    gap: 8px;
  }
  .hitparada h3 span.poradi {
    width: 44px !important;
    flex-basis: 44px;
    font-size: 28px !important;
  }
  .hitparada h3 span.skladba {
    font-size: 17px !important;
  }
  .hitparada .hlasuj a {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
    font-size: 18px !important;
  }

  #prihlaseni,
  .formular_ve_sloupci {
    padding: 16px !important;
  }
  #prihlaseni .tlacitko {
    min-height: 44px !important;
    height: 44px !important;
  }
  #prihlaseni input[type="text"],
  #prihlaseni input[type="password"] {
    min-height: 44px;
    height: 44px;
    font-size: 16px;
  }

  #hlasovat {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    display: block;
    margin: 8px 0 !important;
  }
  #nhlasovatform .tlacitko {
    min-height: 44px;
  }

  #pokec {
    height: auto !important;
    min-height: 0;
    margin-bottom: 16px;
  }
  #pokec_kecy {
    height: 300px !important;
  }
  #pokec_kecy h3 .x,
  #pokec_kecy h3 img.x {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    left: auto !important;
    transform: translateY(-50%);
    z-index: 2;
    margin: 0 !important;
    width: 14px !important;
    height: 14px !important;
  }
  #pokec_kecy > div > .x,
  #pokec_kecy > div > img.x {
    position: absolute !important;
    top: 4px !important;
    right: 6px !important;
    left: auto !important;
    z-index: 2;
    margin: 0 !important;
    width: 14px;
    height: 14px;
  }
  #pokec .tlacitko,
  #pokec_odeslat {
    min-height: 44px;
  }

  .hlavni p,
  .hlavni span.skladba {
    float: none !important;
    width: auto !important;
    height: auto !important;
  }
}

@media screen and (max-width: 480px) {
  #obal {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #nav-toggle:checked ~ #navigace li,
  #nav-toggle:checked ~ #navigace li.first {
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100%;
  }
  .hitparada p.detaily,
  .hitparada .hlasuj {
    padding-left: 0 !important;
  }
  .hitparada .radek h3 {
    flex-wrap: wrap;
  }
}

/* Online date cell uses inline bg #ffffc6 — keep dark text only there.
   Do NOT force dark red on dark green/black rows. */
#vipSeznam td:nth-child(2)[style*="ffffc6"],
#vipSeznam td:nth-child(2)[style*="background:#ffffc6"],
#vipPlocha table td:nth-child(2)[style*="ffffc6"] {
  color: #660000 !important;
}

/* ========== Variant B account chip (header) — expand OVERLAYS, no layout jump ========== */
.account-chip {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 0 0 auto;
  max-width: 100%;
  background: var(--color-neutral-100, #f9f4ed);
  border: 1px solid var(--color-accent-600, #b2622d);
  border-radius: 8px;
  padding: 4px 8px;
  overflow: visible;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color-text, #201e1d);
  z-index: 8;
}
.account-chip-line {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.account-chip-more {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 40;
  display: none;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 2px;
  min-width: 100%;
  margin-top: 4px;
  padding: 8px 10px;
  background: var(--color-neutral-100, #f9f4ed);
  border: 1px solid var(--color-accent-600, #b2622d);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  max-height: none;
  opacity: 1;
}
.account-chip:hover .account-chip-more,
.account-chip:focus-within .account-chip-more {
  display: grid;
}
.account-chip .chip-nick {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-accent, #c67139);
}
.account-chip .chip-sep {
  color: var(--color-accent, #c67139);
  font-weight: bold;
  font-size: 16px;
}
.account-chip .chip-bonita {
  color: var(--color-accent-800, #643312);
  font-weight: 600;
  font-size: 14px;
}
.account-chip-profil {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: var(--color-accent, #c67139);
  padding: 0 4px;
  cursor: pointer;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
}
.account-chip-profil img {
  width: 14px;
  height: 14px;
  max-width: none;
}
.account-chip .odhlasit,
.account-chip a.odhlasit,
.account-chip button.odhlasit,
.account-chip .odhlasit.tlacitko {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  padding: 5px 12px;
  min-height: 32px;
  height: auto !important;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  color: #ffffff !important;
  background-color: var(--color-accent, #c67139) !important;
  border: none !important;
  border-radius: 8px;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
}
.account-chip .odhlasit:hover,
.account-chip a.odhlasit:hover {
  background-color: var(--color-accent-700, #8c491a) !important;
  color: #ffffff !important;
}
.chip-stat-label {
  color: var(--color-accent, #c67139);
  font-weight: bold;
  flex: 0 1 auto;
}
.chip-stat-val {
  color: var(--color-text, #201e1d);
  font-weight: 600;
  text-align: right;
}

/* logged-out: red Přihlásit + absolute cream login panel under it */
.login-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  z-index: 50;
}
.login-wrap .btn-prihlasit,
.login-chip .btn-prihlasit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent, #c67139);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
  cursor: pointer;
  line-height: 1.2;
}
.login-wrap .btn-prihlasit:hover,
.login-wrap .btn-prihlasit:focus,
.login-chip .btn-prihlasit:hover,
.login-chip .btn-prihlasit:focus {
  background: var(--color-accent-700, #8c491a);
  color: #fff !important;
}

#prihlaseni-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 50;
  width: 320px;
  max-width: min(360px, 90vw);
  padding: 12px;
  background: var(--color-neutral-100, #f9f4ed);
  border: 1px solid var(--color-accent-600, #b2622d);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  display: none;
  box-sizing: border-box;
  text-align: left;
}
.login-wrap.is-open #prihlaseni-panel,
#prihlaseni-panel:focus-within {
  display: block;
}
#prihlaseni-panel input {
  width: 100%;
  box-sizing: border-box;
}
#prihlaseni-panel #prihlaseni,
#prihlaseni-panel form#prihlaseni,
#prihlaseni-panel form #prihlaseni {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* legacy karta (if any) — never park in content flow */
#prihlaseni-karta {
  display: none !important;
}

/* logged-out: hide left rail / CO JE UJDETO (not empty width); chart+pokec side by side */
body.odhlasen #levy,
body.odhlasen #levy_sloupec,
body.odhlasen .co-je-ujdeto,
body.odhlasen #obsah > div[style*="width:243px"],
body.odhlasen .coje,
body.odhlasen #obsah:has(.hitparada) > div[style*="width:243px"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.odhlasen #obsah:has(.hitparada),
body.odhlasen .hlavni {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: flex-start;
}
body.odhlasen .hitparada,
body.odhlasen #obsah:has(.hitparada) > .hitparada {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
body.odhlasen .pokec,
body.odhlasen #pokec,
body.odhlasen #pravy_sloupec {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: 340px;
}

@media screen and (min-width: 801px) {
  #pravy_sloupec {
    flex: 0 0 320px !important;
    width: 320px !important;
    min-width: 300px;
    max-width: 340px;
    align-self: flex-start;
  }
}


/* ========== Organic handoff overrides (nahled2) ========== */
html, body {
  background-color: var(--color-bg, #f5ead8) !important;
  color: var(--color-text, #201e1d);
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
}
h1, h2.hlavni, h2, h3,
.hitparada h3 span.poradi,
.hitparada h3 span.skladba {
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: var(--font-heading-weight, 400) !important;
  letter-spacing: -0.015em;
}
h1, h2.hlavni {
  border-bottom: 2px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  color: var(--color-text, #201e1d);
  font-size: 40px !important;
}
a { color: var(--color-accent, #c67139); }

/* Soft pill search */
#vyhledavani {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  border-radius: 999px !important;
  overflow: hidden;
}
#vyhledavani input.text {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  padding: 11px 18px !important;
}
#vyhledavani select {
  border-left: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  background: var(--color-neutral-100, #f9f4ed) !important;
  max-width: 170px;
}
#vyhledavani .tlacitko {
  background: var(--color-accent, #c67139) !important;
  color: var(--color-bg, #f5ead8) !important;
  border-radius: 0 !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: 400 !important;
}

/* Nav: Organic pills on transparent row (not solid orange bar) */
#navigace {
  gap: 6px !important;
  padding: 0 0 16px !important;
  margin: 0 0 8px !important;
  background: transparent !important;
  border-bottom: 1px solid var(--color-divider, rgba(32,30,29,0.16));
}
#navigace li a,
#navigace li.first a {
  border-radius: 999px !important;
  padding: 9px 16px !important;
  height: auto !important;
  min-height: 38px;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  background: var(--color-surface, #ebddc5) !important;
  color: var(--color-text, #201e1d) !important;
  border: 1px solid transparent !important;
}
#navigace li:nth-child(odd) a,
#navigace li:nth-child(even) a {
  background: var(--color-surface, #ebddc5) !important;
  color: var(--color-text, #201e1d) !important;
}
#navigace li a:hover,
#navigace li a:focus {
  background: color-mix(in srgb, var(--color-text, #201e1d) 7%, transparent) !important;
  color: var(--color-text, #201e1d) !important;
}
#navigace li.aktivni a {
  background: var(--color-accent, #c67139) !important;
  color: var(--color-bg, #f5ead8) !important;
}

/* Alphabet chips — accent-200 circles vibe */
#abeceda a {
  border-radius: 999px !important;
  background: var(--color-accent-200, #ffe1d0) !important;
  border: none !important;
  color: var(--color-accent-800, #643312) !important;
  font-weight: 700;
}
#abeceda a:hover,
#abeceda a:focus {
  background: var(--color-accent, #c67139) !important;
  color: var(--color-bg, #f5ead8) !important;
  border: none !important;
}

/* Chart rows: Organic cards — neutral-100 + soft shadow, not orange blocks */
.hitparada .radek {
  background-color: var(--color-neutral-100, #f9f4ed) !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14));
  padding: 12px 16px !important;
  margin-bottom: 10px !important;
  gap: 16px;
}
.hitparada .radek.zvyraznit,
.hitparada .zvyraznit {
  background-color: var(--color-accent-100, #fff2eb) !important;
}
.hitparada h3 span.poradi {
  color: var(--color-accent, #c67139) !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 32px !important;
  width: 40px !important;
  flex-basis: 40px;
  text-align: center;
}
.hitparada h3 span.skladba {
  font-size: 17px !important;
  font-weight: 700 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  letter-spacing: 0;
}
.hitparada p.detaily {
  font-size: 12px !important;
  color: color-mix(in srgb, var(--color-text, #201e1d) 55%, transparent);
}
.hitparada .hlasuj a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  color: var(--color-text, #201e1d) !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
}
.hitparada .hlasuj a:hover,
.hitparada .hlasuj a:focus {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-800, #643312) !important;
  border-color: transparent !important;
}
.hitparada .hlasuj a[id="misto1"],
.hitparada .radek:has(.poradi.m1) .hlasuj a[id="misto1"],
.hitparada .radek:has(.poradi.sm1) .hlasuj a[id="misto1"],
.hitparada .radek:has(.poradi.m2) .hlasuj a[id="misto2"],
.hitparada .radek:has(.poradi.sm2) .hlasuj a[id="misto2"],
.hitparada .radek:has(.poradi.m3) .hlasuj a[id="misto3"],
.hitparada .radek:has(.poradi.sm3) .hlasuj a[id="misto3"],
.hitparada .radek:has(.poradi.lm3) .hlasuj a[id="misto3"] {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-800, #643312) !important;
  border-color: transparent !important;
}
.hitparada .radek:has(.poradi.m1),
.hitparada .radek:has(.poradi.sm1),
.hitparada .radek:has(.poradi.m2),
.hitparada .radek:has(.poradi.sm2),
.hitparada .radek:has(.poradi.m3),
.hitparada .radek:has(.poradi.sm3),
.hitparada .radek:has(.poradi.lm3) {
  background-color: var(--color-accent-100, #fff2eb) !important;
}

/* Buttons / forms */
.tlacitko,
#hlasovat,
#pokec .tlacitko,
#pokec_odeslat {
  border-radius: 999px !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  background: var(--color-accent, #c67139) !important;
  color: var(--color-bg, #f5ead8) !important;
  border: none !important;
}
input.tvyber, select.tvyber, table.hlastab input.tvyber,
#kkod,
#prihlaseni input[type="text"],
#prihlaseni input[type="password"],
#pokec_jmeno,
#pokec_jmenodiv input {
  border-radius: 999px !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  background: var(--color-neutral-100, #f9f4ed) !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  color: var(--color-text, #201e1d);
}
#obsah form .fieldset {
  border-radius: var(--radius-lg, 28px) !important;
  background: var(--color-surface, #ebddc5);
  border: none;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14));
}

/* Pokec card — surface + radius-lg */
#pokec,
#pokec.formular_ve_sloupci {
  background: var(--color-surface, #ebddc5) !important;
  border-radius: var(--radius-lg, 28px) !important;
  padding: 16px !important;
  border: none !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14));
}
#pokec h2,
#pokec #pokec_nadpis {
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  color: var(--color-text, #201e1d);
}
#pokec_jmenodiv {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  border-radius: var(--radius-md, 16px) !important;
}
#pokec_smiliebar {
  background: var(--color-accent-200, #ffe1d0) !important;
  border-radius: var(--radius-md, 16px) var(--radius-md, 16px) 0 0 !important;
}
#pokec_smiliebar a,
#pokec_smiliebar a.sada,
#pokec_smiliebar a.sada-aktiv,
#pokec #sady p span.sada {
  border-radius: 999px !important;
  background: var(--color-surface, #ebddc5) !important;
  color: var(--color-text, #201e1d) !important;
  font-size: 11px !important;
}
#pokec_smiliebar a.sada-aktiv:not([style]),
#pokec_smiliebar a[style*="#000000"],
#pokec_smiliebar a[style*="#000"],
#pokec_smiliebar a[style*="rgb(0,0,0)"] {
  background: var(--color-accent, #c67139) !important;
  color: var(--color-bg, #f5ead8) !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  background: #F5E8B8 !important;
  border-radius: 0 0 var(--radius-md, 16px) var(--radius-md, 16px) !important;
}
.pokec-sady-blok {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 8px 0;
}

/* Message cards — Organic type colors */
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  border-radius: var(--radius-md, 16px) !important;
  overflow: hidden;
  margin-bottom: 8px;
  background: var(--color-neutral-100, #f9f4ed);
  box-shadow: none;
}
#pokec_kecy h3,
#pokec_kecy > div > h3 {
  border-radius: var(--radius-md, 16px) var(--radius-md, 16px) 0 0 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 11px !important;
}
#pokec_kecy p,
#pokec_kecy > div > p {
  border-radius: 0 0 var(--radius-md, 16px) var(--radius-md, 16px) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  background: var(--color-neutral-100, #f9f4ed);
}
/* own / ode_me → accent-2-200 */
#pokec_kecy p.ode_me,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]) {
  background: var(--color-accent-2-200, #e1eecc) !important;
}
#pokec_kecy > div:has(p.ode_me) h3,
#pokec_kecy > div:has(p[style*="663300"]) h3 {
  background: var(--color-accent-2-300, #ccdbb2) !important;
}
/* for me / pro_me → accent-200 */
#pokec_kecy p.pro_me,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"],
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]) {
  background: var(--color-accent-200, #ffe1d0) !important;
}
#pokec_kecy > div:has(p.pro_me) h3,
#pokec_kecy > div:has(p[style*="990000"]) h3 {
  background: var(--color-accent-300, #ffc6a5) !important;
}
/* private / soukroma → neutral-200 */
#pokec_kecy p.soukroma,
#pokec #zpravy p.soukroma,
#pokec_kecy > div:has(p.soukroma) {
  background: var(--color-neutral-200, #eee7db) !important;
}
#pokec_kecy > div:has(p.soukroma) h3 {
  background: var(--color-neutral-300, #dcd3c4) !important;
}

/* Account chip / login — Organic surface */
.account-chip {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  border-radius: var(--radius-lg, 28px) !important;
  padding: 8px 14px !important;
}
.account-chip-more {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 1px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  border-radius: var(--radius-lg, 28px) !important;
  box-shadow: var(--shadow-lg, 0 12px 32px rgba(46,43,37,0.22)) !important;
  width: 290px;
}
.account-chip .chip-nick {
  color: var(--color-text, #201e1d) !important;
  font-size: 13px !important;
}
.account-chip .chip-bonita,
.account-chip .chip-sep {
  color: color-mix(in srgb, var(--color-text, #201e1d) 55%, transparent) !important;
  font-size: 12px !important;
}
.account-chip-profil {
  color: var(--color-accent, #c67139) !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
}
.account-chip .odhlasit,
.account-chip a.odhlasit {
  background: var(--color-accent, #c67139) !important;
  border-radius: 999px !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
}
.login-wrap .btn-prihlasit {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-800, #643312) !important;
  border-radius: 999px !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  padding: 9px 20px !important;
}
.login-wrap .btn-prihlasit:hover,
.login-wrap.is-open .btn-prihlasit {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-800, #643312) !important;
}
#prihlaseni-panel {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: none !important;
  border-radius: var(--radius-lg, 28px) !important;
  box-shadow: var(--shadow-lg, 0 12px 32px rgba(46,43,37,0.22)) !important;
  width: 300px;
  padding: 16px !important;
}

/* Hide left rail always on homepage (variant B / Organic 1fr 350px) */
#obsah:has(.hitparada) > div[style*="width:243px"],
#obsah:has(.hitparada) > #levy_sloupec,
#obsah:has(.hitparada) > .coje,
#obsah:has(.hitparada) .leve_menu,
#obsah:has(.hitparada) #udaje,
#obsah:has(.hitparada) #prihlaseni,
#levy_sloupec:has(+ #obsah .hitparada),
body.nahled2 #levy_sloupec {
  display: none !important;
}

/* Body grid feel: chart + pokec ~1fr 350px */
@media screen and (min-width: 1100px) {
  #obal {
    max-width: 1180px !important;
    padding: 24px !important;
    column-gap: 32px;
  }
  #pravy_sloupec,
  body.odhlasen #pravy_sloupec,
  body.odhlasen #pokec,
  body.nahled2 #pravy_sloupec {
    flex: 0 0 350px !important;
    width: 350px !important;
    min-width: 320px;
    max-width: 360px;
  }
  #obsah:has(.hitparada),
  body.odhlasen #obsah:has(.hitparada),
  body.odhlasen .hlavni {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
    align-items: flex-start;
  }
  body.odhlasen .hitparada,
  #obsah:has(.hitparada) > .hitparada {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

/* Footer: black per Organic handoff (monster strip) */
#paticka {
  background: #000 !important;
  border-radius: 0 !important;
  color: #fff;
}
#paticka p,
#paticka a {
  color: #fff !important;
}

/* Burger on mobile — Organic accent */
@media screen and (max-width: 800px) {
  #nav-burger {
    background-color: var(--color-accent, #c67139) !important;
    border-radius: 999px !important;
  }
  #nav-toggle:checked ~ #navigace {
    background: transparent !important;
    border-radius: 0;
  }
  #nav-toggle:checked ~ #navigace li a {
    background: var(--color-surface, #ebddc5) !important;
    color: var(--color-text, #201e1d) !important;
    border-radius: 999px !important;
  }
  #nav-toggle:checked ~ #navigace li.aktivni a {
    background: var(--color-accent, #c67139) !important;
    color: var(--color-bg, #f5ead8) !important;
  }
  h1, h2.hlavni { font-size: 28px !important; }
  .hitparada .hlasuj a {
    min-width: 44px;
    min-height: 44px;
  }
}

:focus-visible {
  outline: 2px solid var(--color-accent, #c67139);
  outline-offset: 2px;
}

/* X-okno stays dark legacy chrome (not Organic parchment) — readability of visitor table */
#vipOkno {
  background: #111 !important;
  color: #f0f0f0 !important;
  border: 1px solid #c0b6a5 !important;
  border-radius: var(--radius-lg, 28px) !important;
}
#vipMenu {
  background: var(--color-accent-800, #643312) !important;
  border-bottom: 1px solid var(--color-accent, #c67139) !important;
}
#vipPlocha {
  background: #111 !important;
  color: #f0f0f0 !important;
}
#vipOtevrenaOkna {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-text, #201e1d) !important;
}


/* ========== Organic logo wordmark ========== */
#logo img:not(.organic-logo-o) {
  display: none !important;
}
a.organic-logo {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  text-decoration: none !important;
  color: var(--color-text, #201e1d) !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
  line-height: 1 !important;
  white-space: nowrap;
}
a.organic-logo .organic-logo-text {
  color: inherit;
}
a.organic-logo .organic-logo-o {
  display: inline-block !important;
  width: 24px !important;
  height: 22px !important;
  margin: 0 1px -1px !important;
  vertical-align: baseline;
}
a.organic-logo .organic-logo-cz {
  color: var(--color-accent-700, #8c491a) !important;
}
@media (max-width: 700px) {
  a.organic-logo { font-size: 22px !important; }
  a.organic-logo .organic-logo-o {
    width: 18px !important;
    height: 16px !important;
  }
}

/* ========== Organic pokec contrast (Design coordination) ========== */
/* Handoff defaults until Design returns exact hex — dark ink on light tints */
#pokec_kecy p,
#pokec_kecy > div > p,
#pokec #zpravy p {
  color: var(--color-text, #201e1d) !important;
}
#pokec_kecy p.ode_me,
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"] {
  background: var(--color-accent-2-200, #e1eecc) !important;
  color: var(--color-accent-2-900, #272e1b) !important;
}
#pokec_kecy p.pro_me,
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"] {
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-900, #402310) !important;
}
#pokec_kecy p.soukroma,
#pokec #zpravy p.soukroma,
#pokec_kecy > div:has(p.soukroma) > p {
  background: var(--color-neutral-200, #eee7db) !important;
  color: var(--color-neutral-900, #2e2b25) !important;
}
/* nick chips stay readable on tinted headers */
#pokec_kecy > div:has(p.ode_me) h3,
#pokec_kecy > div:has(p[style*="663300"]) h3 {
  color: var(--color-accent-2-900, #272e1b) !important;
}
#pokec_kecy > div:has(p.pro_me) h3,
#pokec_kecy > div:has(p[style*="990000"]) h3 {
  color: var(--color-accent-900, #402310) !important;
}
#pokec_kecy > div:has(p.soukroma) h3 {
  color: var(--color-neutral-900, #2e2b25) !important;
}

/* ========== Design polish 3–5 (links / pokec gap / A–Ž) ========== */

/* 3) Chart meta links: discussion | statistics — darker, weightier */
.hitparada p.detaily,
.hitparada p.detaily a,
.hitparada .radek p a,
.hitparada h3 + p a,
.hitparada .skladba + p a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #8B4A1F !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
.hitparada p.detaily a:hover,
.hitparada .radek p a:hover {
  color: var(--color-accent-800, #643312) !important;
}

/* 4) Pokec surface: consistent 8px vertical rhythm between blocks */
#pokec,
#pokec.formular_ve_sloupci {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  box-sizing: border-box;
}
#pokec > *,
#pokec form > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#pokec_jmenodiv,
#pokec_edit,
iframe#pokec_edit,
.pokec-sady-blok,
#pkchlp,
#pokec_odeslat,
#pokec_kecy,
#pokec_menua,
#pokec #zpravy {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.pokec-sady-blok {
  gap: 8px !important;
  margin: 0 !important;
}
#pokec_smiliebar {
  border-radius: var(--radius-md, 16px) var(--radius-md, 16px) 0 0 !important;
  margin: 0 !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  margin: 0 !important;
}

/* 5) A–Ž: same rhythm as nav pills — height 36, gap 4; soft pill not Caprasimo circles */
#abeceda {
  gap: 4px !important;
  align-items: center !important;
}
#abeceda a {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 999px !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  padding: 0 4px !important;
}

/* ========== Design tokens: pokec message types (final) ========== */
/* Design final table 2026-09-11 — classes ode_me / pro_me / soukroma; night via #E7AB2F/#823C3C */

#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: #f9f4ed !important;
  border: 1px solid #C9A06A !important;
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: none !important;
}
#pokec_kecy > div > h3,
#pokec_kecy h3 {
  background: #FFF8F0 !important;
  color: #c67139 !important;
}
#pokec_kecy > div > h3 span,
#pokec_kecy h3 span {
  background: transparent !important;
  color: inherit !important;
}
#pokec_kecy > div > p,
#pokec_kecy p {
  background: #f9f4ed !important;
  color: #201e1d !important;
}

/* moje / .ode_me */
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]),
#pokec_kecy > div:has(p[style*="#663300"]) {
  background: #e1eecc !important;
  border-color: #7A9A5C !important;
}
#pokec_kecy > div:has(p.ode_me) > h3,
#pokec_kecy > div:has(p[style*="663300"]) > h3,
#pokec_kecy > div:has(p[style*="#663300"]) > h3 {
  background: #FFF8F0 !important;
  color: #c67139 !important;
}
#pokec_kecy p.ode_me,
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec #zpravy p.ode_me {
  background: #e1eecc !important;
  color: #272e1b !important;
}

/* pro mě / .pro_me */
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]),
#pokec_kecy > div:has(p[style*="#990000"]) {
  background: #ffe1d0 !important;
  border-color: #c67139 !important;
}
#pokec_kecy > div:has(p.pro_me) > h3,
#pokec_kecy > div:has(p[style*="990000"]) > h3,
#pokec_kecy > div:has(p[style*="#990000"]) > h3 {
  background: #FFF8F0 !important;
  color: #c67139 !important;
}
#pokec_kecy p.pro_me,
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"],
#pokec #zpravy p.pro_me {
  background: #ffe1d0 !important;
  color: #402310 !important;
}

/* soukromá — #d9cfc0 so it doesn't blend with běžná */
#pokec_kecy > div:has(p.soukroma) {
  background: #d9cfc0 !important;
  border-color: #8B6A45 !important;
}
#pokec_kecy > div:has(p.soukroma) > h3 {
  background: #FFF8F0 !important;
  color: #c67139 !important;
}
#pokec_kecy p.soukroma,
#pokec_kecy > div:has(p.soukroma) > p,
#pokec #zpravy p.soukroma {
  background: #d9cfc0 !important;
  color: #2e2b25 !important;
}

/* noční */
#pokec_kecy > div:has(p[style*="E7AB2F"]),
#pokec_kecy > div:has(p[style*="e7ab2f"]),
#pokec_kecy > div:has(span[style*="823C3C"]),
#pokec_kecy > div:has(span[style*="823c3c"]),
#pokec_kecy > div:has(p.nocni),
#pokec_kecy > div.nocni {
  background: #3A2C22 !important;
  border-color: #c67139 !important;
}
#pokec_kecy > div:has(p[style*="E7AB2F"]) > h3,
#pokec_kecy > div:has(p[style*="e7ab2f"]) > h3,
#pokec_kecy > div:has(span[style*="823C3C"]) > h3,
#pokec_kecy > div:has(span[style*="823c3c"]) > h3,
#pokec_kecy > div:has(p.nocni) > h3,
#pokec_kecy > div.nocni > h3 {
  background: #5C3D28 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p[style*="E7AB2F"]) > h3 span,
#pokec_kecy > div:has(p[style*="e7ab2f"]) > h3 span,
#pokec_kecy > div:has(span[style*="823C3C"]) > h3 span,
#pokec_kecy > div:has(span[style*="823c3c"]) > h3 span,
#pokec_kecy > div:has(p.nocni) > h3 span,
#pokec_kecy > div.nocni > h3 span {
  color: #F5EAD8 !important;
  background: transparent !important;
}
#pokec_kecy p[style*="E7AB2F"],
#pokec_kecy p[style*="e7ab2f"],
#pokec_kecy p.nocni,
#pokec_kecy > div:has(p[style*="E7AB2F"]) > p,
#pokec_kecy > div:has(p[style*="e7ab2f"]) > p,
#pokec_kecy > div:has(span[style*="823C3C"]) > p,
#pokec_kecy > div:has(span[style*="823c3c"]) > p,
#pokec_kecy > div:has(p.nocni) > p,
#pokec_kecy > div.nocni > p {
  background: #3A2C22 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(span[style*="823C3C"]) h3 span[style*="823C3C"],
#pokec_kecy > div:has(span[style*="823c3c"]) h3 span[style*="823c3c"] {
  background: #5C3D28 !important;
  color: #F5EAD8 !important;
}

/* ========== Smiley pane soft yellow ========== */
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4,
#pokec #sady,
#pokec #sady p {
  background: #F5E8B8 !important;
}

/* ========== Design: Hlasovat strip + Top3 Organic ========== */
#obsah form .fieldset {
  background: #ebddc5 !important;
  border: none !important;
  border-radius: var(--radius-md, 16px) !important;
  overflow: hidden;
}
#obsah form .fieldset h4,
#nhlasovatform .fieldset h4,
#nhlasovatform h4 {
  background: #c67139 !important;
  color: #f5ead8 !important;
  border-radius: var(--radius-md, 16px) var(--radius-md, 16px) 0 0 !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: 400 !important;
}
#klikarna,
#klikarna table,
.klikarna {
  background: #ebddc5 !important;
  border-radius: var(--radius-md, 16px) !important;
}
#klikarna table th,
#klikarna th,
h3[onclick*="setSoukromky"] {
  background: #c67139 !important;
  color: #f5ead8 !important;
  border: none !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
}
#klikarna table td {
  background: #f9f4ed !important;
  color: #201e1d !important;
  border-color: #C9A06A !important;
}
#nahled2-msg-swatch {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 12px;
  padding: 8px;
  background: #ebddc5;
  border-radius: 16px;
}
#nahled2-msg-swatch .sw {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #C9A06A;
}
#nahled2-msg-swatch .sw h3 {
  margin: 0 !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-family: Figtree, system-ui, sans-serif !important;
  background: #FFF8F0 !important;
  color: #c67139 !important;
}
#nahled2-msg-swatch .sw p {
  margin: 0 !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
#nahled2-msg-swatch .sw-bezna { border-color: #C9A06A; background: #f9f4ed; }
#nahled2-msg-swatch .sw-bezna p { background: #f9f4ed; color: #201e1d; }
#nahled2-msg-swatch .sw-moje { border-color: #7A9A5C; background: #e1eecc; }
#nahled2-msg-swatch .sw-moje p { background: #e1eecc; color: #272e1b; }
#nahled2-msg-swatch .sw-forme { border-color: #c67139; background: #ffe1d0; }
#nahled2-msg-swatch .sw-forme p { background: #ffe1d0; color: #402310; }
#nahled2-msg-swatch .sw-souk { border-color: #8B6A45; background: #d9cfc0; }
#nahled2-msg-swatch .sw-souk p { background: #d9cfc0; color: #2e2b25; }
#nahled2-msg-swatch .sw-noc { border-color: #c67139; background: #3A2C22; }
#nahled2-msg-swatch .sw-noc h3 { background: #5C3D28 !important; color: #F5EAD8 !important; }
#nahled2-msg-swatch .sw-noc p { background: #3A2C22; color: #F5EAD8; }
#nahled2-msg-swatch .swatch-label {
  font-size: 11px;
  color: #645c50;
  margin: 0 0 4px;
  font-family: Figtree, system-ui, sans-serif;
}

/* ========== Nav spacing fix (equal pill padding) ========== */
/* flex:1 made short labels (faq) look huge vs long ones — use content-sized pills */
#navigace {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  row-gap: 6px !important;
  column-gap: 6px !important;
}
#navigace li,
#navigace li.first {
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#navigace li h2 {
  display: contents !important; /* drop extra box around hitparáda link */
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  background: none !important;
  border: none !important;
}
#navigace li a,
#navigace li.first a,
#navigace li h2 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 9px 20px !important; /* handoff: equal horizontal padding */
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* ========== Ondřej: unified h3 + warm bodies + classic types + shell ========== */
/* Design hex 2026-09-11 */

/* h3 nick/time: everywhere terracotta — never white bg */
#pokec_kecy > div > h3,
#pokec_kecy h3,
#pokec #zpravy h4,
#pokec_kecy > div:has(p.ode_me) > h3,
#pokec_kecy > div:has(p.pro_me) > h3,
#pokec_kecy > div:has(p.soukroma) > h3,
#pokec_kecy > div:has(p[style*="663300"]) > h3,
#pokec_kecy > div:has(p[style*="990000"]) > h3,
#pokec_kecy > div:has(p[style*="E7AB2F"]) > h3,
#pokec_kecy > div:has(span[style*="823C3C"]) > h3 {
  background: #c67139 !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div > h3 span,
#pokec_kecy h3 span {
  background: transparent !important;
  color: inherit !important;
}

/* ordinary body */
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: #F0E6D4 !important;
  border: 1px solid #C9A06A !important;
}
#pokec_kecy > div > p,
#pokec_kecy p {
  background: #F0E6D4 !important;
  color: #201e1d !important;
}

/* classic typed — Design */
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]),
#pokec_kecy > div:has(p[style*="#663300"]) {
  background: #663300 !important;
  border-color: #4a2500 !important;
}
#pokec_kecy p.ode_me,
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec #zpravy p.ode_me {
  background: #663300 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]),
#pokec_kecy > div:has(p[style*="#990000"]) {
  background: #990000 !important;
  border-color: #6b0000 !important;
}
#pokec_kecy p.pro_me,
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"],
#pokec #zpravy p.pro_me {
  background: #990000 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.soukroma) {
  background: #1A1512 !important;
  border-color: #000000 !important;
}
#pokec_kecy p.soukroma,
#pokec_kecy > div:has(p.soukroma) > p,
#pokec #zpravy p.soukroma {
  background: #1A1512 !important;
  color: #FFFFFF !important;
  font-style: italic;
}
#pokec_kecy > div:has(p[style*="E7AB2F"]),
#pokec_kecy > div:has(p[style*="e7ab2f"]),
#pokec_kecy > div:has(span[style*="823C3C"]),
#pokec_kecy > div:has(span[style*="823c3c"]),
#pokec_kecy > div:has(p.nocni) {
  background: #3A2C22 !important;
  border-color: #c67139 !important;
}
#pokec_kecy p[style*="E7AB2F"],
#pokec_kecy p[style*="e7ab2f"],
#pokec_kecy p.nocni,
#pokec_kecy > div:has(p[style*="E7AB2F"]) > p,
#pokec_kecy > div:has(span[style*="823C3C"]) > p,
#pokec_kecy > div:has(p.nocni) > p {
  background: #3A2C22 !important;
  color: #F5EAD8 !important;
}

/* page edge vs content */
html body.nahled2,
body.nahled2 {
  background: #E0D0B8 !important;
}
body.nahled2 #obal {
  background: #f5ead8 !important;
  border-radius: 0 !important;
  padding: 24px !important;
  box-shadow: 0 1px 2px rgba(46,43,37,0.10);
}

/* footer — Design: #1A1512, radius top only */
body.nahled2 #paticka {
  background: #1A1512 !important;
  color: #F5EAD8 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  padding: 12px 16px !important;
}
body.nahled2 #paticka a {
  color: #F5EAD8 !important;
}

/* smilies */
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4,
#pokec #sady,
#pokec #sady p {
  background: #E8D4A8 !important;
  color: #2A1A12 !important;
}

/* QA swatch mirror */
#nahled2-msg-swatch .sw-bezna { border-color: #C9A06A; background: #F0E6D4; }
#nahled2-msg-swatch .sw-bezna h3 { background: #c67139 !important; color: #FFF8F0 !important; }
#nahled2-msg-swatch .sw-bezna p { background: #F0E6D4; color: #201e1d; }
#nahled2-msg-swatch .sw-moje { border-color: #4a2500; background: #663300; }
#nahled2-msg-swatch .sw-moje h3 { background: #c67139 !important; color: #FFF8F0 !important; }
#nahled2-msg-swatch .sw-moje p { background: #663300; color: #F5EAD8; }
#nahled2-msg-swatch .sw-forme { border-color: #6b0000; background: #990000; }
#nahled2-msg-swatch .sw-forme h3 { background: #c67139 !important; color: #FFF8F0 !important; }
#nahled2-msg-swatch .sw-forme p { background: #990000; color: #F5EAD8; }
#nahled2-msg-swatch .sw-souk { border-color: #000; background: #1A1512; }
#nahled2-msg-swatch .sw-souk h3 { background: #c67139 !important; color: #FFF8F0 !important; }
#nahled2-msg-swatch .sw-souk p { background: #1A1512; color: #FFFFFF; font-style: italic; }
#nahled2-msg-swatch .sw-noc { border-color: #c67139; background: #3A2C22; }
#nahled2-msg-swatch .sw-noc h3 { background: #c67139 !important; color: #FFF8F0 !important; }
#nahled2-msg-swatch .sw-noc p { background: #3A2C22; color: #F5EAD8; }

/* ========== Edit=msg bg + smilies in a row ========== */
/* Ordinary message body matches compose field */
#pokec_edit,
iframe#pokec_edit,
#pokec_edit body,
iframe#pokec_edit html,
iframe#pokec_edit body {
  background: #F0E6D4 !important;
  color: #201e1d !important;
}
#pokec_kecy > div:not(:has(p.ode_me)):not(:has(p.pro_me)):not(:has(p.soukroma)):not(:has(p[style*="663300"])):not(:has(p[style*="990000"])):not(:has(p[style*="E7AB2F"])):not(:has(span[style*="823C3C"])),
#pokec_kecy > div[id^="z"]:not(:has(p.ode_me)):not(:has(p.pro_me)):not(:has(p.soukroma)) {
  background: #F0E6D4 !important;
}
#pokec_kecy > div > p:not(.ode_me):not(.pro_me):not(.soukroma):not([style*="663300"]):not([style*="990000"]):not([style*="E7AB2F"]),
#pokec_kecy p:not(.ode_me):not(.pro_me):not(.soukroma) {
  background: #F0E6D4 !important;
  color: #201e1d !important;
}
#nahled2-msg-swatch .sw-bezna,
#nahled2-msg-swatch .sw-bezna p {
  background: #F0E6D4 !important;
}

/* Smilies: horizontal wrap, never stacked as full-width blocks */
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 3px !important;
  width: 100% !important;
}
#pokec_0[style*="display: none"],
#pokec_1[style*="display: none"],
#pokec_2[style*="display: none"],
#pokec_3[style*="display: none"],
#pokec_4[style*="display: none"] {
  display: none !important;
}
#pokec_0 img, #pokec_1 img, #pokec_2 img, #pokec_3 img, #pokec_4 img,
#pokec #sady img {
  display: inline-block !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* ========== Classic types + compose match + sady fix ========== */

/* Compose field MUST match ordinary message #F0E6D4 (kill default #F5DBAB) */
#pokec #pokec_edit,
#pokec_edit,
div#pokec_edit,
iframe#pokec_edit,
#pokec iframe#pokec_edit {
  background: #F0E6D4 !important;
  background-color: #F0E6D4 !important;
  color: #201e1d !important;
  border: 1px solid #C9A06A !important;
}

/* Ordinary messages already #F0E6D4 — keep */
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: #F0E6D4 !important;
  border: 1px solid #C9A06A !important;
}
#pokec_kecy > div > p,
#pokec_kecy p {
  background: #F0E6D4 !important;
  color: #201e1d !important;
}

/* LIVE classic typed colors — high specificity, after all Organic pastels */
#pokec_kecy > div:has(> p.ode_me),
#pokec_kecy > div:has(> p[style*="663300"]),
#pokec_kecy > div:has(> p[style*="#663300"]),
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]) {
  background: #663300 !important;
  border-color: #442200 !important;
}
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p.ode_me,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec #zpravy p.ode_me {
  background: #663300 !important;
  background-color: #663300 !important;
  color: #f0f0f0 !important;
}
#pokec_kecy > div:has(> p.pro_me),
#pokec_kecy > div:has(> p[style*="990000"]),
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]) {
  background: #990000 !important;
  border-color: #660000 !important;
}
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p.pro_me,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"],
#pokec #zpravy p.pro_me {
  background: #990000 !important;
  background-color: #990000 !important;
  color: #f0f0f0 !important;
}
#pokec_kecy > div:has(> p.soukroma),
#pokec_kecy > div:has(p.soukroma) {
  background: #000000 !important;
  border-color: #333333 !important;
}
#pokec_kecy > div:has(p.soukroma) > p,
#pokec_kecy p.soukroma,
#pokec #zpravy p.soukroma {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-style: italic !important;
}
/* h3 stays unified terracotta on all types */
#pokec_kecy > div:has(p.ode_me) > h3,
#pokec_kecy > div:has(p.pro_me) > h3,
#pokec_kecy > div:has(p.soukroma) > h3,
#pokec_kecy > div:has(p[style*="663300"]) > h3,
#pokec_kecy > div:has(p[style*="990000"]) > h3 {
  background: #c67139 !important;
  color: #FFF8F0 !important;
}

/* Smiley sets: one block, panes row-wrap; only one pane visible */
.pokec-sady-blok {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
}
#pokec_smiliebar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  display: none !important; /* JS toggles — default hide all */
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: 100% !important;
  background: #E8D4A8 !important;
}
/* active pane: JS sets display:block → force flex row */
#pokec_0[style*="display: block"],
#pokec_1[style*="display: block"],
#pokec_2[style*="display: block"],
#pokec_3[style*="display: block"],
#pokec_4[style*="display: block"],
#pokec_0[style*="display:block"],
#pokec_1[style*="display:block"],
#pokec_2[style*="display:block"],
#pokec_3[style*="display:block"],
#pokec_4[style*="display:block"] {
  display: flex !important;
}
/* default first set visible when no inline style yet */
#pokec_0:not([style]),
#pokec_0[style=""],
#pokec_0[style*="flex"] {
  display: flex !important;
}
#pokec_0 img, #pokec_1 img, #pokec_2 img, #pokec_3 img, #pokec_4 img {
  display: inline-block !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 48px !important;
  height: auto !important;
  margin: 1px !important;
}

/* ========== Account chip-more padding / line-height ========== */
/* Hover stats panel: readable spacing (Design: 16px pad, 6×12 gap, 13px) */
.account-chip-more {
  display: none; /* shown as grid on hover */
  grid-template-columns: max-content 1fr !important;
  align-items: baseline !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
  width: 290px !important;
  min-width: 260px !important;
  max-width: min(320px, 92vw) !important;
  margin-top: 8px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  line-height: 1.35 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}
.account-chip:hover .account-chip-more,
.account-chip:focus-within .account-chip-more {
  display: grid !important;
}
.account-chip-more .chip-stat-label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: color-mix(in srgb, var(--color-text, #201e1d) 70%, transparent) !important;
  white-space: nowrap !important;
}
.account-chip-more .chip-stat-val {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--color-text, #201e1d) !important;
  text-align: right !important;
  white-space: nowrap !important;
}
/* kill leftover list spacing if any nested */
.account-chip-more li,
.account-chip-more ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  line-height: 1.35 !important;
}

/* ========== Sady: no jump + active tab ========== */
/*
 * JS setActiveSmilies(): inactive tabs inline bg #E4932A, active #000000;
 * panes display none/block. Different sets have different heights → layout jump.
 * Fix: fixed min-height pane area + override inline tab colors to Organic.
 */
.pokec-sady-blok {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  /* reserve space for tallest smiley grid so switching sets doesn't shift pokec */
  min-height: 118px !important;
}

#pokec_smiliebar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px 8px !important;
  background: #E8D4A8 !important;
  border-radius: 16px 16px 0 0 !important;
  min-height: 40px !important;
}

/* Inactive tabs — beat JS inline #E4932A */
#pokec_smiliebar a,
#pokec_smiliebar a.sada,
#pokec_smiliebar a.sada-aktiv,
#pokec_smiliebar a[style],
#pokec_smiliebar a#pokec_sm0,
#pokec_smiliebar a#pokec_sm1,
#pokec_smiliebar a#pokec_sm2,
#pokec_smiliebar a#pokec_sm3,
#pokec_smiliebar a#pokec_sm4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  background: #ebddc5 !important;
  background-color: #ebddc5 !important;
  color: #201e1d !important;
}

/* Active: JS sets background #000000 — match that + class */
#pokec_smiliebar a.sada-aktiv,
#pokec_smiliebar a[style*="background: rgb(0, 0, 0)"],
#pokec_smiliebar a[style*="background:#000"],
#pokec_smiliebar a[style*="background: #000"],
#pokec_smiliebar a[style*="background:#000000"],
#pokec_smiliebar a[style*="background: #000000"],
#pokec_smiliebar a[style*="background-color: rgb(0, 0, 0)"],
#pokec_smiliebar a[style*="background-color:#000"],
#pokec_smiliebar a[style*="#000000"] {
  background: #c67139 !important;
  background-color: #c67139 !important;
  color: #f5ead8 !important;
}

/* Pane stack: absolute fill fixed-height slot → no jump */
.pokec-sady-blok {
  position: relative !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 40px !important; /* below smiliebar approx; flex column better: */
  /* Actually with flex column + absolute children, use a dedicated viewport: */
}

/* Better structure: bar in flow, panes in fixed-height viewport */
.pokec-sady-blok {
  position: relative !important;
}
#pokec_smiliebar {
  position: relative !important;
  z-index: 2 !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  display: none !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  background: #E8D4A8 !important;
  border-radius: 0 0 16px 16px !important;
}
/* Place panes below bar: use padding-top on blok for bar, panes at top:40px */
.pokec-sady-blok {
  padding-bottom: 78px !important; /* reserve pane height */
  min-height: calc(40px + 78px) !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  top: 40px !important;
  bottom: auto !important;
}
#pokec_0[style*="display: block"],
#pokec_1[style*="display: block"],
#pokec_2[style*="display: block"],
#pokec_3[style*="display: block"],
#pokec_4[style*="display: block"],
#pokec_0[style*="display:block"],
#pokec_1[style*="display:block"],
#pokec_2[style*="display:block"],
#pokec_3[style*="display:block"],
#pokec_4[style*="display:block"] {
  display: flex !important;
}
/* initial Sada 1 before JS runs */
#pokec_0:not([style]),
#pokec_0[style=""] {
  display: flex !important;
}
#pokec_0[style*="display: none"],
#pokec_1[style*="display: none"],
#pokec_2[style*="display: none"],
#pokec_3[style*="display: none"],
#pokec_4[style*="display: none"],
#pokec_0[style*="display:none"],
#pokec_1[style*="display:none"],
#pokec_2[style*="display:none"],
#pokec_3[style*="display:none"],
#pokec_4[style*="display:none"] {
  display: none !important;
}

#pokec_0 img, #pokec_1 img, #pokec_2 img, #pokec_3 img, #pokec_4 img {
  display: inline-block !important;
  float: none !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 48px !important;
  height: auto !important;
  max-height: 36px !important;
  margin: 1px !important;
}

/* ========== Classic types WIN over ordinary F0E6D4 ========== */
/* Bug: #pokec_kecy p { background:#F0E6D4 !important } and
   p:not(.ode_me) still matched inline-styled #663300/#990000 (no class). */

#pokec_kecy p:not(.ode_me):not(.pro_me):not(.soukroma):not([style*="663300"]):not([style*="#663300"]):not([style*="990000"]):not([style*="#990000"]):not([style*="E7AB2F"]):not([style*="e7ab2f"]),
#pokec_kecy > div > p:not(.ode_me):not(.pro_me):not(.soukroma):not([style*="663300"]):not([style*="#663300"]):not([style*="990000"]):not([style*="#990000"]):not([style*="E7AB2F"]) {
  background: #F0E6D4 !important;
  background-color: #F0E6D4 !important;
  color: #201e1d !important;
}

/* Cards containing typed bodies */
#pokec_kecy > div:has(> p.ode_me),
#pokec_kecy > div:has(> p[style*="663300"]),
#pokec_kecy > div:has(> p[style*="#663300"]),
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]),
#pokec_kecy > div:has(p[style*="#663300"]) {
  background: #663300 !important;
  border-color: #442200 !important;
}
#pokec_kecy > div:has(> p.pro_me),
#pokec_kecy > div:has(> p[style*="990000"]),
#pokec_kecy > div:has(> p[style*="#990000"]),
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]),
#pokec_kecy > div:has(p[style*="#990000"]) {
  background: #990000 !important;
  border-color: #660000 !important;
}
#pokec_kecy > div:has(> p.soukroma),
#pokec_kecy > div:has(p.soukroma) {
  background: #000000 !important;
  border-color: #333333 !important;
}

/* Bodies — triple !important via setProperty also in JS below */
#pokec_kecy p.ode_me,
#pokec_kecy > div > p.ode_me,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"],
#pokec_kecy > div > p[style*="663300"],
#pokec_kecy > div > p[style*="#663300"],
#pokec #zpravy p.ode_me {
  background: #663300 !important;
  background-color: #663300 !important;
  color: #f0f0f0 !important;
}
#pokec_kecy p.pro_me,
#pokec_kecy > div > p.pro_me,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"],
#pokec_kecy > div > p[style*="990000"],
#pokec_kecy > div > p[style*="#990000"],
#pokec #zpravy p.pro_me {
  background: #990000 !important;
  background-color: #990000 !important;
  color: #f0f0f0 !important;
}
#pokec_kecy p.soukroma,
#pokec_kecy > div > p.soukroma,
#pokec #zpravy p.soukroma {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-style: italic !important;
}

/* ========== Pokec: compact sady + unified surfaces ========== */

/* One surface for column + feed + ordinary cards — no nested cream layers */
#pokec,
#pokec.formular_ve_sloupci {
  background: #F0E6D4 !important;
}
#pokec_kecy {
  background: #F0E6D4 !important;
  background-color: #F0E6D4 !important;
}

/* Message card = one clipped box; no separate bg “halo” at rounded corners */
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: transparent !important;
  border: 1px solid #C9A06A !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
#pokec_kecy > div > h3,
#pokec_kecy h3 {
  border-radius: 0 !important;
  margin: 0 !important;
}
#pokec_kecy > div > p,
#pokec_kecy p {
  border-radius: 0 !important;
  margin: 0 !important;
  /* ordinary body = same as column */
  background: transparent !important;
  background-color: transparent !important;
  color: #201e1d !important;
}

/* Typed: paint the WRAPPER only; body inherits — no dual radii */
#pokec_kecy > div:has(> p.ode_me),
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]),
#pokec_kecy > div:has(p[style*="#663300"]) {
  background: #663300 !important;
  border-color: #442200 !important;
}
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p.ode_me,
#pokec_kecy p[style*="663300"],
#pokec_kecy p[style*="#663300"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #f0f0f0 !important;
}
#pokec_kecy > div:has(> p.pro_me),
#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]),
#pokec_kecy > div:has(p[style*="#990000"]) {
  background: #990000 !important;
  border-color: #660000 !important;
}
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p.pro_me,
#pokec_kecy p[style*="990000"],
#pokec_kecy p[style*="#990000"] {
  background: transparent !important;
  background-color: transparent !important;
  color: #f0f0f0 !important;
}
#pokec_kecy > div:has(> p.soukroma),
#pokec_kecy > div:has(p.soukroma) {
  background: #000000 !important;
  border-color: #333333 !important;
}
#pokec_kecy > div:has(p.soukroma) > p,
#pokec_kecy p.soukroma {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

/* h3 still terracotta on all */
#pokec_kecy > div > h3,
#pokec_kecy h3 {
  background: #c67139 !important;
  color: #FFF8F0 !important;
}

/* Compose field stays #F0E6D4 — same as column */
#pokec_edit,
iframe#pokec_edit {
  background: #F0E6D4 !important;
  background-color: #F0E6D4 !important;
}

/* ---- Compact sady: ~2 rows, full border, no dead space ---- */
.pokec-sady-blok {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding-bottom: 52px !important; /* pane slot ≈ 2 rows */
  border: 1px solid #C9A06A !important;
  border-radius: 12px !important;
  overflow: hidden !important; /* clip bar+pane as one frame */
  background: #E8D4A8 !important;
  box-sizing: border-box !important;
}
#pokec_smiliebar {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  background: #E8D4A8 !important;
  border: none !important;
  border-bottom: 1px solid #C9A06A !important;
  border-radius: 0 !important; /* outer blok owns radius */
  box-sizing: border-box !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 36px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #E8D4A8 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.pokec-sady-blok {
  min-height: calc(36px + 52px) !important;
}

/* ========== Page bg continuous to footer ========== */
html {
  background: #E0D0B8 !important;
  min-height: 100% !important;
}
html body.nahled2,
body.nahled2 {
  background: #E0D0B8 !important;
  min-height: 100vh !important;
  margin: 0 !important;
}
body.nahled2 #obal {
  background: #f5ead8 !important;
  min-height: 100vh !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  padding-bottom: 0 !important;
  align-content: flex-start !important;
}
body.nahled2 #paticka {
  order: 99 !important;
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  background: #1A1512 !important;
  color: #F5EAD8 !important;
  border-radius: 16px 16px 0 0 !important;
}
body.nahled2 #obsah,
body.nahled2 #pravy_sloupec,
body.nahled2 #klikarna,
body.nahled2 .cistic {
  background: transparent !important;
}

/* ========== Ondřej: borderless msgs + contrast + mobile nav ========== */

/* Messages: no frames — soft bg lift like Organic zip */
#pokec,
#pokec.formular_ve_sloupci,
#pokec_kecy {
  background: #F0E6D4 !important;
}
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: #f9f4ed !important; /* slightly lighter than column */
  border: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin-bottom: 8px !important;
}
#pokec_kecy > div > p,
#pokec_kecy p {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #201e1d !important;
}

/* h3 nick+time: high contrast (ink on warm bar) */
#pokec_kecy > div > h3,
#pokec_kecy h3,
#pokec #zpravy h4 {
  background: #ebddc5 !important;
  color: #201e1d !important;
  border: none !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
}
#pokec_kecy > div > h3 span,
#pokec_kecy h3 span {
  background: transparent !important;
  color: #201e1d !important;
  font-weight: 700 !important;
}
/* time chip if nested */
#pokec_kecy h3 span span {
  color: #645c50 !important;
  font-weight: 600 !important;
}

/* Typed: soft? No — keep classic dark on wrapper, still no border */
#pokec_kecy > div:has(p.ode_me),
#pokec_kecy > div:has(p[style*="663300"]),
#pokec_kecy > div:has(p[style*="#663300"]) {
  background: #663300 !important;
  border: none !important;
}
#pokec_kecy > div:has(p.ode_me) > h3,
#pokec_kecy > div:has(p[style*="663300"]) > h3 {
  background: #4a2500 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.ode_me) > h3 span,
#pokec_kecy > div:has(p[style*="663300"]) > h3 span {
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.ode_me) > p,
#pokec_kecy p.ode_me,
#pokec_kecy p[style*="663300"] {
  background: transparent !important;
  color: #f0f0f0 !important;
}

#pokec_kecy > div:has(p.pro_me),
#pokec_kecy > div:has(p[style*="990000"]),
#pokec_kecy > div:has(p[style*="#990000"]) {
  background: #990000 !important;
  border: none !important;
}
#pokec_kecy > div:has(p.pro_me) > h3,
#pokec_kecy > div:has(p[style*="990000"]) > h3 {
  background: #6b0000 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.pro_me) > h3 span,
#pokec_kecy > div:has(p[style*="990000"]) > h3 span {
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.pro_me) > p,
#pokec_kecy p.pro_me,
#pokec_kecy p[style*="990000"] {
  background: transparent !important;
  color: #f0f0f0 !important;
}

#pokec_kecy > div:has(p.soukroma) {
  background: #000000 !important;
  border: none !important;
}
#pokec_kecy > div:has(p.soukroma) > h3 {
  background: #1A1512 !important;
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.soukroma) > h3 span {
  color: #F5EAD8 !important;
}
#pokec_kecy > div:has(p.soukroma) > p,
#pokec_kecy p.soukroma {
  background: transparent !important;
  color: #ffffff !important;
}

/* Sady bg: match compose, not muddy yellow */
.pokec-sady-blok,
#pokec_smiliebar,
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  background: #F0E6D4 !important;
  border-color: transparent !important;
}
.pokec-sady-blok {
  border: 1px solid #C9A06A !important; /* one subtle frame for the control only */
}

/* ---- Desktop-only Organic nav (was overriding mobile hide → double menu) ---- */
@media screen and (min-width: 801px) {
  #navigace {
    display: flex !important;
    gap: 6px !important;
    padding: 0 0 16px !important;
    margin: 0 0 8px !important;
    background: transparent !important;
    border-bottom: 1px solid var(--color-divider, rgba(32,30,29,0.16));
  }
  #navigace li a,
  #navigace li.first a {
    border-radius: 999px !important;
    padding: 9px 20px !important;
  }
}

/* Mobile: one menu only — hide until hamburger; never show desktop row + drawer */
@media screen and (max-width: 800px) {
  #navigace,
  #abeceda {
    display: none !important;
  }
  #nav-toggle:checked ~ #navigace {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    order: 2 !important; /* under header — was 5 (after content) */
    padding: 8px 0 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(32,30,29,0.16) !important;
    background: transparent !important;
  }
  #nav-toggle:checked ~ #abeceda {
    display: flex !important;
    flex-wrap: wrap !important;
    order: 3 !important; /* was 6 */
    width: 100% !important;
    gap: 4px !important;
  }
  #nav-toggle:checked ~ #navigace li,
  #nav-toggle:checked ~ #navigace li.first {
    flex: 1 1 auto !important;
    width: 100% !important;
  }
  #nav-toggle:checked ~ #navigace li a,
  #nav-toggle:checked ~ #navigace li.first a,
  #nav-toggle:checked ~ #navigace li h2 a {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #ebddc5 !important;
    color: #201e1d !important;
  }
  #nav-toggle:checked ~ #navigace li.aktivni a {
    background: #c67139 !important;
    color: #f5ead8 !important;
  }
  /* stack chart + pokec */
  #obsah,
  #obsah:has(.hitparada),
  #pravy_sloupec {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  #pokec,
  #pokec.formular_ve_sloupci {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.nahled2 #obal {
    padding: 12px 12px 0 !important;
    border-radius: 0 !important;
    min-height: auto !important;
  }
}

/* ========== Design hex polish (borderless + h3 + sady) ========== */
#pokec,
#pokec.formular_ve_sloupci {
  background: #ebddc5 !important; /* surface */
}
#pokec_kecy {
  background: #ebddc5 !important;
}
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  background: #F0E6D4 !important; /* ordinary lift */
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  gap: 0 !important;
}
#pokec_kecy > div > h3,
#pokec_kecy h3,
#pokec #zpravy h4 {
  background: #8B4518 !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div > h3 span,
#pokec_kecy h3 span {
  background: transparent !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div > h3 span span {
  color: #F5EAD8 !important;
  opacity: 0.9;
}
/* typed keep classic; h3 darker companion */
#pokec_kecy > div:has(p.ode_me) > h3,
#pokec_kecy > div:has(p[style*="663300"]) > h3 {
  background: #8B4518 !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div:has(p.pro_me) > h3,
#pokec_kecy > div:has(p[style*="990000"]) > h3 {
  background: #8B4518 !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div:has(p.soukroma) > h3 {
  background: #8B4518 !important;
  color: #FFF8F0 !important;
}

.pokec-sady-blok,
#pokec_smiliebar,
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  background: #DDD0B8 !important;
}
#pokec_edit,
iframe#pokec_edit {
  background: #F0E6D4 !important;
  background-color: #F0E6D4 !important;
}

/* ========== Full-height bg + borderless sady ========== */

/* Page: one continuous parchment (no “stop” mid-pokec) */
html,
html body.nahled2,
body.nahled2 {
  background: #f5ead8 !important;
  min-height: 100% !important;
}
body.nahled2 #obal {
  background: #f5ead8 !important;
  align-items: stretch !important;
  align-content: stretch !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
/* Chart + pokec same row height so cream fills beside tall pokec */
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec {
  align-self: stretch !important;
  background: #f5ead8 !important;
}
body.nahled2 #pravy_sloupec {
  display: flex !important;
  flex-direction: column !important;
}
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  height: auto !important;
  background: #ebddc5 !important;
  margin-bottom: 0 !important;
}
body.nahled2 #pokec_kecy {
  flex: 1 1 auto !important;
  background: #ebddc5 !important;
}

/* Sady: like design — no frame, just soft pane bg */
.pokec-sady-blok {
  border: none !important;
  box-shadow: none !important;
  background: #DDD0B8 !important;
  overflow: hidden !important;
}
#pokec_smiliebar {
  border: none !important;
  border-bottom: none !important;
  background: #DDD0B8 !important;
}
#pokec_0, #pokec_1, #pokec_2, #pokec_3, #pokec_4 {
  border: none !important;
  background: #DDD0B8 !important;
}

/* ========== Force h3 #8B4518 ========== */
#pokec #pokec_kecy > div > h3,
#pokec #pokec_kecy h3,
#pokec_kecy > div > h3,
#pokec_kecy h3,
#pokec #zpravy h4,
#pokec_kecy > div > h3:not([style]),
#pokec_kecy > div > h3:not([style*="background"]) {
  background: #8B4518 !important;
  background-color: #8B4518 !important;
  color: #FFF8F0 !important;
}
#pokec_kecy > div > h3 span,
#pokec_kecy h3 span,
#pokec_kecy > div > h3 span * {
  background: transparent !important;
  color: #FFF8F0 !important;
}

/* ========== Bulletproof page parchment ========== */
/* Tester: bg missing entirely — force paint on every shell layer, kill images */
html,
body,
body.nahled2,
body.nahled2.odhlasen,
body.odhlasen {
  background: #f5ead8 !important;
  background-color: #f5ead8 !important;
  background-image: none !important;
}
body.nahled2 #obal,
body.nahled2 #hlavicka_obal,
body.nahled2 #hlavicka,
body.nahled2 #navigace,
body.nahled2 #abeceda,
body.nahled2 #obsah,
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec,
body.nahled2 #levy_sloupec,
body.nahled2 .hlavni,
body.nahled2 .hitparada,
body.nahled2 #klikarna,
body.nahled2 .cistic,
body.nahled2 #paticka + *,
body.nahled2 #MsgBar2 {
  background-color: #f5ead8 !important;
  background-image: none !important;
}
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci,
body.nahled2 #pokec_kecy {
  background: #ebddc5 !important;
  background-color: #ebddc5 !important;
  background-image: none !important;
}
body.nahled2 #paticka {
  background: #1A1512 !important;
  background-image: none !important;
}
/* ensure #obal grows with tallest column */
body.nahled2 #obal {
  min-height: 100vh !important;
  height: auto !important;
  align-items: stretch !important;
}

/* ========== Footer in normal flow (no overlap) ========== */
body.nahled2 #paticka {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  order: 99 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  z-index: 1 !important;
  clear: both !important;
  background: #1A1512 !important;
  color: #F5EAD8 !important;
  border-radius: 16px 16px 0 0 !important;
}
body.nahled2 #obal {
  min-height: 100vh !important;
  height: auto !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
}
body.nahled2 #klikarna,
body.nahled2 h3[onclick*="setSoukromky"] {
  position: relative !important;
  z-index: 0 !important;
  overflow: visible !important;
}
body.nahled2 #klikarna table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  overflow: visible !important;
}

/* ========== Msg radius + inline smilies in body ========== */
#pokec_kecy > div,
#pokec_kecy > div[id^="z"] {
  border-radius: 8px !important;
  overflow: hidden !important;
}
#pokec_kecy > div > h3,
#pokec_kecy h3,
#pokec_kecy > div > p,
#pokec_kecy p {
  border-radius: 0 !important; /* only outer card rounds */
}
/* organic.css sets img{display:block;max-width:100%} → stacks smilies in messages */
#pokec_kecy p img,
#pokec_kecy > div > p img,
#pokec #zpravy p img {
  display: inline !important;
  display: inline-block !important;
  float: none !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  max-height: 32px !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
}

/* ========== Pravidla hitparády alignment ========== */
#nhlasovatform ~ h2,
#obsah form#nhlasovatform ~ h2,
#obsah > br + h2,
#obsah h2[style*="font-size:12pt"],
#obsah h2[style*="12pt"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  margin: 28px 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  color: #201e1d !important;
  border: none !important;
  border-bottom: none !important;
  background: transparent !important;
}
#nhlasovatform ~ h2 + p,
#obsah form#nhlasovatform ~ h2 + p,
#obsah h2[style*="12pt"] + p,
#obsah h2[style*="font-size:12pt"] + p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  color: #201e1d !important;
  background: transparent !important;
}

/* ========== FIX: footer/Top3 + inline msg smilies ========== */
/* Root cause: stretch #pravy + #pokec min-height:100%/flex:1 pushed Top3
   below the column box, so #paticka (next flex row) painted over it. */
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec {
  align-self: flex-start !important;
}
body.nahled2 #pravy_sloupec {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 12px !important;
}
body.nahled2 #pokec_kecy {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
/* Top3 stays in-column, above footer */
body.nahled2 #pravy_sloupec > h3[onclick*="setSoukromky"],
body.nahled2 #klikarna {
  position: relative !important;
  flex: 0 0 auto !important;
  order: 0 !important;
  margin-top: 8px !important;
  z-index: 2 !important;
  clear: both !important;
}
body.nahled2 #paticka {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  order: 99 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 32px !important;
  margin-bottom: 0 !important;
  clear: both !important;
  z-index: 1 !important;
  align-self: stretch !important;
}
body.nahled2 #obal {
  align-items: flex-start !important;
  align-content: flex-start !important;
  min-height: 100vh !important;
  height: auto !important;
  overflow: visible !important;
}
body.nahled2 .cistic {
  order: 98 !important;
  flex: 0 0 100% !important;
  height: 0 !important;
  margin: 0 !important;
  clear: both !important;
}

/* organic.css: img{display:block;max-width:100%} stacks chat smilies */
body.nahled2 #pokec_kecy img:not(.x):not(#xoknogif),
body.nahled2 #pokec_kecy p img,
body.nahled2 #pokec_kecy > div img:not(.x):not(#xoknogif),
body.nahled2 #pokec_kecy > div > p img,
body.nahled2 #pokec #zpravy img:not(.x),
body.nahled2 #pokec #zpravy p img {
  display: inline-block !important;
  float: none !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  max-height: 28px !important;
  vertical-align: middle !important;
  margin: 0 2px !important;
  line-height: 1 !important;
}
/* keep close X as positioned control, not inline smiley */
body.nahled2 #pokec_kecy img.x,
body.nahled2 #pokec_kecy .x,
body.nahled2 #pokec_kecy h3 img.x {
  display: inline-block !important;
  max-height: none !important;
}

/* ========== FIX: cream to footer + no shell radius + mobile menu ========== */
/* One cream surface from page top through #obal to #paticka — no #E0D0B8 band,
   no floating "card" corners on the shell once bg meets the footer. */
html {
  background: #f5ead8 !important;
  background-color: #f5ead8 !important;
  min-height: 100% !important;
}
html body.nahled2,
body.nahled2,
body.nahled2.odhlasen {
  background: #f5ead8 !important;
  background-color: #f5ead8 !important;
  background-image: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
}
body.nahled2 #obal {
  background: #f5ead8 !important;
  background-color: #f5ead8 !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 100vh !important;
  height: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}
body.nahled2 #obsah,
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec,
body.nahled2 #klikarna,
body.nahled2 .cistic,
body.nahled2 #abeceda,
body.nahled2 #hlavicka_obal,
body.nahled2 #hlavicka,
body.nahled2 .hitparada,
body.nahled2 .hlavni {
  background-color: #f5ead8 !important;
  background-image: none !important;
}
/* pokec keeps its own surface; don't punch a hole to a foreign page bg */
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci,
body.nahled2 #pokec_kecy {
  background: #ebddc5 !important;
}
body.nahled2 #paticka {
  background: #1A1512 !important;
  background-image: none !important;
  border-radius: 16px 16px 0 0 !important;
  margin-top: 24px !important;
  margin-bottom: 0 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  order: 99 !important;
  position: relative !important;
  clear: both !important;
}
/* kill leftover outer "frame" color from older continuous-bg pass */
body.nahled2 #MsgBar2 {
  background: #f5ead8 !important;
}

/* Mobile menu: open directly under header, full width, never near footer.
   DOM has #navigace after columns; flex order + checked must pin it to slot 2. */
@media screen and (max-width: 800px) {
  body.nahled2 #nav-toggle,
  body.nahled2 .nav-toggle {
    display: none !important;
  }
  body.nahled2 #nav-burger {
    display: flex !important;
  }
  body.nahled2 #hlavicka_obal { order: 1 !important; flex: 0 0 100% !important; width: 100% !important; }
  body.nahled2 #navigace {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    float: none !important;
    margin: 0 0 8px !important;
    z-index: 20 !important;
  }
  body.nahled2 #abeceda { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; }
  body.nahled2 #obsah,
  body.nahled2 #obsah:has(.hitparada) { order: 4 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
  body.nahled2 #pravy_sloupec { order: 5 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
  body.nahled2 .cistic { order: 6 !important; flex: 0 0 100% !important; }
  body.nahled2 #paticka { order: 7 !important; }

  body.nahled2 #navigace,
  body.nahled2 #abeceda {
    display: none !important;
  }
  body.nahled2 #nav-toggle:checked ~ #navigace {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 8px !important;
    background: #c67139 !important;
    border-radius: 8px !important;
  }
  body.nahled2 #nav-toggle:checked ~ #abeceda {
    display: flex !important;
    flex-wrap: wrap !important;
    order: 3 !important;
    margin: 0 0 8px !important;
  }
  /* no second desktop Organic nav on mobile */
  body.nahled2 .organic-nav,
  body.nahled2 nav.organic,
  body.nahled2 #organic-nav {
    display: none !important;
  }
}

/* ========== FIX: Organic radii + distinct compose ========== */
/* Per design handoff (organic.css / README):
   --radius-sm 8 · --radius-md 16 (rows, messages, sady)
   --radius-lg 28 (cards/panels) · 999px (buttons, inputs, pills)
   Compose/input ≠ message lift ≠ pokec surface. */
body.nahled2 {
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --n2-msg: #F0E6D4;
  --n2-pokec: #ebddc5; /* color-surface */
  --n2-compose: #f3ebe0; /* neutral-100-ish, not msg / not surface */
  --n2-compose-border: rgba(32, 30, 29, 0.16);
}

/* Page shell: cream to footer, no fake card corners on #obal */
html, html body.nahled2, body.nahled2, body.nahled2.odhlasen {
  background: #f5ead8 !important;
  background-color: #f5ead8 !important;
}
body.nahled2 #obal {
  background: #f5ead8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 100vh !important;
}
body.nahled2 #obsah,
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec,
body.nahled2 #klikarna,
body.nahled2 .cistic,
body.nahled2 #abeceda,
body.nahled2 #hlavicka_obal,
body.nahled2 .hitparada {
  background-color: #f5ead8 !important;
  background-image: none !important;
}

/* Pokec panel = card → radius-lg */
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci {
  background: var(--n2-pokec) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
}
body.nahled2 #pokec_kecy {
  background: var(--n2-pokec) !important;
  border-radius: 0 !important;
}

/* Messages = radius-md (design) */
body.nahled2 #pokec_kecy > div,
body.nahled2 #pokec_kecy > div[id^="z"] {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  background: var(--n2-msg) !important;
}
body.nahled2 #pokec_kecy > div > h3,
body.nahled2 #pokec_kecy h3,
body.nahled2 #pokec_kecy > div > p,
body.nahled2 #pokec_kecy p {
  border-radius: 0 !important;
}

/* Sady pane = radius-md */
body.nahled2 .pokec-sady-blok {
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
}
body.nahled2 #pokec_smiliebar {
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}
body.nahled2 #pokec_0,
body.nahled2 #pokec_1,
body.nahled2 #pokec_2,
body.nahled2 #pokec_3,
body.nahled2 #pokec_4,
body.nahled2 #pokec #sady,
body.nahled2 #pokec #sady p {
  border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}
/* sada tabs = pills */
body.nahled2 #pokec_smiliebar a,
body.nahled2 #pokec_smiliebar a.sada,
body.nahled2 #pokec_smiliebar a.sada-aktiv {
  border-radius: 999px !important;
}

/* Compose / inputs = pill, distinct fill (not msg, not pokec surface) */
body.nahled2 #pokec_edit,
body.nahled2 #pokec #pokec_edit,
body.nahled2 div#pokec_edit,
body.nahled2 iframe#pokec_edit,
body.nahled2 #pokec iframe#pokec_edit {
  background: var(--n2-compose) !important;
  background-color: var(--n2-compose) !important;
  color: #201e1d !important;
  border: 1px solid var(--n2-compose-border) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}
body.nahled2 iframe#pokec_edit html,
body.nahled2 iframe#pokec_edit body,
body.nahled2 #pokec_edit body {
  background: var(--n2-compose) !important;
  background-color: var(--n2-compose) !important;
  color: #201e1d !important;
}
body.nahled2 #pokec input#komu,
body.nahled2 #pokec .edit_pole,
body.nahled2 #pokec_jmenodiv input,
body.nahled2 #vyhledavani,
body.nahled2 #vyhledavani input.text,
body.nahled2 #vyhledavani select {
  border-radius: 999px !important;
}
/* Buttons = pills */
body.nahled2 #pokec .tlacitko,
body.nahled2 #pokec_odeslat,
body.nahled2 #pokec_odeslat.tlacitko,
body.nahled2 #navigace li a,
body.nahled2 #navigace li.first a,
body.nahled2 .hitparada .tlacitko,
body.nahled2 #obsah .tlacitko,
body.nahled2 #vyhledavani .tlacitko {
  border-radius: 999px !important;
}
body.nahled2 #navigace li.aktivni a {
  border: 1px solid transparent !important;
}

/* Chart rows = radius-md */
body.nahled2 .hitparada .radek,
body.nahled2 .hitparada h3 {
  border-radius: var(--radius-md) !important;
}

/* Forms / fieldsets in obsah = radius-lg cards */
body.nahled2 #obsah form .fieldset,
body.nahled2 #obsah .fieldset,
body.nahled2 #klikarna,
body.nahled2 #pravy_sloupec > .formular_ve_sloupci:not(#pokec) {
  border-radius: var(--radius-lg) !important;
}

/* Footer: design black bar — soft top only */
body.nahled2 #paticka {
  background: #1A1512 !important;
  border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
  margin-top: 24px !important;
  order: 99 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  position: relative !important;
}

/* Keep footer/Top3 fix */
body.nahled2 #obsah:has(.hitparada),
body.nahled2 #pravy_sloupec {
  align-self: flex-start !important;
}
body.nahled2 #pokec,
body.nahled2 #pokec.formular_ve_sloupci {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Mobile menu under header */
@media screen and (max-width: 800px) {
  body.nahled2 #hlavicka_obal { order: 1 !important; flex: 0 0 100% !important; width: 100% !important; }
  body.nahled2 #navigace {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: 20 !important;
    border-radius: var(--radius-md) !important;
  }
  body.nahled2 #abeceda { order: 3 !important; flex: 0 0 100% !important; }
  body.nahled2 #obsah,
  body.nahled2 #obsah:has(.hitparada) { order: 4 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
  body.nahled2 #pravy_sloupec { order: 5 !important; flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
  body.nahled2 .cistic { order: 6 !important; }
  body.nahled2 #paticka { order: 7 !important; }
  body.nahled2 #navigace,
  body.nahled2 #abeceda { display: none !important; }
  body.nahled2 #nav-toggle:checked ~ #navigace {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 8px !important;
    background: #c67139 !important;
  }
  body.nahled2 #nav-toggle:checked ~ #abeceda {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  body.nahled2 #obal { border-radius: 0 !important; }
}

/* ========== FIX: nav DOM + footer flush ========== */
html body.nahled2 #obal,
body.nahled2 #obal {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}
body.nahled2 #paticka {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
/* no cream strip under footer */
html, body.nahled2 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.nahled2 #MsgBar2 {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ========== FIX: mobile menu order 2 when open ========== */
@media screen and (max-width: 800px) {
  body.nahled2 #obal > #navigace,
  body.nahled2 #navigace,
  body.nahled2 #nav-toggle:checked ~ #navigace,
  body.nahled2 #obal > #nav-toggle:checked ~ #navigace {
    order: 2 !important;
  }
  body.nahled2 #obal > #abeceda,
  body.nahled2 #abeceda,
  body.nahled2 #nav-toggle:checked ~ #abeceda {
    order: 3 !important;
  }
  body.nahled2 #hlavicka_obal { order: 1 !important; }
  body.nahled2 #obsah,
  body.nahled2 #obsah:has(.hitparada) { order: 4 !important; }
  body.nahled2 #pravy_sloupec { order: 5 !important; }
  body.nahled2 .cistic { order: 6 !important; }
  body.nahled2 #paticka { order: 7 !important; }
}

/* ========== FIX: msg padding + Organic footer monsters ========== */
/* Design check: bubbles radius ~12 + padding so text clears arc;
   chart padding 12/14; footer flex 12/16 + both monsters. */
body.nahled2 #pokec_kecy > div,
body.nahled2 #pokec_kecy > div[id^="z"] {
  border-radius: 12px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  box-sizing: border-box !important;
}
body.nahled2 #pokec_kecy > div > h3,
body.nahled2 #pokec_kecy h3 {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 8px 28px 8px 12px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
body.nahled2 #pokec_kecy > div > p,
body.nahled2 #pokec_kecy p {
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.nahled2 .hitparada .radek,
body.nahled2 .hitparada > .radek {
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin: 0 0 8px !important;
  box-sizing: border-box !important;
  gap: 10px !important;
}
body.nahled2 .hitparada h3 {
  gap: 10px !important;
  padding-left: 12px !important;
}
body.nahled2 .hitparada {
  gap: 8px !important;
}
body.nahled2 .hitparada h3 span.poradi {
  margin-right: 0 !important;
  padding-left: 0 !important;
}

body.nahled2 #paticka {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 12px 16px !important;
  box-sizing: border-box !important;
  background: #000 !important;
  color: #F5EAD8 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: visible !important;
  min-height: 64px !important;
}
body.nahled2 #paticka .oci {
  display: none !important;
}
body.nahled2 #paticka img.footer-pas,
body.nahled2 #paticka .footer-pas {
  display: block !important;
  position: static !important;
  flex: 0 0 auto !important;
  height: 36px !important;
  width: auto !important;
  max-width: 160px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  float: none !important;
}
body.nahled2 #paticka p {
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #F5EAD8 !important;
}
body.nahled2 #paticka a {
  color: #F5EAD8 !important;
}
body.nahled2 #paticka img.footer-priserka {
  display: block !important;
  position: static !important;
  flex: 0 0 auto !important;
  height: 40px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
@media screen and (max-width: 800px) {
  body.nahled2 #paticka {
    gap: 12px !important;
    padding: 10px 12px !important;
  }
  body.nahled2 #paticka p { font-size: 11px !important; }
  body.nahled2 #paticka img.footer-pas {
    height: 28px !important;
    max-width: 100px !important;
  }
  body.nahled2 #paticka img.footer-priserka { height: 32px !important; }
}

/* ========== FIX: compact mobile search ========== */
/* Desktop keeps Organic pill bar. On mobile, 999px around a stacked
   input+select+button made a giant oval with huge whitespace. */
@media screen and (max-width: 800px) {
  body.nahled2 #vyhledavani {
    order: 3 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 8px !important;
    background: #fffdf8 !important;
    border: 1px solid rgba(32, 30, 29, 0.16) !important;
    border-radius: 12px !important; /* card, not mega-pill */
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  body.nahled2 #vyhledavani p {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.nahled2 #vyhledavani input.text {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(32, 30, 29, 0.16) !important;
    background: #fff !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }
  body.nahled2 #vyhledavani select {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(32, 30, 29, 0.16) !important;
    border-left: 1px solid rgba(32, 30, 29, 0.16) !important;
    background: #fff !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
  }
  body.nahled2 #vyhledavani .tlacitko {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 40px !important;
  }
}

/* ========== FIX: hitparáda místa — jen jedno 1/2/3 vybrané ========== */
/* Root cause: Organic pass styled ALL a#misto1 as "selected".
   JS marks choice by appending m1/m2/m3 onto .poradi (often becoming sm1/sm2/sm3). */
body.nahled2 .hitparada .hlasuj a[id="misto1"],
body.nahled2 .hitparada .hlasuj a[id="misto2"],
body.nahled2 .hitparada .hlasuj a[id="misto3"] {
  background: #fffdf8 !important;
  color: #201e1d !important;
  border: 1px solid rgba(32, 30, 29, 0.22) !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
body.nahled2 .hitparada .hlasuj a[id="misto1"]:hover,
body.nahled2 .hitparada .hlasuj a[id="misto2"]:hover,
body.nahled2 .hitparada .hlasuj a[id="misto3"]:hover,
body.nahled2 .hitparada .hlasuj a[id="misto1"]:focus,
body.nahled2 .hitparada .hlasuj a[id="misto2"]:focus,
body.nahled2 .hitparada .hlasuj a[id="misto3"]:focus {
  background: #ffe1d0 !important;
  color: #643312 !important;
  border-color: #c67139 !important;
}
/* Only the matching button on the row whose .poradi carries m1/sm1 etc. */
body.nahled2 .hitparada .radek:has(.poradi.m1) .hlasuj a[id="misto1"],
body.nahled2 .hitparada .radek:has(.poradi.sm1) .hlasuj a[id="misto1"],
body.nahled2 .hitparada .radek:has(.poradi.m2) .hlasuj a[id="misto2"],
body.nahled2 .hitparada .radek:has(.poradi.sm2) .hlasuj a[id="misto2"],
body.nahled2 .hitparada .radek:has(.poradi.m3) .hlasuj a[id="misto3"],
body.nahled2 .hitparada .radek:has(.poradi.sm3) .hlasuj a[id="misto3"],
body.nahled2 .hitparada .radek:has(.poradi.lm3) .hlasuj a[id="misto3"] {
  background: #c67139 !important;
  color: #fffdf8 !important;
  border-color: #8c491a !important;
  box-shadow: 0 0 0 2px rgba(198, 113, 57, 0.35) !important;
}
/* Soft row tint only when a place is chosen on that row */
body.nahled2 .hitparada .radek:has(.poradi.m1),
body.nahled2 .hitparada .radek:has(.poradi.sm1),
body.nahled2 .hitparada .radek:has(.poradi.m2),
body.nahled2 .hitparada .radek:has(.poradi.sm2),
body.nahled2 .hitparada .radek:has(.poradi.m3),
body.nahled2 .hitparada .radek:has(.poradi.sm3),
body.nahled2 .hitparada .radek:has(.poradi.lm3) {
  background-color: #fff2eb !important;
}
/* Unselected rows: no accent wash from older rules */
body.nahled2 .hitparada .radek:not(:has(.poradi.m1)):not(:has(.poradi.sm1)):not(:has(.poradi.m2)):not(:has(.poradi.sm2)):not(:has(.poradi.m3)):not(:has(.poradi.sm3)):not(:has(.poradi.lm3)) {
  background-color: transparent !important;
}

/* ========== FIX: homepage intro texty — lepší odsazení ========== */
body.nahled2 .leve_menu h3 {
  margin: 0 0 10px !important;
  padding: 4px 14px 0 !important;
}
body.nahled2 .leve_menu ul.plocha.text,
body.nahled2 .leve_menu .plocha.text {
  margin: 0 !important;
  padding: 4px 0 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
body.nahled2 .leve_menu ul.plocha.text li,
body.nahled2 .leve_menu .plocha.text li {
  margin: 0 12px !important;
  padding: 12px 14px !important;
  line-height: 1.55 !important;
  font-size: 15px !important;
  background: rgba(255, 253, 248, 0.72) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}
/* Chart song lines: air between title and details */
body.nahled2 .hitparada .radek h3 {
  margin: 0 0 4px !important;
  gap: 10px !important;
}
body.nahled2 .hitparada p.detaily {
  margin: 0 0 8px !important;
  padding: 0 0 0 0 !important;
  line-height: 1.45 !important;
}
body.nahled2 .hitparada .hlasuj {
  margin: 4px 0 0 !important;
  gap: 8px !important;
}

/* ========== FIX: Pravidla + generátor — vzdušné konzistentní mezery ========== */
/* No max-width: text must span the chart column (left-aligned, full width).
   Airiness = even paragraph gaps + line-height, not a narrow rag-right block. */
body.nahled2 #obsah h2[style*="12pt"],
body.nahled2 #obsah h2[style*="font-size:12pt"],
body.nahled2 #nhlasovatform ~ h2,
body.nahled2 #obsah form#nhlasovatform ~ h2 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  clear: both !important;
  float: none !important;
  margin: 28px 0 14px !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  color: #201e1d !important;
  border: none !important;
  background: transparent !important;
}
body.nahled2 #nhlasovatform ~ h2 + p,
body.nahled2 #obsah form#nhlasovatform ~ h2 + p,
body.nahled2 #obsah h2[style*="12pt"] + p,
body.nahled2 #obsah h2[style*="font-size:12pt"] + p,
body.nahled2 #nhlasovatform ~ h2 + p + p,
body.nahled2 #obsah h2[style*="12pt"] + p + p,
body.nahled2 #obsah h2[style*="font-size:12pt"] + p + p,
body.nahled2 #nhlasovatform ~ h2 + p + p + p,
body.nahled2 #obsah h2[style*="12pt"] + p + p + p,
body.nahled2 #obsah h2[style*="font-size:12pt"] + p + p + p {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  color: #201e1d !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
/* Generator blurb: same rhythm, full width, light padding only (no narrow card) */
body.nahled2 #nhlasovatform > div > p,
body.nahled2 #nhlasovatform p:has(a[href*="fcform"]),
body.nahled2 #nhlasovatform p:has(a[href*="fc.php"]) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  clear: both !important;
  float: none !important;
  box-sizing: border-box !important;
  margin: 16px 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  color: #201e1d !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
body.nahled2 #nhlasovatform p:has(a[href*="fcform"]) a,
body.nahled2 #nhlasovatform p:has(a[href*="fc.php"]) a {
  color: #8c491a !important;
}

/* ========== FIX: mobile menu under burger (search out of header) ========== */
@media screen and (max-width: 800px) {
  body.nahled2 #hlavicka_obal { order: 1 !important; }
  body.nahled2 #navigace,
  body.nahled2 #nav-toggle:checked ~ #navigace { order: 2 !important; }
  body.nahled2 #abeceda,
  body.nahled2 #nav-toggle:checked ~ #abeceda { order: 3 !important; }
  body.nahled2 #obal > #vyhledavani,
  body.nahled2 #vyhledavani { order: 4 !important; }
  body.nahled2 #obal > .login-wrap,
  body.nahled2 #obal > .account-chip,
  body.nahled2 #obal > .login-chip { order: 5 !important; width: 100% !important; max-width: 100% !important; }
  body.nahled2 #obsah,
  body.nahled2 #obsah:has(.hitparada) { order: 6 !important; }
  body.nahled2 #pravy_sloupec { order: 7 !important; }
  body.nahled2 .cistic { order: 8 !important; }
  body.nahled2 #paticka { order: 9 !important; }
  /* Header row: only logo + burger — search no longer inside */
  body.nahled2 #hlavicka_obal #hlavicka {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

/* ========== FIX: X-okno tabs (Návštěvníci / Smajlíci) layout ========== */
/* Keep JS display toggling. Only stabilize flex shell + overflowing tab content. */
body.nahled2 #vipOkno[style*="display: block"],
body.nahled2 #vipOkno[style*="display:block"],
body.nahled2 #vipOkno[style*="display: flex"],
body.nahled2 #vipOkno[style*="display:flex"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: hidden !important;
  width: min(720px, 96vw) !important;
  height: min(80vh, 560px) !important;
  max-height: 80vh !important;
}
body.nahled2 #vipMenu {
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}
body.nahled2 #vipPlocha {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
}
body.nahled2 #vipOtevrenaOkna {
  flex: 0 0 auto !important;
  width: 100% !important;
}
/* Tab root panes: fill width; do NOT force display (JS hides inactive) */
body.nahled2 #vipPlocha > div,
body.nahled2 #vipSmajlici,
body.nahled2 #vipSeznam,
body.nahled2 #vipMujProfil,
body.nahled2 #vipAjax,
body.nahled2 #vipSoukromky,
body.nahled2 #vipBany,
body.nahled2 #insertArea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
}
body.nahled2 #vipPlocha table,
body.nahled2 #vipSeznam table,
body.nahled2 #vipSmajlici table,
body.nahled2 #vipMujProfil table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
}
body.nahled2 #vipPlocha td,
body.nahled2 #vipSeznam td {
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
/* Smilies grid: wrap, don't overflow the modal */
body.nahled2 #vipSmajlici img,
body.nahled2 #vipPlocha #vipSmajlici img {
  max-height: 40px !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
}

/* ========== FIX: Návštěvníci kontrast + jeden posuvník ========== */
/* Header row is inline bg #ffffc6 + color #000 — never force light text there */
body.nahled2 #vipSeznam table > tbody > tr:first-child,
body.nahled2 #vipSeznam table > tr:first-child,
body.nahled2 #vipSeznam tr[style*="ffffc6"],
body.nahled2 #vipSeznam tr[style*="background:#ffffc6"] {
  background: #ffffc6 !important;
  color: #000000 !important;
}
body.nahled2 #vipSeznam tr:first-child td,
body.nahled2 #vipSeznam tr[style*="ffffc6"] td,
body.nahled2 #vipSeznam tr[style*="background:#ffffc6"] td {
  color: #000000 !important;
  background: transparent !important;
}
/* Data rows: light cream text on dark rank backgrounds */
body.nahled2 #vipSeznam tr[style*="background:#0"],
body.nahled2 #vipSeznam tr[style*="background:#2"],
body.nahled2 #vipSeznam tr[style*="background:#4"],
body.nahled2 #vipSeznam tr[style*="background:#6"],
body.nahled2 #vipSeznam tr[style*="background:#8"],
body.nahled2 #vipSeznam tr[STYLE*="background:#"] {
  color: #ffffc6 !important;
}
body.nahled2 #vipSeznam tr[STYLE*="background:#"] > td {
  color: inherit !important;
}
body.nahled2 #vipSeznam tr[STYLE*="background:#"] > td[style*="ffffc6"],
body.nahled2 #vipSeznam tr[STYLE*="background:#"] > td[style*="background:#ffffc6"] {
  color: #660000 !important;
  background: #ffffc6 !important;
}
/* Action letters D S I B H — one horizontal row, not stacked */
body.nahled2 #vipSeznam td:last-child {
  white-space: nowrap !important;
  vertical-align: middle !important;
}
body.nahled2 #vipSeznam td:last-child span {
  display: inline-flex !important;
  float: none !important;
  margin: 0 1px !important;
  color: #ffffc6 !important;
}
body.nahled2 #vipSeznam tr:first-child td:last-child span,
body.nahled2 #vipSeznam tr[style*="ffffc6"] td:last-child span {
  color: #ffffc6 !important; /* obnov button keeps own inline colors */
}
/* Filters readable above table */
body.nahled2 #vipPlocha > b,
body.nahled2 #vipPlocha b {
  color: #ffc6c6 !important;
  font-size: 14px !important;
}
body.nahled2 #nastavSerad,
body.nahled2 #nastavZdroj {
  width: auto !important;
  max-width: 100% !important;
  min-height: 36px !important;
  margin: 4px 8px 8px 0 !important;
  color: #660000 !important;
  background: #ffc6c6 !important;
}
/* One scrollbar: only #vipPlocha scrolls */
body.nahled2 #vipOkno[style*="display: block"],
body.nahled2 #vipOkno[style*="display:block"],
body.nahled2 #vipOkno[style*="display: flex"],
body.nahled2 #vipOkno[style*="display:flex"] {
  overflow: hidden !important;
}
body.nahled2 #vipPlocha {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.nahled2 #vipSeznam,
body.nahled2 #vipPlocha > div {
  overflow: visible !important;
  max-height: none !important;
}
body.nahled2 #vipSeznam table {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 12px !important;
  border-collapse: collapse !important;
}
body.nahled2 #vipSeznam td {
  padding: 6px 4px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}
body.nahled2 #vipSeznam td:nth-child(2) {
  min-width: 7.5em !important;
  font-size: 12px !important;
}

/* ========== X-okno tlačítko v pokecu (2026-09-26) ==========
   Produkce: #xoknogif (img/xokno.gif) vpravo v řádku záložek Sada 1–5,
   jen pro přihlášené (vipInit). Náhled: #xoknogif zůstává skrytý, místo něj
   JS vloží #nahled2-xokno-row hned nad blok Sad, zarovnaný vpravo. */
body.nahled2 #pokec > #nahled2-xokno-row,
#pokec > #nahled2-xokno-row {
  display: none !important;
}
body.nahled2 #pokec > #nahled2-xokno-row.is-on,
#pokec > #nahled2-xokno-row.is-on {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 -2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
#pokec #nahled2-xokno-btn.nahled2-xokno-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 6px 14px !important;
  border: none !important;
  border-radius: 999px !important;
  background: var(--color-accent, #c67139) !important;
  color: #f5ead8 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
#pokec #nahled2-xokno-btn.nahled2-xokno-btn:hover {
  filter: brightness(0.92) !important;
}
#pokec #nahled2-xokno-btn.nahled2-xokno-btn:focus-visible {
  outline: 2px solid #201e1d !important;
  outline-offset: 2px !important;
}
#pokec #nahled2-xokno-btn img {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 15px !important;
  height: 11px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* ========== FIX: pokec input radius + padding (2026-09-28) ========== */
/* Bug: 72px-high multi-line compose with 999px pill (effective 36px) clipped
   the first letter in the top-left curve (padding-left 14 + body 2).
   Fix: compose uses the same radius as message bubbles (#pokec_kecy > div
   = 12px, see "FIX: msg padding" block) and padding that clears the arc.
   Visual style (fill, border) unchanged — input stays distinct.
   iframe (Chrome/Firefox, kompatibilita()==1): pokec407.js init() sets the
   inner body padding to 2px on all sides, so iframe padding 8/12/8/14
   => text inset 10px top, 16px left, 14px right. div/textarea variants
   have no inner body, so they get the full 10/14/10/16 directly. */
body.nahled2 #pokec_edit,
body.nahled2 #pokec #pokec_edit,
body.nahled2 div#pokec_edit,
body.nahled2 textarea#pokec_edit,
body.nahled2 #pokec div#pokec_edit,
body.nahled2 #pokec textarea#pokec_edit {
  border-radius: 12px !important;
  padding: 10px 14px 10px 16px !important;
  box-sizing: border-box !important;
}
body.nahled2 iframe#pokec_edit,
body.nahled2 #pokec iframe#pokec_edit {
  border-radius: 12px !important;
  padding: 8px 12px 8px 14px !important;
  box-sizing: border-box !important;
}

/* ===== 2026-10-12 polish (Ondřej schválil bod 1) ===== */
/* 1) A–Ž: jen česká abeceda, bez cyrilických М/С (desktop i mobilní menu) */
html body.nahled2 #abeceda a[href*="М"],
html body.nahled2 #abeceda a[href*="С"],
html body.nahled2 #abeceda a[href*="%D0%9C"],
html body.nahled2 #abeceda a[href*="%D0%A1"] {
  display: none !important;
}
/* 2) stavový řádek pokecu: celý text, zalamuje se */
html body.nahled2 #nahled2-status {
  flex: 1 1 auto;
  min-width: 0;
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif);
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 600;
  color: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  padding: 2px 0;
}
html body.nahled2 #hlpt { display: none !important; }
html body.nahled2 p:has(> #nahled2-status) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 24px;
  overflow: visible !important;
  white-space: normal !important;
}
/* 3) čitelnost: zprávy zarovnat vlevo, větší řádkování */
html body.nahled2 #pokec_kecy,
html body.nahled2 #pokec_kecy div,
html body.nahled2 #pokec_kecy p,
html body.nahled2 #pokec textarea,
html body.nahled2 #obsah p,
html body.nahled2 .hlavni p {
  text-align: left !important;
}
html body.nahled2 #pokec_kecy p {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: 0.005em;
  hyphens: none;
  word-spacing: normal;
}
html body.nahled2 #obsah p,
html body.nahled2 .hlavni p {
  line-height: 1.55;
}
/* 4) Profil / X-okno v hlavičce jako zřetelné tlačítko */
html body.nahled2 .account-chip-profil {
  background: var(--color-accent-200, #ffe1d0) !important;
  border: 1px solid var(--color-accent, #c67139) !important;
  color: var(--color-accent-800, #643312) !important;
  border-radius: 999px !important;
  padding: 5px 10px !important;
  min-height: 30px;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap;
  gap: 6px !important;
}
html body.nahled2 .account-chip-profil:hover,
html body.nahled2 .account-chip-profil:focus-visible {
  background: var(--color-accent, #c67139) !important;
  color: #fff !important;
  outline: none;
}
/* 5) mobil */
@media screen and (max-width: 800px) {
  html body.nahled2 #pokec {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.nahled2 .hitparada .radek { row-gap: 0 !important; }
  html body.nahled2 .hitparada .radek h3 { margin-bottom: 2px !important; }
  html body.nahled2 .hitparada p.detaily { margin: 2px 0 2px !important; }
  html body.nahled2 .hitparada .hlasuj { margin: 4px 0 0 !important; }
  html body.nahled2 #vyhledavani { padding: 6px !important; margin-top: 6px !important; }
  html body.nahled2 #vyhledavani p { gap: 5px !important; }
  html body.nahled2 #vyhledavani input.text,
  html body.nahled2 #vyhledavani select,
  html body.nahled2 #vyhledavani .tlacitko {
    min-height: 36px !important;
    height: 36px !important;
  }
  html body.nahled2 #vyhledavani .tlacitko { line-height: 36px !important; }
}

/* ===== 2026-10-12 polish 2 (Design drobnosti) ===== */
html body.nahled2 { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html body.nahled2 #pokec_kecy { padding-right: 8px !important; box-sizing: border-box !important; }
html body.nahled2 #pokec_kecy h3 { gap: 6px !important; justify-content: flex-start !important; }
html body.nahled2 #pokec_kecy h3 span { margin-left: 0 !important; }
html body.nahled2 #pokec_kecy p { font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; }
@media screen and (max-width: 800px) {
  html body.nahled2 #pokec_kecy p { font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; }
  html body.nahled2 .hitparada p.detaily { row-gap: 4px !important; line-height: 1.6 !important; }
}

/* ===== 2026-10-13 ikony ===== */
html body.nahled2 .account-chip-profil img { filter: grayscale(1) sepia(1) saturate(4) hue-rotate(-15deg) brightness(.55); }
html body.nahled2 .account-chip-profil:hover img,
html body.nahled2 .account-chip-profil:focus-visible img { filter: brightness(0) invert(1); }

/* 2026-10-13: spinner #statut bez inverze, bez pozadí */
html body.nahled2 #pkchlp #statut,
html body.nahled2 #pkchlp img#statut {
  filter: none !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 2px !important;
  width: 15px !important;
  height: 15px !important;
}

/* ===== 2026-10-14: Klikárna (qcharts.php) v Organic náhledu – karty jako hitparáda ===== */
html body.nahled2-p-qcharts .klikarna {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.nahled2-p-qcharts .klikarna h1 {
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  margin: 4px 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 2px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  background: none !important;
  color: var(--color-text, #201e1d) !important;
}
html body.nahled2-p-qcharts .klikarna #pocitadlo {
  text-align: center !important;
  font-size: 15px !important;
  margin: 0 0 12px !important;
  padding: 8px 12px !important;
  background: none !important;
  border: 0 !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni {
  counter-reset: none;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni p {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 12px 16px !important;
  background: var(--color-neutral-100, #f9f4ed) !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14)) !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  text-align: left !important;
  min-height: 0 !important;
  height: auto !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni p.sec {
  background: var(--color-neutral-100, #f9f4ed) !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni span.skladba {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  float: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--color-text, #201e1d) !important;
  background: none !important;
  padding: 0 !important;
  overflow-wrap: anywhere;
}
html body.nahled2-p-qcharts .klikarna .hlavni span.body {
  flex: 0 0 auto !important;
  float: none !important;
  width: auto !important;
  min-width: 44px;
  text-align: right !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 18px !important;
  color: var(--color-accent, #c67139) !important;
  background: none !important;
  padding: 0 !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni p > a {
  order: 3;
  flex: 0 0 auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  min-width: 88px;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--color-accent, #c67139) !important;
  border: 0 !important;
  color: #fff !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 15px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  box-sizing: border-box;
}
html body.nahled2-p-qcharts .klikarna .hlavni p > a:hover,
html body.nahled2-p-qcharts .klikarna .hlavni p > a:focus-visible {
  background: var(--color-accent-800, #643312) !important;
  outline: none;
}
@media screen and (max-width: 800px) {
  html body.nahled2-p-qcharts .klikarna h1 { font-size: 24px !important; }
  html body.nahled2-p-qcharts .klikarna .hlavni p {
    padding: 12px 14px !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  html body.nahled2-p-qcharts .klikarna .hlavni span.skladba { font-size: 15px !important; }
  html body.nahled2-p-qcharts .klikarna .hlavni p > a { min-width: 76px; height: 40px !important; padding: 0 12px !important; }
}
/* Klikárna: karty vedle levého sloupce (ne pod něj), levý panel v Organic barvách */
html body.nahled2-p-qcharts .klikarna { overflow: hidden !important; display: block !important; }
html body.nahled2-p-qcharts #obsah > div[style*="243px"] { margin-right: 20px !important; }
html body.nahled2-p-qcharts .klikarna h1 { font-variant: normal !important; text-transform: none !important; }
html body.nahled2-p-qcharts #obsah > div[style*="243px"] table,
html body.nahled2-p-qcharts #obsah > div[style*="243px"] .formular_ve_sloupci {
  background: var(--color-neutral-100, #f9f4ed) !important;
  border: 0 !important;
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14)) !important;
  overflow: hidden;
}
html body.nahled2-p-qcharts #obsah > div[style*="243px"] table th,
html body.nahled2-p-qcharts #obsah > div[style*="243px"] table td {
  background: transparent !important;
  color: var(--color-text, #201e1d) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-divider, rgba(32,30,29,0.12)) !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-size: 13px !important;
  padding: 7px 10px !important;
}
html body.nahled2-p-qcharts #obsah > div[style*="243px"] table th,
html body.nahled2-p-qcharts #obsah > div[style*="243px"] table tr:first-child td[colspan] {
  background: var(--color-accent, #c67139) !important;
  color: #fff !important;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
}
@media screen and (max-width: 800px) {
  html body.nahled2-p-qcharts #obsah > div[style*="243px"] { margin-right: 0 !important; }
  html body.nahled2-p-qcharts .klikarna { overflow: visible !important; }
}

/* ===== 2026-10-14 Klikárna kolo 2 (Design FAIL): layout B jako hitparáda ===== */
html body.nahled2-p-qcharts .klikarna {
  overflow: visible !important;
  width: 100% !important;
  max-width: 750px !important;
  margin: 0 auto !important;
}
html body.nahled2-p-qcharts .klikarna h1 {
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  font-variant: small-caps !important;
  line-height: 50px !important;
  text-align: center !important;
  white-space: nowrap;
  margin: 8px 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 2px solid var(--color-divider, rgba(32,30,29,0.16)) !important;
  color: var(--color-text, #201e1d) !important;
}
html body.nahled2-p-qcharts .klikarna p.n2-meta {
  text-align: center !important;
  font-size: 16px !important;
  margin: 8px 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  display: block !important;
}
html body.nahled2-p-qcharts .klikarna #pocitadlo,
html body.nahled2-p-qcharts .klikarna #pocitadlo.n2-pill {
  display: table !important;
  margin: 6px auto 16px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  background: var(--color-accent-200, #ffe1d0) !important;
  color: var(--color-accent-800, #643312) !important;
  border: 1px solid var(--color-accent, #c67139) !important;
}
html body.nahled2-p-qcharts .klikarna #pocitadlo.n2-pill-ok {
  background: #e3f1dc !important;
  color: #2f5d22 !important;
  border-color: #6aa356 !important;
}
html body.nahled2-p-qcharts .klikarna .hlavni p { gap: 14px !important; padding: 12px 16px 12px 12px !important; }
html body.nahled2-p-qcharts .klikarna .hlavni span.n2-rank {
  flex: 0 0 40px;
  width: 40px;
  text-align: center;
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif);
  font-size: 32px;
  line-height: 32px;
  color: var(--color-accent, #c67139);
}
html body.nahled2-p-qcharts .klikarna .hlavni span.skladba { white-space: normal; }
html body.nahled2-p-qcharts .klikarna .hlavni span.body {
  color: #a85a2a !important;
  font-size: 16px !important;
}
/* Moje údaje pod pokecem */
html body.nahled2 #nahled2-udaje {
  background: #ebddc5 !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  margin: 12px 0 !important;
  box-sizing: border-box;
}
html body.nahled2 #nahled2-udaje h3 {
  font-family: var(--font-heading, "Caprasimo", system-ui, sans-serif) !important;
  font-size: 18px !important;
  color: var(--color-accent, #c67139) !important;
  background: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  text-transform: none !important;
}
html body.nahled2 #nahled2-udaje ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
html body.nahled2 #nahled2-udaje li {
  display: flex !important;
  justify-content: space-between;
  gap: 12px;
  padding: 5px 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(32,30,29,0.10) !important;
  font-size: 14px !important;
}
html body.nahled2 #nahled2-udaje li:last-child { border-bottom: 0 !important; }
html body.nahled2 #nahled2-udaje li span {
  float: none !important;
  width: auto !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--color-text, #201e1d) !important;
  text-align: left !important;
}
html body.nahled2 #nahled2-udaje li span.vlevo { opacity: .75; }
html body.nahled2 #nahled2-udaje li span.vpravo { font-weight: 700; text-align: right !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-qcharts .klikarna h1 { font-size: 30px !important; line-height: 38px !important; }
  html body.nahled2-p-qcharts .klikarna .hlavni span.n2-rank { flex-basis: 32px; width: 32px; font-size: 26px; }
  html body.nahled2-p-qcharts .klikarna .hlavni p { gap: 10px !important; }
}
html body.nahled2-p-qcharts .klikarna .hlavni,
html body.nahled2-p-qcharts .klikarna .hlavni p {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
html body.nahled2-p-qcharts .klikarna p.n2-meta { text-align: center !important; width: 100% !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-qcharts .klikarna .hlavni p {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 10px !important;
    row-gap: 6px !important;
    align-items: center !important;
  }
  html body.nahled2-p-qcharts .klikarna .hlavni span.n2-rank { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
  html body.nahled2-p-qcharts .klikarna .hlavni span.skladba { grid-column: 2 / span 2; grid-row: 1; }
  html body.nahled2-p-qcharts .klikarna .hlavni span.body { grid-column: 2; grid-row: 2; text-align: left !important; }
  html body.nahled2-p-qcharts .klikarna .hlavni p > a { grid-column: 3; grid-row: 2; height: 36px !important; }
}
html body.nahled2 #nahled2-udaje li span.vlevo { flex: 1 1 auto; text-align: left !important; }
html body.nahled2 #nahled2-udaje li span.vpravo { flex: 0 0 auto; }

/* ===== 2026-10-14 Klikárna kolo 3: host (body.odhlasen) měl .hlavni jako flex řádek → úzké sloupky ===== */
html body.nahled2.nahled2-p-qcharts .klikarna .hlavni,
html body.nahled2.nahled2-p-qcharts.odhlasen .klikarna .hlavni {
  display: block !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  columns: auto !important;
}
html body.nahled2.nahled2-p-qcharts .klikarna .hlavni p,
html body.nahled2.nahled2-p-qcharts.odhlasen .klikarna .hlavni p {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
}
html body.nahled2.nahled2-p-qcharts .klikarna .hlavni p span.body,
html body.nahled2.nahled2-p-qcharts.odhlasen .klikarna .hlavni p span.body {
  font-size: 16px !important;
  color: #a85a2a !important;
}
html body.nahled2 #nahled2-udaje ul#udaje li span.vlevo { flex: 1 1 auto !important; text-align: left !important; }
html body.nahled2 #nahled2-udaje ul#udaje li span.vpravo { flex: 0 0 auto !important; text-align: right !important; margin-left: auto !important; }
@media screen and (max-width: 800px) {
  html body.nahled2.nahled2-p-qcharts .klikarna .hlavni p,
  html body.nahled2.nahled2-p-qcharts.odhlasen .klikarna .hlavni p { display: grid !important; }
}
@media screen and (min-width: 801px) {
  html body.nahled2.nahled2-p-qcharts .klikarna .hlavni p,
  html body.nahled2.nahled2-p-qcharts.odhlasen .klikarna .hlavni p { display: flex !important; }
}

/* ===== 2026-10-14 sekce 2: interpreti A–Ž, hledej.php, pridani.php (šablona lyrics) ===== */
html body.nahled2-p-pismeno #obsah,
html body.nahled2-p-hledej #obsah,
html body.nahled2-p-pridani #obsah {
  display: block !important;
  grid-template-columns: none !important;
}
html body.nahled2-p-pismeno #obsah > *,
html body.nahled2-p-hledej #obsah > *,
html body.nahled2-p-pridani #obsah > * {
  grid-column: auto !important;
  max-width: 100% !important;
}
html body.nahled2-p-pismeno #obsah > div:empty,
html body.nahled2-p-pismeno #obsah > div:not([class]):not([id]):not(:has(*:not(script):not(ins))) { display: none !important; }
html body.nahled2-p-pismeno #obsah table.texty,
html body.nahled2-p-hledej #obsah table.texty,
html body.nahled2-p-pridani #obsah table.texty {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: var(--color-neutral-100, #f9f4ed) !important;
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14)) !important;
  overflow: hidden;
}
html body.nahled2-p-pismeno #obsah table.texty th,
html body.nahled2-p-hledej #obsah table.texty th,
html body.nahled2-p-pridani #obsah table.texty th {
  background: transparent !important;
  color: var(--color-text, #201e1d) !important;
  opacity: .7;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 10px 12px 6px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-divider, rgba(32,30,29,0.12)) !important;
}
html body.nahled2-p-pismeno #obsah table.texty td,
html body.nahled2-p-hledej #obsah table.texty td,
html body.nahled2-p-pridani #obsah table.texty td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-divider, rgba(32,30,29,0.08)) !important;
  padding: 7px 12px !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}
html body.nahled2-p-pismeno #obsah table.texty tr:last-child td,
html body.nahled2-p-hledej #obsah table.texty tr:last-child td,
html body.nahled2-p-pridani #obsah table.texty tr:last-child td { border-bottom: 0 !important; }
html body.nahled2-p-pismeno #obsah table.texty tr.sec td,
html body.nahled2-p-hledej #obsah table.texty tr.sec td,
html body.nahled2-p-pridani #obsah table.texty tr.sec td { background: rgba(32,30,29,0.025) !important; }
html body.nahled2-p-pismeno #obsah table.texty td.pocet { text-align: right !important; color: #a85a2a !important; width: 1%; white-space: nowrap; }
html body.nahled2-p-pismeno #obsah h2,
html body.nahled2-p-pismeno #obsah h3,
html body.nahled2-p-hledej #obsah h2,
html body.nahled2-p-hledej #obsah h3,
html body.nahled2-p-pridani #obsah h2,
html body.nahled2-p-pridani #obsah h3 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: var(--color-text, #201e1d) !important;
  margin: 18px 0 10px !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
html body.nahled2-p-hledej #obsah h3.pismeno { font-size: 18px !important; color: var(--color-accent-800, #643312) !important; }
/* prázdná stránka (pridani): vyhledávání se nesmí roztáhnout na výšku řádku */
html body.nahled2 #obal > #vyhledavani { align-self: flex-start !important; height: auto !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-pismeno #obsah table.texty td,
  html body.nahled2-p-hledej #obsah table.texty td,
  html body.nahled2-p-pridani #obsah table.texty td { padding: 7px 8px !important; font-size: 14px !important; }
  html body.nahled2-p-hledej #obsah table.texty th:nth-child(n+3),
  html body.nahled2-p-hledej #obsah table.texty td:nth-child(n+3) { display: none !important; }
}
@media screen and (max-width: 800px) {
  html body.nahled2 #obal > #vyhledavani { flex: 0 0 auto !important; }
}
html body.nahled2-p-pismeno #obsah > h2,
html body.nahled2-p-pismeno #obsah > h3,
html body.nahled2-p-pismeno #obsah > table,
html body.nahled2-p-hledej #obsah > h3,
html body.nahled2-p-hledej #obsah > table {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  display: block;
}
html body.nahled2-p-pismeno #obsah > table,
html body.nahled2-p-hledej #obsah > table,
html body.nahled2-p-pridani #obsah > table { display: table !important; }
html body.nahled2.nahled2-lyrics.lyrics-hub.nahled2-p-pismeno #obsah,
html body.nahled2.nahled2-lyrics.lyrics-hub.nahled2-p-hledej #obsah,
html body.nahled2.nahled2-lyrics.lyrics-hub.nahled2-p-pridani #obsah {
  display: block !important;
  grid-template-columns: none !important;
}

/* ===== 2026-10-14 sekce 2 kolo 2 (Design FAIL) ===== */
html body.nahled2.nahled2-lyrics.lyrics-hub.nahled2-p-texty #obsah { display: block !important; grid-template-columns: none !important; }
html body.nahled2-p-texty #obsah > * { grid-column: auto !important; max-width: 100% !important; }
html body.nahled2-p-texty #obsah > h2,
html body.nahled2-p-texty #obsah > h3,
html body.nahled2-p-texty #obsah > table { float: none !important; clear: both !important; width: 100% !important; }
html body.nahled2-p-texty #obsah table.texty,
html body.nahled2-p-pismeno #obsah table.texty,
html body.nahled2-p-hledej #obsah table.texty,
html body.nahled2-p-pridani #obsah table.texty {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #f9f3ea !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(46,43,37,0.14)) !important;
  margin: 0 0 16px !important;
}
html body.nahled2-p-texty #obsah table.texty:not(:has(tr)) { display: none !important; }
html body.nahled2-p-texty #obsah table.texty th,
html body.nahled2-p-texty #obsah table.texty td,
html body.nahled2-p-texty #obsah table.texty tr.sec td,
html body.nahled2-p-pismeno #obsah table.texty tr.sec td,
html body.nahled2-p-hledej #obsah table.texty tr.sec td,
html body.nahled2-p-pridani #obsah table.texty tr.sec td {
  background: transparent !important;
}
html body.nahled2-p-texty #obsah table.texty th {
  color: var(--color-text, #201e1d) !important;
  opacity: .7;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 10px 12px 6px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(32,30,29,0.12) !important;
}
html body.nahled2-p-texty #obsah table.texty td {
  border: 0 !important;
  border-bottom: 1px solid rgba(32,30,29,0.08) !important;
  padding: 7px 12px !important;
  font-size: 15px !important;
  vertical-align: middle !important;
}
html body.nahled2-p-texty #obsah table.texty tr:last-child td { border-bottom: 0 !important; }
html body.nahled2-p-texty #obsah h2,
html body.nahled2-p-texty #obsah h3 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--color-text, #201e1d) !important;
  height: auto !important;
}
html body.nahled2-p-texty #obsah h2 { font-size: 20px !important; margin: 12px 0 8px !important; padding: 0 !important; }
html body.nahled2-p-texty #obsah h3.pismeno { font-size: 18px !important; color: var(--color-accent-800, #643312) !important; margin: 12px 0 8px !important; padding: 0 !important; }
html body.nahled2-p-texty #obsah > p:not(.cesta) { margin: 0 0 12px !important; }
html body.nahled2-p-texty #obsah > div:empty,
html body.nahled2-p-texty #obsah > div:not([class]):not([id]):not(:has(*:not(script):not(ins))) { display: none !important; }
html body.nahled2-p-pridani #obsah p.n2-empty {
  background: #f9f3ea;
  border-radius: 16px;
  padding: 24px 16px;
  text-align: center !important;
  font-size: 16px;
  color: var(--color-text, #201e1d);
  opacity: .8;
  margin: 8px 0 16px !important;
}
@media screen and (max-width: 800px) {
  html body.nahled2.nahled2-lyrics #obal > .login-wrap { margin-top: 10px !important; }
  html body.nahled2-p-texty #obsah table.texty td { padding: 7px 8px !important; font-size: 14px !important; }
}

/* ===== 2026-10-14 sekce 2 drobnosti ===== */
html body.nahled2 .btn-prihlasit,
html body.nahled2 .login-wrap .btn-prihlasit,
html body.nahled2 .login-chip,
html body.nahled2 .login-chip a,
html body.nahled2 .login-chip button {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
  font-weight: 700 !important;
}
@media screen and (max-width: 800px) {
  html body.nahled2 #obal > .login-wrap { margin-top: 10px !important; }
}
html body.nahled2-p-pridani #paticka { border-radius: 16px !important; }

/* ===== 2026-10-14 sekce 2 kolo 4: texty.php mobil bez oříznutí ===== */
@media screen and (max-width: 800px) {
  html body.nahled2-p-texty #obsah table.texty th:nth-child(n+3),
  html body.nahled2-p-texty #obsah table.texty td:nth-child(n+3) { display: none !important; }
  html body.nahled2-p-texty #obsah table.texty,
  html body.nahled2-p-hledej #obsah table.texty { table-layout: auto !important; }
  html body.nahled2-p-texty #obsah,
  html body.nahled2-p-hledej #obsah { overflow-x: auto; }
}

/* ===== 2026-10-15 sekce 3: forum.php (+ detail diskuse) a chat.php =====
   Forum = ctení: 2 sloupce jako homepage (obsah + pokec), text omezen na citelnou sirku.
   Chat = aplikace: pokec zabira cely hlavni sloupec, panel napravo zustava. */
html body.nahled2-p-forum #obsah .lista { margin: 8px 0 18px !important; }
html body.nahled2-p-forum #obsah .lista form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
html body.nahled2-p-forum #obsah .lista input.search {
  flex: 1 1 220px; min-width: 0; height: 40px; box-sizing: border-box; padding: 0 16px;
  border: 1px solid #e6d9c6; border-radius: 999px; background: #fbf7f1; font: inherit; font-size: 15px;
}
html body.nahled2-p-forum #obsah .lista input.hledat {
  height: 40px; padding: 0 20px; border: 0; border-radius: 999px; background: #c4703a; color: #fff;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif); font-weight: 700; font-size: 14px; cursor: pointer;
}
html body.nahled2-p-forum #obsah p[style*="13pt"] { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px !important; margin: 0 0 16px !important; }
html body.nahled2-p-forum #obsah p[style*="13pt"] a {
  display: inline-block; padding: 6px 14px; border-radius: 999px; background: #eadcc8; color: #201e1d !important;
  text-decoration: none !important; font-weight: 600;
}
html body.nahled2-p-forum #obsah p[style*="13pt"] a:hover { background: #c4703a; color: #fff !important; }
html body.nahled2-p-forum #obsah .uokraj, html body.nahled2-p-forum #obsah .fakt { max-width: none !important; width: 100% !important; }
html body.nahled2-p-forum #obsah .uokraj > h4 { margin: 0 !important; padding: 16px 18px 4px; background: #f9f3ea; border-radius: 16px 16px 0 0; }
html body.nahled2-p-forum #obsah .uokraj p.fpopis { margin: 0 0 14px !important; padding: 4px 18px 16px; background: #f9f3ea; border-radius: 0 0 16px 16px; line-height: 1.55; }
html body.nahled2-p-forum #obsah .uokraj p.fpopis br + br { display: none; }
html body.nahled2-p-forum #obsah .uokraj p.fpopis span { display: block; margin-top: 8px; font-size: 13px; opacity: .7; }
html body.nahled2-p-forum #obsah table.tab2 { width: 100% !important; max-width: none !important; border-collapse: separate !important; border-spacing: 0; margin: 0 0 6px !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute td {
  background: #8b4a1f !important; color: #fff !important; padding: 7px 12px !important; font-size: 13px; font-weight: 600;
}
html body.nahled2-p-forum #obsah table.tab2 tr.zlute td:first-child { border-radius: 12px 0 0 0; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute td:last-child { border-radius: 0 12px 0 0; text-align: right; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute a { color: #fff !important; }
html body.nahled2-p-forum #obsah table.tab2 td { overflow-wrap: anywhere; }
html body.nahled2-p-forum #obsah table.tab2 tr:not(.zlute) > td { background: #f9f3ea; padding: 14px 16px !important; border-radius: 0 0 12px 12px; }
html body.nahled2-p-forum #obsah table.tab2 { margin-bottom: 14px !important; }
html body.nahled2-p-forum #obsah table.tab2 h4 { margin: 0 0 6px !important; padding: 0 !important; background: none !important; }
html body.nahled2-p-forum #obsah table.tab2 textarea,
html body.nahled2-p-forum #obsah table.tab2 input[type=text] { max-width: 100%; box-sizing: border-box; border: 1px solid #e6d9c6; border-radius: 12px; padding: 8px 12px; background: #fbf7f1; font: inherit; }
html body.nahled2-p-forum #obsah table.tab2 input[type=submit] { border: 0; border-radius: 999px; background: #c4703a; color: #fff; padding: 8px 18px; font-weight: 700; cursor: pointer; }
html body.nahled2-p-forum #obsah img, html body.nahled2-p-forum #obsah iframe { max-width: 100%; height: auto; }

html body.nahled2-p-chat #obsah #pokec.big-pokec { width: auto !important; max-width: 760px !important; margin: 0 0 24px !important; box-sizing: border-box; }
html body.nahled2-p-chat #obsah #pokec.big-pokec #pkchlp { position: static !important; width: auto !important; left: auto !important; top: auto !important; margin: 0 0 10px !important; }
html body.nahled2-p-chat #obsah #pokec.big-pokec h1 { margin: 0 0 12px !important; }
@media screen and (min-width: 801px) {
  html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua { display: flex !important; flex-wrap: wrap; gap: 8px; }
  html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua > span { width: auto !important; flex: 0 0 auto; margin: 0 !important; padding-left: 16px !important; padding-right: 16px !important; }
}
@media screen and (max-width: 800px) {
  html body.nahled2-p-forum #obsah table.tab2 { table-layout: fixed; }
  html body.nahled2-p-forum #obsah table.tab2 tr.zlute td { font-size: 12px; padding: 6px 8px !important; }
  html body.nahled2-p-forum #obsah div[style*="margin:25px"] { overflow: hidden; max-width: 100%; }
  html body.nahled2-p-chat #obsah #pokec.big-pokec { max-width: none !important; }
}
html body.nahled2-p-forum #obsah table.tab2 tr:not(.zlute) > td:empty { display: none; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute td:only-child { text-align: left; border-radius: 12px 12px 0 0; }
html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua { display: flex !important; flex-wrap: wrap; gap: 8px; }
html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua > span { width: auto !important; flex: 0 0 auto; margin: 0 !important; padding-left: 14px !important; padding-right: 14px !important; }

/* ===== 2026-10-15 sekce 3 kolo 2 ===== */
html body.nahled2-p-forum #obsah h1 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important;
  text-align: left !important; font-size: 40px !important; line-height: 42px !important; letter-spacing: -0.4px !important;
  margin: 0 0 12px !important; padding: 0 0 12px !important; text-transform: none !important;
}
html body.nahled2-p-forum #obsah h2, html body.nahled2-p-forum #obsah h3, html body.nahled2-p-forum #obsah h4 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important;
}
html body.nahled2-p-forum #pravy_sloupec { padding-top: 0 !important; margin-top: 0 !important; }
html body.nahled2-p-forum #pravy_sloupec #pokec { margin-top: 0 !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.n2-body > td { border-radius: 0 !important; padding: 14px 14px 8px !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.n2-rea > td { padding: 0 14px 12px !important; border-radius: 0 0 12px 12px !important; background: #f9f3ea !important; }
html body.nahled2-p-forum #obsah table.tab2 p.n2-rea-p { margin: 0 !important; text-align: left !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.n2-gap > td { height: 12px !important; padding: 0 !important; background: none !important; border: 0 !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute td:only-child { border-radius: 12px 12px 0 0 !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.zlute h4 { margin: 0 !important; color: #fff !important; font-size: 16px !important; text-align: left !important; }

html body.nahled2-p-chat #pravy_sloupec { display: none !important; }
html body.nahled2-p-chat #obsah { width: 100% !important; max-width: 1132px !important; float: none !important; }
html body.nahled2-p-chat #obsah #pokec.big-pokec { max-width: none !important; width: 100% !important; height: auto !important; overflow: visible !important; }
html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua { margin-top: 12px !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_kecy { height: auto !important; max-height: none !important; overflow: visible !important; }
  html body.nahled2-p-forum #obsah h1 { font-size: 32px !important; line-height: 36px !important; }
}
html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_kecy { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_kecy > :last-child { margin-bottom: 0 !important; } html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua { padding-top: 0 !important; }
/* #pokec je flex s gap 8px -> 4 + 8 = 12px */ html body.nahled2-p-chat #obsah #pokec.big-pokec #pokec_menua { margin-top: 4px !important; }
html body.nahled2-p-forum #obsah table.tab2 tr.n2-gap > td:empty { display: table-cell !important; height: 12px !important; }
/* ===== 2026-10-15 sekce 3 kolo 3: mobil ===== */
@media screen and (max-width: 800px) {
  html body.nahled2-p-forum #obsah div[style*="margin:25px"]:not(:has(iframe, ins)) { display: none !important; }
  html body.nahled2-p-forum #obsah div[style*="margin:25px"] { margin: 0 !important; min-height: 0 !important; }
  html body.nahled2-p-forum #obsah h1 { margin-bottom: 12px !important; }
  html body.nahled2-p-forum #obsah div[style*="margin:15px 0px"],
  html body.nahled2-p-forum #obsah .lista { margin-top: 0 !important; }
  html body.nahled2 #obal > .login-wrap { margin-bottom: 10px !important; }
  html body.nahled2 #pokec #pokec_kecy > :last-child { margin-bottom: 0 !important; }
  html body.nahled2 #pokec #pokec_kecy { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  html body.nahled2 #pokec #pokec_menua { margin-top: 4px !important; padding-top: 0 !important; }
}
/* ===== 2026-10-15 sekce 3 kolo 4 ===== */
html body.nahled2-p-forum #obsah table.vypistemat { table-layout: auto !important; width: 100% !important; border-collapse: collapse; }
html body.nahled2-p-forum #obsah table.vypistemat td { overflow-wrap: normal !important; word-break: normal !important; padding: 8px 10px; border-bottom: 1px solid #eadcc8; vertical-align: top; }
html body.nahled2-p-forum #obsah table.vypistemat tr.tucne td { font-weight: 700; white-space: nowrap; background: #eadcc8; }
html body.nahled2-p-forum #obsah table.vypistemat td.prave { white-space: nowrap; }
html body.nahled2-p-forum #obsah table.vypistemat td:has(a[href*="smazat="]) { white-space: nowrap; }
html body.nahled2-p-forum #obsah table.vypistemat td a[href*="smazat="] { white-space: nowrap; }
@media screen and (max-width: 800px) {
    html body.nahled2-p-forum #obsah table.tab2:has(table.vypistemat) > tbody > tr > td { overflow-wrap: normal !important; padding: 0 !important; background: none !important; }
  html body.nahled2-p-forum #obsah table.vypistemat td:not(.leve):not(.prave) { display: none !important; }
  html body.nahled2-p-forum #obsah table.vypistemat td.leve { overflow-wrap: break-word !important; }
  html body.nahled2-p-forum #obsah table.vypistemat td.prave { font-size: 12px; width: 1%; }
}
/* chat prihlaseny: box Prihlaseni/Moje udaje pod chat pres celou sirku */
html body.nahled2-p-chat #obsah { display: flex !important; flex-direction: column; }
html body.nahled2-p-chat #obsah > #pokec { order: 1; }
html body.nahled2-p-chat #obsah > div[style*="width:243px"] { order: 2; width: 100% !important; float: none !important; margin-top: 16px; }
html body.nahled2-p-chat #obsah > *:not(#pokec):not([style*="width:243px"]) { order: 3; }
html body.nahled2-p-chat #obsah #pokec .pokec-sady-blok { flex-wrap: wrap !important; max-width: 100%; }

/* ===== 2026-10-15 sekce 3 kolo 5: prihlaseny mobil - formular "Zalozit vlakno" (vltab, textarea cols=55) roztahoval tabulku ===== */
@media screen and (max-width: 800px) {
  html body.nahled2-p-forum #obsah table.tab2 { table-layout: fixed !important; width: 100% !important; max-width: 100% !important; }
  html body.nahled2-p-forum #obsah table.vypistemat { table-layout: fixed !important; width: 100% !important; }
  html body.nahled2-p-forum #obsah table.vypistemat tr > td { display: none !important; }
  html body.nahled2-p-forum #obsah table.vypistemat tr > td:first-child { display: table-cell !important; width: auto !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
  html body.nahled2-p-forum #obsah table.vypistemat tr > td:last-child:not(:first-child) { display: table-cell !important; width: 110px !important; white-space: normal !important; font-size: 12px; }
  html body.nahled2-p-forum #obsah table.vltab,
  html body.nahled2-p-forum #obsah table.vltab tbody,
  html body.nahled2-p-forum #obsah table.vltab tr,
  html body.nahled2-p-forum #obsah table.vltab td { display: block !important; width: 100% !important; box-sizing: border-box; text-align: left !important; }
  html body.nahled2-p-forum #obsah table.vltab td { padding: 4px 0 !important; }
  html body.nahled2-p-forum #obsah form.pform input[type=text],
  html body.nahled2-p-forum #obsah form.pform input:not([type]),
  html body.nahled2-p-forum #obsah form.pform input.jmeno,
  html body.nahled2-p-forum #obsah form.pform textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  html body.nahled2-p-forum #obsah form.pform, html body.nahled2-p-forum #obsah table.tab2 td { min-width: 0 !important; max-width: 100%; }
}
/* seznam vlaken: mezerovy radek (colspan=2) v jednosloupcove tabulce delal fantomovy 2. sloupec */
html body.nahled2-p-forum #obsah table.tab2:has(table.vypistemat) > tbody > tr.n2-gap { display: none !important; }
@media screen and (max-width: 800px) { html body.nahled2-p-forum #obsah table.vltab td { background: none !important; border-radius: 0 !important; } html body.nahled2-p-forum #obsah form.pform input[type=submit] { width: auto !important; } }

/* ===== 2026-10-17 sekce 4: X-okno Organic (profil, detail, zalozky) ===== */
html body.nahled2 #vipOkno {
  background: #f5ecdf !important; color: #201e1d !important; border-radius: 20px !important; overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(60, 30, 10, .28) !important; border: 1px solid #e6d9c6 !important;
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important;
}
html body.nahled2 #vipOkno * { font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; }
html body.nahled2 #vipMenu { background: #8b4a1f !important; border-bottom: 0 !important; padding: 8px 64px 8px 12px !important; gap: 4px !important; }
html body.nahled2 #vipMenu a { color: #fff !important; font-weight: 600 !important; font-size: 14px !important; border-radius: 999px !important; padding: 6px 14px !important; min-height: 0 !important; background: transparent !important; text-decoration: none !important; }
html body.nahled2 #vipMenu a:hover { background: rgba(255, 255, 255, .16) !important; color: #fff !important; }
html body.nahled2 #vipPlocha { background: #f5ecdf !important; color: #201e1d !important; padding: 18px 20px !important; font-size: 14px !important; line-height: 1.55 !important; }
html body.nahled2 #vipPlocha div[style*="font-size"] { font-size: 14px !important; line-height: 1.6 !important; text-align: left !important; }
html body.nahled2 #vipPlocha h3, html body.nahled2 #vipPlocha h5, html body.nahled2 #vipPlocha H3 {
  font-size: 20px !important; font-weight: 700 !important; font-variant: normal !important; color: #8b4a1f !important;
  margin: 0 0 12px !important; border: 0 !important; letter-spacing: -0.2px;
}
html body.nahled2 #vipPlocha h5 i { font-style: normal !important; }
html body.nahled2 #vipPlocha a { color: #c4703a !important; }
html body.nahled2 #vipPlocha strong, html body.nahled2 #vipPlocha b { color: #201e1d !important; font-weight: 700 !important; }
html body.nahled2 #vipPlocha #insertArea > div,
html body.nahled2 #vipPlocha > div[style*="cursor:default"] {
  background: #fbf7f1 !important; border-radius: 16px !important; padding: 16px 18px !important; box-shadow: 0 1px 0 #eadcc8;
}
html body.nahled2 #vipPlocha #insertArea > div > div[style*="width:80px"] {
  background-color: #eadcc8 !important; border-radius: 16px !important; width: 96px !important; height: 96px !important; padding: 0 !important;
  display: flex !important; align-items: flex-end; justify-content: center; margin: 0 16px 8px 0 !important; background-size: cover !important;
}
html body.nahled2 #vipPlocha #insertArea > div > div[style*="width:80px"] span { background: none !important; color: #6b5a4a !important; font-size: 12px !important; padding-bottom: 8px; }
html body.nahled2 #vipPlocha input, html body.nahled2 #vipPlocha select, html body.nahled2 #vipPlocha textarea {
  background: #fbf7f1 !important; color: #201e1d !important; border: 1px solid #e6d9c6 !important; border-radius: 10px !important;
  font-size: 14px !important; min-height: 34px; padding: 4px 10px !important; box-sizing: border-box !important;
}
html body.nahled2 #vipPlocha input[type=checkbox] { min-height: 0; width: 18px !important; height: 18px !important; accent-color: #c4703a; padding: 0 !important; }
html body.nahled2 #vipPlocha input[type=submit], html body.nahled2 #vipPlocha input[type=button] {
  background: #c4703a !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-weight: 700 !important;
  width: auto !important; padding: 8px 22px !important; cursor: pointer;
}
html body.nahled2 #vipPlocha input:disabled { opacity: .7; }
html body.nahled2 #vipMujProfil { width: 100% !important; border-collapse: separate !important; border-spacing: 8px 6px !important; background: #fbf7f1; border-radius: 16px; padding: 8px; color: #201e1d !important; }
html body.nahled2 #vipMujProfil td { color: #201e1d !important; font-weight: 600; font-size: 14px !important; vertical-align: middle; }
html body.nahled2 #vipMujProfil input[type=text], html body.nahled2 #vipMujProfil input:not([type]) { width: 100% !important; }
html body.nahled2 #vipMujProfil input[type=file] { width: 100% !important; font-size: 12px !important; }
html body.nahled2 #vipMujProfil label { font-weight: 500 !important; color: #201e1d !important; }
html body.nahled2 #vipOtevrenaOkna { background: #eadcc8 !important; padding: 8px 12px !important; display: flex !important; flex-wrap: wrap; gap: 6px; border-top: 0 !important; }
html body.nahled2 #vipOtevrenaOkna span {
  background: #fbf7f1 !important; color: #201e1d !important; border-radius: 999px !important; padding: 5px 12px !important;
  font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important;
}
html body.nahled2 #vipOtevrenaOkna span[style^="background:#000000"], html body.nahled2 #vipOtevrenaOkna span[style*="background: rgb(0, 0, 0)"] { background: #c4703a !important; color: #fff !important; }
@media screen and (max-width: 800px) {
  html body.nahled2 #vipOkno { border-radius: 16px !important; }
  html body.nahled2 #vipMenu { padding: 8px 56px 8px 8px !important; }
  html body.nahled2 #vipMenu a { font-size: 13px !important; padding: 5px 10px !important; }
  html body.nahled2 #vipPlocha { padding: 14px 12px !important; }
  html body.nahled2 #vipMujProfil, html body.nahled2 #vipMujProfil tbody, html body.nahled2 #vipMujProfil tr, html body.nahled2 #vipMujProfil td {
    display: block !important; width: 100% !important; box-sizing: border-box; text-align: left !important;
  }
  html body.nahled2 #vipMujProfil { border-spacing: 0 !important; padding: 12px !important; }
  html body.nahled2 #vipMujProfil td { padding: 2px 0 !important; }
  html body.nahled2 #vipMujProfil tr:has(input[type=checkbox]) { display: flex !important; align-items: center; gap: 8px; padding: 4px 0; }
  html body.nahled2 #vipMujProfil tr:has(input[type=checkbox]) td { width: auto !important; }
  html body.nahled2 #vipPlocha #insertArea > div > div[style*="width:80px"] { width: 80px !important; height: 80px !important; }
}

/* ===== 2026-10-17 sekce 4: registrace.php ===== */
html body.nahled2-p-registrace #obsah > div[style*="width:243px"] { display: none !important; }
html body.nahled2-p-registrace #obsah .klikarna { float: none !important; width: 100% !important; max-width: 560px !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
html body.nahled2-p-registrace #obsah .klikarna h1 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important;
  text-align: left !important; font-size: 40px !important; line-height: 42px !important; letter-spacing: -0.4px !important;
  margin: 0 0 12px !important; padding: 0 0 12px !important; background: none !important; border-bottom: 1px solid #d8c8b0 !important;
}
html body.nahled2-p-registrace #obsah .klikarna .fieldset { background: #fbf7f1 !important; border-radius: 20px !important; padding: 0 0 20px !important; overflow: hidden; border: 1px solid #eadcc8 !important; }
html body.nahled2-p-registrace #obsah .klikarna .fieldset h4 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-size: 16px !important;
  background: #8b4a1f !important; color: #fff !important; margin: 0 0 8px !important; padding: 12px 20px !important;
}
html body.nahled2-p-registrace #obsah table.hlastab2 { width: 100% !important; border-collapse: separate; border-spacing: 0; }
html body.nahled2-p-registrace #obsah table.hlastab2 tr, html body.nahled2-p-registrace #obsah table.hlastab2 td { display: block !important; width: auto !important; }
html body.nahled2-p-registrace #obsah table.hlastab2 td { padding: 4px 20px !important; text-align: left !important; font-weight: 600; font-size: 14px; color: #201e1d; }
html body.nahled2-p-registrace #obsah table.hlastab2 input[type=text],
html body.nahled2-p-registrace #obsah table.hlastab2 input[type=password] {
  width: 100% !important; max-width: none !important; height: 44px !important; box-sizing: border-box !important; padding: 0 14px !important;
  background: #fff !important; border: 1px solid #e6d9c6 !important; border-radius: 12px !important; font: inherit; font-size: 16px !important; box-shadow: none !important;
}
html body.nahled2-p-registrace #obsah table.hlastab2 input:focus { outline: 2px solid #c4703a !important; outline-offset: 1px; border-color: #c4703a !important; }
html body.nahled2-p-registrace #obsah table.hlastab2 tr#t1 td:last-child { display: flex !important; align-items: center; gap: 10px; }
html body.nahled2-p-registrace #obsah table.hlastab2 img.kod { width: 80px !important; height: 40px !important; border-radius: 8px; image-rendering: pixelated; flex: 0 0 auto; }
html body.nahled2-p-registrace #obsah table.hlastab2 #kodinp { width: 120px !important; flex: 0 0 auto; text-align: center; letter-spacing: 2px; }
html body.nahled2-p-registrace #obsah table.hlastab2 td.cent { padding-top: 12px !important; }
html body.nahled2-p-registrace #obsah table.hlastab2 input.tlacitko { width: 100% !important; height: 46px !important; border-radius: 999px !important; background: #c4703a !important; color: #fff !important; border: 0 !important; font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-size: 16px !important; }
html body.nahled2-p-registrace #navigace li.aktivni a { background: rgb(235, 221, 197) !important; color: rgb(32, 30, 29) !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-registrace #obsah .klikarna h1 { font-size: 32px !important; line-height: 36px !important; }
}

/* ===== 2026-10-17 sekce 4 kolo 2 ===== */
html body.nahled2-p-registrace #pravy_sloupec { padding-top: 0 !important; margin-top: 0 !important; }
html body.nahled2-p-registrace #pravy_sloupec #pokec { margin-top: 0 !important; }
html body.nahled2-p-registrace #obsah .klikarna { margin-top: 0 !important; }
html body.nahled2-p-registrace #obsah .klikarna h1 { margin-top: 0 !important; }
@media screen and (max-width: 800px) {
  html body.nahled2 #obal > .login-wrap, html body.nahled2 .login-wrap { margin-bottom: 10px !important; }
  html body.nahled2 #vipMenu { row-gap: 8px !important; column-gap: 20px !important; }
}
/* X-okno: ovladani na ose menu */
html body.nahled2 #vipMenu img { width: 20px !important; height: 20px !important; top: 14px !important; bottom: auto !important; object-fit: contain; }
html body.nahled2 #vipMenu img[src*="xcloseall"], html body.nahled2 #vipMenu img[alt*="Zavřít X-Okno"] { right: 12px !important; }
html body.nahled2 #vipMenu img[src*="xcloseakt"], html body.nahled2 #vipMenu img[alt*="aktuální"] { right: 40px !important; }
html body.nahled2 #vipMenu img[src*="xminimize"], html body.nahled2 #vipMenu img[alt*="Schovat"] { right: 68px !important; }
html body.nahled2 #vipMenu { align-items: center !important; padding-right: 96px !important; min-height: 48px !important; box-sizing: border-box; }
/* obsah nad spodni listou */
html body.nahled2 #vipPlocha { padding-bottom: 16px !important; }
html body.nahled2 #vipPlocha > *:last-child, html body.nahled2 #vipPlocha #insertArea > div { margin-bottom: 16px !important; }
/* detail: radky a skupiny */
html body.nahled2 #vipPlocha #insertArea .n2-row { margin: 0 0 8px; }
html body.nahled2 #vipPlocha #insertArea .n2-grp { margin: 0 0 16px; }
html body.nahled2 #vipPlocha #insertArea .n2-grp:last-child { margin-bottom: 0; }
html body.nahled2 #vipPlocha #insertArea .n2-grp:first-child::after { content: ""; display: block; clear: both; }
html body.nahled2 #vipMenu img { width: auto !important; height: auto !important; max-height: 20px !important; }
html body.nahled2 #vipPlocha #insertArea div[style*="width:80px"] {
  background-color: #eadcc8 !important; border-radius: 16px !important; width: 96px !important; height: 96px !important; padding: 0 !important;
  display: flex !important; align-items: flex-end; justify-content: center; margin: 0 16px 8px 0 !important; background-size: cover !important; float: left !important;
}
html body.nahled2 #vipPlocha #insertArea div[style*="width:80px"] span { background: none !important; color: #6b5a4a !important; font-size: 12px !important; padding-bottom: 8px; }
@media screen and (max-width: 800px) { html body.nahled2 #vipPlocha #insertArea div[style*="width:80px"] { width: 80px !important; height: 80px !important; } }
/* ===== 2026-10-17 sekce 4 soft ===== */
html body.nahled2 #vipMenu img { max-height: 13px !important; max-width: 13px !important; width: 13px !important; height: 13px !important; top: 17px !important; }
html body.nahled2 #vipPlocha {
  padding-bottom: 16px !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 24px), transparent 100%);
}

/* ===== 2026-10-17 sekce 5: pridat-text.php / opravit-text.php (Organic formular) ===== */
html body.nahled2-p-pridattext #obsah #lyrics, html body.nahled2-p-opravittext #obsah #lyrics { width: auto !important; max-width: none !important; float: none !important; padding: 0 !important; margin: 0 !important; background: none !important; }
html body.nahled2-p-pridattext #obsah h1, html body.nahled2-p-opravittext #obsah h1 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important; text-transform: none !important;
  text-align: left !important; font-size: 34px !important; line-height: 38px !important; letter-spacing: -0.4px !important; color: #201e1d !important;
  margin: 0 0 16px !important; padding: 0 0 12px !important; background: none !important; border-bottom: 1px solid #d8c8b0 !important;
}
html body.nahled2-p-opravittext #obsah h1 a { font: inherit !important; font-variant: normal !important; color: #c4703a !important; text-decoration: none !important; }
html body.nahled2-p-opravittext #obsah h1 a:hover { text-decoration: underline !important; }
html body.nahled2-p-pridattext #obsah p.n2-warn {
  display: inline-block; margin: 0 0 12px !important; padding: 6px 14px !important; border-radius: 999px; background: #f6e3d3 !important; color: #8b4a1f !important;
  font: 600 13px/18px var(--font-body, "Figtree", system-ui, sans-serif) !important;
}
html body.nahled2-p-pridattext #obsah p.msg, html body.nahled2-p-opravittext #obsah p.msg {
  margin: 0 0 16px !important; padding: 12px 16px !important; border-radius: 14px !important; background: #fdf1e6 !important; border: 1px solid #ecc9a8 !important; color: #8b4a1f !important; font-size: 14px !important;
}
html body.nahled2-p-pridattext #vlozit_text .fieldset, html body.nahled2-p-opravittext #vlozit_text .fieldset {
  background: #fbf7f1 !important; border: 1px solid #eadcc8 !important; border-radius: 20px !important; padding: 0 0 12px !important; margin: 0 0 16px !important; overflow: hidden; box-shadow: none !important; width: auto !important;
}
html body.nahled2-p-pridattext #vlozit_text .fieldset h4, html body.nahled2-p-opravittext #vlozit_text .fieldset h4 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-size: 16px !important; font-variant: normal !important;
  background: #8b4a1f !important; color: #fff !important; margin: 0 0 16px !important; padding: 12px 20px !important; border-radius: 0 !important;
}
html body.nahled2-p-pridattext #vlozit_text .fieldset > br, html body.nahled2-p-opravittext #vlozit_text .fieldset > br,
html body.nahled2-p-pridattext #vlozit_text .fieldset > p:empty, html body.nahled2-p-opravittext #vlozit_text .fieldset > p:empty { display: none !important; }
/* radek = mrizka: popisek | pole, napoveda pod polem */
html body.nahled2-p-pridattext #vlozit_text .fieldset > p, html body.nahled2-p-opravittext #vlozit_text .fieldset > p {
  display: grid !important; grid-template-columns: 150px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-items: center;
  margin: 0 0 12px !important; padding: 0 20px !important; float: none !important; clear: none !important; font-size: 14px; color: #201e1d;
}
html body.nahled2-p-pridattext #vlozit_text .fieldset > p:has(select#jazvstup), html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(select#jazvstup) { grid-template-columns: 150px minmax(0, 1fr) auto 150px; }
html body.nahled2-p-pridattext #vlozit_text label, html body.nahled2-p-opravittext #vlozit_text label {
  display: block !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important;
  font: 600 14px/20px var(--font-body, "Figtree", system-ui, sans-serif) !important; color: #201e1d !important;
}
html body.nahled2-p-pridattext #vlozit_text small.n2-hint, html body.nahled2-p-opravittext #vlozit_text small.n2-hint { grid-column: 2 / -1; display: block; font-size: 12.5px; line-height: 17px; color: #7a6a58; }
html body.nahled2-p-pridattext #vlozit_text input[type=text], html body.nahled2-p-opravittext #vlozit_text input[type=text],
html body.nahled2-p-pridattext #vlozit_text select, html body.nahled2-p-opravittext #vlozit_text select {
  width: 100% !important; max-width: none !important; min-width: 0; height: 42px !important; box-sizing: border-box !important; padding: 0 12px !important; margin: 0 !important;
  background: #fff !important; border: 1px solid #e6d9c6 !important; border-radius: 12px !important; font: 400 15px var(--font-body, "Figtree", system-ui, sans-serif) !important; color: #201e1d !important; box-shadow: none !important;
}
html body.nahled2-p-pridattext #vlozit_text textarea, html body.nahled2-p-opravittext #vlozit_text textarea {
  grid-column: 1 / -1; width: 100% !important; max-width: none !important; box-sizing: border-box !important; padding: 12px 14px !important; margin: 0 !important;
  background: #fff !important; border: 1px solid #e6d9c6 !important; border-radius: 14px !important; font: 400 15px/22px var(--font-body, "Figtree", system-ui, sans-serif) !important; color: #201e1d !important; text-align: left !important; resize: vertical;
}
html body.nahled2-p-pridattext #vlozit_text textarea[name=text], html body.nahled2-p-opravittext #vlozit_text textarea[name=text] { min-height: 380px; text-align: center !important; }
html body.nahled2-p-pridattext #vlozit_text input:focus, html body.nahled2-p-opravittext #vlozit_text input:focus,
html body.nahled2-p-pridattext #vlozit_text select:focus, html body.nahled2-p-opravittext #vlozit_text select:focus,
html body.nahled2-p-pridattext #vlozit_text textarea:focus, html body.nahled2-p-opravittext #vlozit_text textarea:focus { outline: 2px solid #c4703a !important; outline-offset: 1px; border-color: #c4703a !important; }
/* zaskrtavatka */
html body.nahled2-p-pridattext #vlozit_text .fieldset > p:has(> input[type=checkbox]), html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(> input[type=checkbox]) {
  display: flex !important; align-items: flex-start; gap: 10px; padding-top: 2px !important;
}
html body.nahled2-p-pridattext #vlozit_text input[type=checkbox], html body.nahled2-p-opravittext #vlozit_text input[type=checkbox] { width: 18px; height: 18px; margin: 1px 0 0 !important; flex: 0 0 auto; accent-color: #c4703a; }
html body.nahled2-p-pridattext #vlozit_text label.sirsi, html body.nahled2-p-opravittext #vlozit_text label.sirsi { font-weight: 400 !important; }
/* oprava: Popis chyby + Zavaznost */
html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(#chyba) { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); column-gap: 14px; align-items: start; margin-top: 4px !important; }
html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(#chyba) > span { display: flex !important; flex-direction: column; gap: 6px; float: none !important; width: auto !important; }
html body.nahled2-p-opravittext #vlozit_text #chyba { min-height: 96px; }
html body.nahled2-p-opravittext #vlozit_text .fieldset > p[style*="clear:both"] { padding-top: 4px !important; }
/* tlacitko + pravidla */
html body.nahled2-p-pridattext #vlozit_text > p, html body.nahled2-p-opravittext #vlozit_text > p { margin: 0 0 24px !important; padding: 0 !important; }
html body.nahled2-p-pridattext #vlozit_text input.tlacitko, html body.nahled2-p-opravittext #vlozit_text input.tlacitko {
  height: 46px !important; padding: 0 26px !important; border: 0 !important; border-radius: 999px !important; background: #c4703a !important; color: #fff !important;
  font: 700 15px var(--font-body, "Figtree", system-ui, sans-serif) !important; cursor: pointer; box-shadow: none !important; width: auto !important;
}
html body.nahled2-p-pridattext #vlozit_text input.tlacitko:hover, html body.nahled2-p-opravittext #vlozit_text input.tlacitko:hover { background: #8b4a1f !important; }
html body.nahled2-p-pridattext #obsah h3, html body.nahled2-p-opravittext #obsah h3 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important; text-transform: none !important;
  font-size: 20px !important; line-height: 26px !important; margin: 0 0 10px !important; padding: 0 !important; background: none !important; color: #201e1d !important; text-align: left !important;
}
html body.nahled2-p-pridattext #obsah ul.items, html body.nahled2-p-opravittext #obsah ul.items {
  background: #fbf7f1 !important; border: 1px solid #eadcc8 !important; border-radius: 20px !important; padding: 16px 20px 16px 38px !important; margin: 0 0 16px !important;
}
html body.nahled2-p-pridattext #obsah ul.items li, html body.nahled2-p-opravittext #obsah ul.items li { margin: 0 0 8px !important; font-size: 14px !important; line-height: 20px !important; color: #3a332d; }
html body.nahled2-p-pridattext #obsah ul.items li:last-child, html body.nahled2-p-opravittext #obsah ul.items li:last-child { margin-bottom: 0 !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-pridattext #obsah h1, html body.nahled2-p-opravittext #obsah h1 { font-size: 26px !important; line-height: 30px !important; }
  html body.nahled2-p-pridattext #vlozit_text .fieldset > p, html body.nahled2-p-opravittext #vlozit_text .fieldset > p,
  html body.nahled2-p-pridattext #vlozit_text .fieldset > p:has(select#jazvstup), html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(select#jazvstup),
  html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(#chyba) { grid-template-columns: minmax(0, 1fr) !important; padding: 0 16px !important; row-gap: 6px; }
  html body.nahled2-p-pridattext #vlozit_text small.n2-hint, html body.nahled2-p-opravittext #vlozit_text small.n2-hint { grid-column: 1; }
  html body.nahled2-p-opravittext #vlozit_text .fieldset > p:has(#chyba) > span + span { margin-top: 6px; }
  html body.nahled2-p-pridattext #vlozit_text textarea[name=text], html body.nahled2-p-opravittext #vlozit_text textarea[name=text] { min-height: 300px; }
  html body.nahled2-p-pridattext #vlozit_text input.tlacitko, html body.nahled2-p-opravittext #vlozit_text input.tlacitko { width: 100% !important; }
  html body.nahled2-p-pridattext #obsah ul.items, html body.nahled2-p-opravittext #obsah ul.items { padding: 14px 16px 14px 32px !important; }
}
/* sekce 5 kolo 2 */
html body.nahled2-p-pridattext #obsah p.n2-login-cta { margin: 12px 0 0 !important; padding: 0 !important; }
html body.nahled2-p-pridattext #obsah p.n2-login-cta a.tlacitko {
  display: inline-flex; align-items: center; height: 46px; padding: 0 26px !important; border-radius: 999px !important; background: #c4703a !important; color: #fff !important;
  font: 700 15px var(--font-body, "Figtree", system-ui, sans-serif) !important; text-decoration: none !important; border: 0 !important;
}
html body.nahled2-p-pridattext #obsah p.n2-login-cta a.tlacitko:hover { background: #8b4a1f !important; }
html body.nahled2-p-pridattext #obsah p.msg { margin-bottom: 0 !important; }
html body.nahled2-p-pridattext #vlozit_text > p, html body.nahled2-p-opravittext #vlozit_text > p { margin: 16px 0 24px !important; }
html body.nahled2-p-pridattext #vlozit_text .fieldset, html body.nahled2-p-opravittext #vlozit_text .fieldset { margin-bottom: 0 !important; }
html body.nahled2-p-pridattext #vlozit_text input.tlacitko, html body.nahled2-p-opravittext #vlozit_text input.tlacitko { display: block; width: 100% !important; }
html body.nahled2-p-pridattext #obsah p.n2-login-cta { margin-bottom: 16px !important; }
/* sekce 5 kolo 4: CTA uvnitr karty, stejny inset jako inputy */
html body.nahled2-p-pridattext #vlozit_text .fieldset > p.n2-cta, html body.nahled2-p-opravittext #vlozit_text .fieldset > p.n2-cta { display: block !important; margin: 16px 0 4px !important; }
html body.nahled2-p-pridattext #vlozit_text .fieldset > p.n2-cta-gap, html body.nahled2-p-opravittext #vlozit_text .fieldset > p.n2-cta-gap { display: none !important; }
html body.nahled2-p-pridattext #vlozit_text p.n2-cta input.tlacitko, html body.nahled2-p-opravittext #vlozit_text p.n2-cta input.tlacitko { display: block; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; }
/* sekce 5 final: text ve formulari vzdy vlevo */
html body.nahled2-p-pridattext #vlozit_text textarea, html body.nahled2-p-opravittext #vlozit_text textarea,
html body.nahled2-p-pridattext #vlozit_text textarea[name=text], html body.nahled2-p-opravittext #vlozit_text textarea[name=text],
html body.nahled2-p-pridattext #vlozit_text input[type=text], html body.nahled2-p-opravittext #vlozit_text input[type=text] { text-align: left !important; }

/* ===== 2026-10-17 sekce 6: fankluby, fanklub, lide, faq ===== */
html body.nahled2-p-fankluby #obsah h1,
html body.nahled2-p-fanklub #obsah h1,
html body.nahled2-p-lide #obsah h1,
html body.nahled2-p-faq #obsah h1 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-weight: 700 !important; font-variant: normal !important; text-transform: none !important;
  text-align: left !important; font-size: 34px !important; line-height: 40px !important; letter-spacing: -0.4px !important; color: #201e1d !important;
  margin: 0 0 16px !important; padding: 0 0 12px !important; background: none !important; border-bottom: 1px solid #d8c8b0 !important; height: auto !important;
}
html body.nahled2-p-fankluby #obsah h1 a,
html body.nahled2-p-fanklub #obsah h1 a,
html body.nahled2-p-lide #obsah h1 a,
html body.nahled2-p-faq #obsah h1 a { font: inherit !important; font-variant: normal !important; color: #c4703a !important; text-decoration: none !important; }
html body.nahled2-p-fankluby #obsah h2,
html body.nahled2-p-fankluby #obsah h3,
html body.nahled2-p-fanklub #obsah h2,
html body.nahled2-p-fanklub #obsah h3,
html body.nahled2-p-lide #obsah h2,
html body.nahled2-p-lide #obsah h3,
html body.nahled2-p-faq #obsah h2,
html body.nahled2-p-faq #obsah h3 {
  font-family: var(--font-body, "Figtree", system-ui, sans-serif) !important; font-variant: normal !important; text-transform: none !important; font-weight: 700 !important;
  font-size: 20px !important; line-height: 26px !important; color: #201e1d !important; margin: 24px 0 10px !important; padding: 0 !important; background: none !important; text-align: left !important; height: auto !important;
}
html body.nahled2-p-fankluby #obsah > p,
html body.nahled2-p-fankluby #obsah .faq p,
html body.nahled2-p-fankluby #obsah .faq li,
html body.nahled2-p-fanklub #obsah > p,
html body.nahled2-p-fanklub #obsah .faq p,
html body.nahled2-p-fanklub #obsah .faq li,
html body.nahled2-p-lide #obsah > p,
html body.nahled2-p-lide #obsah .faq p,
html body.nahled2-p-lide #obsah .faq li,
html body.nahled2-p-faq #obsah > p,
html body.nahled2-p-faq #obsah .faq p,
html body.nahled2-p-faq #obsah .faq li { font-size: 15px !important; line-height: 1.55 !important; color: #2b2622; }
html body.nahled2-p-fankluby #obsah table.texty,
html body.nahled2-p-fankluby #obsah table.lide,
html body.nahled2-p-lide #obsah table.texty,
html body.nahled2-p-lide #obsah table.lide {
  width: 100% !important; max-width: 100% !important; margin: 0 0 16px !important; border-collapse: separate !important; border-spacing: 0 !important;
  background: #fbf7f1 !important; border: 1px solid #eadcc8 !important; border-radius: 16px !important; overflow: hidden; box-shadow: none !important;
}
html body.nahled2-p-fankluby #obsah table.texty th,
html body.nahled2-p-fankluby #obsah table.lide th,
html body.nahled2-p-lide #obsah table.texty th,
html body.nahled2-p-lide #obsah table.lide th {
  background: #8b4a1f !important; color: #fff !important; font: 700 13px/18px var(--font-body, "Figtree", system-ui, sans-serif) !important; text-align: left !important; padding: 10px 12px !important; border: 0 !important;
}
html body.nahled2-p-lide #obsah table.lide th a { color: #fff !important; text-decoration: none !important; }
html body.nahled2-p-fankluby #obsah table.texty td,
html body.nahled2-p-fankluby #obsah table.lide td,
html body.nahled2-p-lide #obsah table.texty td,
html body.nahled2-p-lide #obsah table.lide td {
  border: 0 !important; border-bottom: 1px solid rgba(32,30,29,0.08) !important; padding: 8px 12px !important; font-size: 15px !important; vertical-align: middle !important; height: auto !important;
}
html body.nahled2-p-fankluby #obsah table.texty td { background: transparent !important; }
html body.nahled2-p-fankluby #obsah table.texty tr.sec td { background: rgba(32,30,29,0.03) !important; }
html body.nahled2-p-fankluby #obsah table.texty tr:last-child td,
html body.nahled2-p-fankluby #obsah table.lide tr:last-child td,
html body.nahled2-p-lide #obsah table.texty tr:last-child td,
html body.nahled2-p-lide #obsah table.lide tr:last-child td { border-bottom: 0 !important; }
html body.nahled2-p-fankluby #obsah table.texty td.pocet,
html body.nahled2-p-fankluby #obsah table.texty th:last-child { text-align: right !important; width: 120px !important; white-space: nowrap; }
html body.nahled2-p-fankluby #obsah table.texty td.pocet { color: #a85a2a !important; font-weight: 600; }
html body.nahled2-p-lide #obsah table.lide td { font-size: 13.5px !important; line-height: 19px !important; }
html body.nahled2-p-lide #obsah table.lide td.nick { width: 96px; text-align: center !important; font-weight: 700; }
html body.nahled2-p-lide #obsah table.lide td.nick img { display: block; margin: 6px auto 0; width: 56px !important; height: 70px !important; object-fit: cover; border-radius: 10px; }
html body.nahled2-p-lide #obsah table.lide td.cislo { text-align: right !important; font-weight: 700; color: #a85a2a; white-space: nowrap; }
html body.nahled2-p-lide #obsah table.lide td.datum { white-space: nowrap; font-size: 12.5px !important; color: #6b5d50; }
html body.nahled2-p-lide #obsah table.lide td.datum.online { color: #2f7d32 !important; font-weight: 700; }
html body.nahled2-p-fankluby #obsah p.stranky,
html body.nahled2-p-fanklub #obsah p.stranky,
html body.nahled2-p-lide #obsah p.stranky { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 16px !important; font-weight: 700; font-size: 14px !important; }
html body.nahled2-p-fankluby #obsah p.stranky a,
html body.nahled2-p-fanklub #obsah p.stranky a,
html body.nahled2-p-lide #obsah p.stranky a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px; box-sizing: border-box; border-radius: 999px; background: #f6e3d3; color: #8b4a1f !important; text-decoration: none !important; font-weight: 600; }
html body.nahled2-p-fankluby #obsah p.stranky a:hover,
html body.nahled2-p-fanklub #obsah p.stranky a:hover,
html body.nahled2-p-lide #obsah p.stranky a:hover { background: #c4703a; color: #fff !important; }
html body.nahled2-p-fanklub #obsah h1 .n2-fans { display: block; margin-top: 6px; font: 600 14px/20px var(--font-body, "Figtree", system-ui, sans-serif) !important; color: #6b5d50 !important; float: none !important; }
html body.nahled2-p-fanklub #obsah h1 .n2-fans a { font-size: 14px !important; }
html body.nahled2-p-fanklub #obsah h1 + p a { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #f6e3d3; color: #8b4a1f !important; font-weight: 600; font-size: 13px; text-decoration: none !important; }
html body.nahled2-p-fanklub #obsah .n2-post { background: #fbf7f1; border: 1px solid #eadcc8; border-radius: 16px; overflow: hidden; margin: 0 0 12px; }
html body.nahled2-p-fanklub #obsah .n2-post h4 { margin: 0 !important; padding: 10px 16px !important; background: #8b4a1f !important; color: #fff !important; font: 700 15px/20px var(--font-body, "Figtree", system-ui, sans-serif) !important; font-variant: normal !important; text-transform: none !important; }
html body.nahled2-p-fanklub #obsah .n2-post p { margin: 0 !important; padding: 12px 16px !important; font-size: 15px !important; line-height: 1.55 !important; overflow-wrap: anywhere; }
html body.nahled2-p-fanklub #obsah .n2-post p span { margin-top: 8px; font-size: 12.5px !important; color: #6b5d50; }
html body.nahled2-p-fanklub #obsah .n2-post p + p { padding-top: 0 !important; text-align: right; }
html body.nahled2-p-fanklub #obsah .fprofil {
  float: none !important; display: inline-block !important; vertical-align: top; width: 104px !important; box-sizing: border-box; margin: 0 8px 8px 0 !important; padding: 8px !important;
  background: #fbf7f1 !important; border: 1px solid #eadcc8 !important; border-radius: 14px !important; text-align: center; height: auto !important;
}
html body.nahled2-p-fanklub #obsah .fprofil p { margin: 0 0 4px !important; font-size: 12.5px !important; line-height: 16px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.nahled2-p-fanklub #obsah .fprofil img { width: 72px !important; height: 90px !important; object-fit: cover; border-radius: 10px; display: block; margin: 0 auto; }
html body.nahled2-p-fanklub #obsah .fprofil p.datum { white-space: normal; font-size: 11.5px !important; color: #6b5d50; margin: 0 !important; }
html body.nahled2-p-fanklub #obsah .fprofil p.datum.online { color: #2f7d32 !important; font-weight: 700; }
html body.nahled2-p-fanklub #vlozit_text .fieldset { background: #fbf7f1 !important; border: 1px solid #eadcc8 !important; border-radius: 20px !important; padding: 0 20px 12px !important; overflow: hidden; }
html body.nahled2-p-fanklub #vlozit_text .fieldset h4 { margin: 0 -20px 14px !important; padding: 12px 20px !important; background: #8b4a1f !important; color: #fff !important; font: 700 16px var(--font-body, "Figtree", system-ui, sans-serif) !important; }
html body.nahled2-p-fanklub #vlozit_text input[type=text],
html body.nahled2-p-fanklub #vlozit_text textarea { width: 100% !important; box-sizing: border-box !important; border: 1px solid #e6d9c6 !important; border-radius: 12px !important; background: #fff !important; padding: 10px 12px !important; font: 400 15px var(--font-body, "Figtree", system-ui, sans-serif) !important; text-align: left !important; }
html body.nahled2-p-fanklub #vlozit_text input.tlacitko { width: 100% !important; height: 46px !important; border: 0 !important; border-radius: 999px !important; background: #c4703a !important; color: #fff !important; font: 700 15px var(--font-body, "Figtree", system-ui, sans-serif) !important; }
html body.nahled2-p-faq #obsah .faq .otazky { background: #fbf7f1; border: 1px solid #eadcc8; border-radius: 20px; padding: 16px 20px 6px; margin: 0 0 8px; }
html body.nahled2-p-faq #obsah .faq .otazky p { margin: 0 0 10px !important; font-size: 14.5px !important; line-height: 1.45 !important; }
html body.nahled2-p-faq #obsah .faq .otazky p:first-child { text-align: left !important; color: #6b5d50; }
html body.nahled2-p-faq #obsah .faq .otazky a { text-decoration: none !important; }
html body.nahled2-p-faq #obsah .faq h2 { margin: 28px 0 10px !important; padding-top: 16px !important; border-top: 1px solid #e3d4bf !important; scroll-margin-top: 16px; }
html body.nahled2-p-faq #obsah .faq p.n2-code { font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; background: #fff !important; border: 1px solid #eadcc8 !important; border-radius: 12px !important; padding: 10px 12px !important; overflow-wrap: anywhere; color: #3a332d; }
html body.nahled2-p-faq #obsah .faq img[src*=faq_povyseni] { border-radius: 14px; max-width: 45%; height: auto !important; }
@media screen and (max-width: 800px) {
  html body.nahled2-p-fankluby #obsah h1,
  html body.nahled2-p-fanklub #obsah h1,
  html body.nahled2-p-lide #obsah h1,
  html body.nahled2-p-faq #obsah h1 { font-size: 26px !important; line-height: 31px !important; }
  html body.nahled2-p-lide #obsah table.lide { table-layout: fixed; }
  html body.nahled2-p-lide #obsah table.lide th:nth-child(4),
  html body.nahled2-p-lide #obsah table.lide td.datum { display: none !important; }
  html body.nahled2-p-lide #obsah table.lide th:nth-child(1),
  html body.nahled2-p-lide #obsah table.lide td.nick { width: 84px !important; }
  html body.nahled2-p-lide #obsah table.lide th:nth-child(3),
  html body.nahled2-p-lide #obsah table.lide td.cislo { width: 74px !important; }
  html body.nahled2-p-lide #obsah table.lide td,
  html body.nahled2-p-lide #obsah table.lide th { padding: 8px 6px !important; overflow-wrap: anywhere; }
  html body.nahled2-p-lide #obsah table.lide td.nick { font-size: 12.5px !important; }
  html body.nahled2-p-fanklub #obsah .fprofil { width: calc(33.333% - 6px) !important; margin: 0 6px 6px 0 !important; }
  html body.nahled2-p-faq #obsah .faq img[src*=faq_povyseni] { float: none !important; display: block; max-width: 100%; margin: 0 0 12px !important; }
  html body.nahled2-p-faq #obsah .faq .otazky { padding: 14px 16px 4px; }
}
/* sekce 6 kolo 2 */
/* 1) pokec fanklubu bez zprav: zadna fixni vyska, jen jemna hlaska */
html body.nahled2-p-fanklub #pokec_kecy:empty { height: auto !important; min-height: 0 !important; overflow: visible !important; padding: 0 !important; margin: 12px 0 !important; }
html body.nahled2-p-fanklub #pokec_kecy:empty::before { content: "Pokec fanklubu je zatím prázdný."; display: block; padding: 12px 14px; border-radius: 14px; background: #fbf7f1; color: #6b5d50; font: 500 13px/18px var(--font-body, "Figtree", system-ui, sans-serif); text-align: center; }
/* 2) lide: jedna zebra v palete, admini #ffe1d0 */
html body.nahled2-p-lide #obsah table.lide tr td { background: #fffaf3 !important; }
html body.nahled2-p-lide #obsah table.lide tr:nth-child(odd) td { background: #f5ead8 !important; }
html body.nahled2-p-lide #obsah table.lide tr.hodnost6 td { background: #ffe1d0 !important; }
html body.nahled2-p-lide #obsah table.lide td.datum.online { background-image: none !important; color: #2f7d32 !important; }
/* 4) strankovani jako A-Z chipy */
html body.nahled2-p-fankluby #obsah p.stranky, html body.nahled2-p-fanklub #obsah p.stranky, html body.nahled2-p-lide #obsah p.stranky { gap: 4px !important; }
html body.nahled2-p-fankluby #obsah p.stranky a, html body.nahled2-p-fanklub #obsah p.stranky a, html body.nahled2-p-lide #obsah p.stranky a,
html body.nahled2-p-fankluby #obsah p.stranky span.n2-akt, html body.nahled2-p-fanklub #obsah p.stranky span.n2-akt, html body.nahled2-p-lide #obsah p.stranky span.n2-akt {
  display: inline-flex !important; align-items: center; justify-content: center; min-width: 32px; height: 36px; padding: 0 9px; box-sizing: border-box;
  border-radius: 999px !important; background: #ffe1d0 !important; color: #643312 !important; font: 700 13px/13px var(--font-body, "Figtree", system-ui, sans-serif) !important; text-decoration: none !important;
}
html body.nahled2-p-fankluby #obsah p.stranky span.n2-akt, html body.nahled2-p-fanklub #obsah p.stranky span.n2-akt, html body.nahled2-p-lide #obsah p.stranky span.n2-akt { background: #c67139 !important; color: #fff !important; }
html body.nahled2-p-fankluby #obsah p.stranky a:hover, html body.nahled2-p-fanklub #obsah p.stranky a:hover, html body.nahled2-p-lide #obsah p.stranky a:hover { background: #f6c9ad !important; color: #643312 !important; }
/* 2026-10-17 soft fixy po sekci 6 + prepinac vzhledu */
html body.nahled2 #pkchlp { background-image: none !important; }
html body.nahled2-p-lide #obsah table.lide td.nick img, html body.nahled2-p-fanklub #obsah .fprofil img { border: 0 !important; background: #f5ead8 !important; }
html body.nahled2 #paticka a.n2-vzhled { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; margin: 0 12px 0 0; border-radius: 999px; background: rgba(255,255,255,.12); color: #ffe1d0 !important; font: 600 12px/12px var(--font-body, "Figtree", system-ui, sans-serif); text-decoration: none !important; white-space: nowrap; }
html body.nahled2 #paticka a.n2-vzhled:hover { background: #c67139; color: #fff !important; }
html body.nahled2 #paticka a.n2-vzhled { background: #ffe1d0 !important; color: #643312 !important; padding: 6px 12px !important; height: auto !important; margin: 0 16px 0 0 !important; }
html body.nahled2 #paticka a.n2-vzhled:hover { background: #c67139 !important; color: #fff !important; }
/* mezera pilulka -> logo presne 16px (paticka ma flex gap 24px desktop / 12px mobil) */
html body.nahled2 #paticka a.n2-vzhled { margin-right: -8px !important; }
@media screen and (max-width: 800px) { html body.nahled2 #paticka a.n2-vzhled { margin-right: 4px !important; } }
/* 2026-10-17: Stary vzhled jako posledni polozka menu - nenapadne (obrys misto vyplne) */
html body.nahled2 #navigace li.n2-vzhled-li a.n2-vzhled,
html body.nahled2 #navigace li.n2-vzhled-li a.n2-vzhled:link,
html body.nahled2 #navigace li.n2-vzhled-li a.n2-vzhled:visited {
  background: transparent !important; color: #8b6a50 !important; box-shadow: inset 0 0 0 1px #e3cdb4 !important; border: 0 !important;
  font-weight: 600 !important; margin: 0 !important;
}
html body.nahled2 #navigace li.n2-vzhled-li a.n2-vzhled:hover, html body.nahled2 #navigace li.n2-vzhled-li a.n2-vzhled:focus { background: #ffe1d0 !important; color: #643312 !important; }
@media screen and (min-width: 801px) { html body.nahled2 #navigace li.n2-vzhled-li { margin-left: auto !important; } }
html body.nahled2 ul#navigace li.n2-vzhled-li a#n2-stary-vzhled { background: transparent !important; color: #8b6a50 !important; box-shadow: inset 0 0 0 1px #e3cdb4 !important; }
@media screen and (max-width: 800px) {
  html body.nahled2 ul#navigace li.n2-vzhled-li a#n2-stary-vzhled { background: transparent !important; color: #fff3ea !important; box-shadow: inset 0 0 0 1px rgba(255,243,234,.55) !important; font-weight: 600 !important; }
}
html body.nahled2 ul#navigace li.n2-vzhled-li a#n2-stary-vzhled:hover, html body.nahled2 ul#navigace li.n2-vzhled-li a#n2-stary-vzhled:focus { background: #ffe1d0 !important; color: #643312 !important; }
/* 2026-10-17 22:20 Design: aktivni polozka v mobilnim burger menu + obrys Stary vzhled */
@media screen and (max-width: 800px) {
  html body.nahled2 ul#navigace li.aktivni > a, html body.nahled2 ul#navigace li.aktivni > h2 > a, html body.nahled2 ul#navigace li.aktivni h2 a { background: #fff6e4 !important; color: #c67139 !important; font-weight: 700 !important; }
  html body.nahled2 ul#navigace li.n2-vzhled-li a#n2-stary-vzhled { box-shadow: inset 0 0 0 1px rgba(255,255,255,.5) !important; }
}
@media screen and (max-width: 800px) {
  html body.nahled2 #nav-toggle:checked ~ ul#navigace li.aktivni a { background: #fff6e4 !important; color: #c67139 !important; font-weight: 700 !important; }
}