/* Po setmění: site-wide CSS override for the existing sver.cz HTML.
   Load after the old styles, with a mobile viewport meta tag in the page head.
   Uses existing images and system fonts; no new application JavaScript.
   The profile heading has a small wrapper in showProfile.php for its separate action.
   !important is limited mainly to legacy inline styles / jQuery positioning. */
:root {
  --page: #f5f6f2; --surface: #fff; --ink: #263d35; --muted: #65756e;
  --accent: #355e4e; --accent-ink: #fff; --soft: #e8eee7;
  --line: #dce3db; --hero: #e8eee3; --radius: 18px;
  --heading: Georgia, 'Times New Roman', serif;
  --body: 'Segoe UI', Arial, sans-serif; --measure: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; padding: 0 !important; background: var(--page); color: var(--ink); font: 15px/1.6 var(--body); }
a:link, a:visited { color: var(--accent); text-decoration: none; }
a:hover { color: var(--ink); }
a:focus-visible, input:focus-visible, button:focus-visible, textarea:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
::selection { background: var(--accent); color: var(--accent-ink); }
img { max-width: 100%; height: auto; }
h1, h2, h3 { color: var(--ink); line-height: 1.25; }
p { text-align: left; }
.stylofb { display: none; }
#templatemo_header_panel { height: auto; background: var(--hero); border-bottom: 1px solid var(--line); }
#templatemo_header_panel #templatemo_header_section {
  width: min(var(--measure), calc(100% - 64px)); height: 330px;
  margin: auto; background: none; position: relative; display: flex; align-items: flex-start;
}
#templatemo_header_section h1 { padding: 28px 0 0; font: 11px/1.6 var(--body); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); position: relative; z-index: 1; }
#templatemo_header_section h1::before { content: 'svěř se.'; display: block; font: 700 34px/1.15 var(--heading); letter-spacing: -.06em; text-transform: lowercase; color: var(--accent); margin-bottom: 8px; }
#templatemo_header_section h1::after { content: 'Někdy stačí\A říct to nahlas.'; display: block; white-space: pre-line; font: 400 66px/1.02 var(--heading); letter-spacing: -.055em; text-transform: none; color: var(--ink); margin-top: 29px; }
#templatemo_header_section #templatemo_title_section { position: absolute; inset: 40px 45px auto auto; width: 250px; height: 250px; padding: 0; float: none; border: 1px solid var(--accent); border-radius: 50%; opacity: .65; }
#templatemo_title_section::before { content: ''; position: absolute; inset: 25px -38px -25px 38px; border: 1px solid var(--accent); border-radius: 50%; }
#templatemo_title_section::after { content: '“'; position: absolute; inset: -8px 0 0; font: 300px/1.2 Georgia, serif; text-align: center; color: var(--accent); }
#templatemo_menu_panel { height: auto; background: var(--surface); border-bottom: 1px solid var(--line); }
#templatemo_menu_panel #templatemo_menu_section { width: min(var(--measure), calc(100% - 64px)); height: auto; margin: auto; padding: 0; background: none; }
#templatemo_menu_section ul.sdt_menu { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; width: 100%; padding: 14px 0; margin: 0; float: none; }
#templatemo_menu_section ul.sdt_menu li { display: block; float: none; width: auto; height: auto; }
#templatemo_menu_section ul.sdt_menu li > a { display: block; position: relative; inset: auto !important; width: auto; height: auto; padding: 11px 17px; margin: 0; border: 0; border-radius: 8px; box-shadow: none; background: transparent; color: var(--ink); text-align: left; }
#templatemo_menu_section ul.sdt_menu li > a:hover { background: var(--soft); }
#templatemo_menu_section ul.sdt_menu li:first-child > a { background: var(--soft); color: var(--accent); }
#templatemo_menu_section ul.sdt_menu li:nth-child(2) { order: 10; margin-left: auto; }
#templatemo_menu_section ul.sdt_menu li:nth-child(2) > a { background: var(--accent); color: var(--accent-ink); padding-inline: 23px; }
#templatemo_menu_section ul.sdt_menu li:nth-child(2) .sdt_link::before { content: '+ '; margin-right: 7px; }
#templatemo_menu_section ul.sdt_menu .sdt_wrap { display: block; position: static !important; width: auto; height: auto; }
#templatemo_menu_section ul.sdt_menu .sdt_link { display: block; float: none; margin: 0; color: inherit; font: 600 14px/1.6 var(--body); text-shadow: none; text-transform: none; }
#templatemo_menu_section ul.sdt_menu .sdt_descr, #templatemo_menu_section ul.sdt_menu .sdt_active, #templatemo_menu_section ul.sdt_menu img { display: none !important; }
#templatemo_content_container { width: 100%; overflow: visible; }
#templatemo_content_container #templatemo_content { width: min(var(--measure), calc(100% - 64px)); height: auto; margin: auto; padding: 40px 0 64px; overflow: visible; background: none; display: grid; grid-template-columns: minmax(0, 1fr) 296px; gap: 32px; align-items: start; }
#templatemo_content_left, #templatemo_content_right { float: none; width: auto; margin: 0; min-width: 0; }
#templatemo_content_left .templatemo_post { width: 100%; margin: 0 0 28px; padding: 0; background: transparent; border: 0; font-size: inherit; }
.templatemo_post .post_body { padding: 0; }
.templatemo_post .post_comment:empty, .demo-description:empty { display: none; }
#tabs.ui-widget-content { border: 0; border-radius: 0; background: transparent; padding: 0; font: inherit; color: var(--ink); }
#tabs::before { content: 'Příběhy mezi námi'; display: block; color: var(--ink); font: 400 30px/1.3 var(--heading); letter-spacing: -.03em; margin: 0 0 22px; }
#tabs > ul { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 0 20px; margin: 0; background: none; border: 0; }
#tabs > ul::before, #tabs > ul::after { display: none; }
#tabs > ul > li { position: static; top: auto; float: none; padding: 0; margin: 0; list-style: none; border: 0; background: none; border-radius: 0; }
#tabs > ul > li a { display: block; padding: 8px 12px; border-radius: 7px; color: var(--muted); }
#tabs > ul > li a span { color: inherit !important; font: 500 12px/1.6 var(--body) !important; }
#tabs > ul > li.ui-tabs-selected a, #tabs > ul > li.ui-state-active a { background: var(--accent); color: var(--accent-ink); }
#tabs > ul > li a:hover { box-shadow: inset 0 0 0 1px var(--accent); }
#tabs > .ui-tabs-panel { padding: 0; background: transparent; border: 0; color: var(--ink); }
#tabs .ui-tabs-hide { display: none !important; }
#tabs table.frames { width: 100%; border-collapse: separate; border-spacing: 0; background: transparent; color: var(--ink); }
#tabs table.frames td, #tabs table.frames th { border: 0 !important; color: var(--ink); padding: 16px; line-height: 1.5; background: none; }
#tabs table.frames tr { background: var(--surface) !important; }
#tabs table.frames tr + tr td { border-top: 1px solid var(--line) !important; }
#tabs table.frames a { color: var(--ink); font-family: var(--body) !important; }
#tabs table.frames a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
#tabs-1 table.frames, #tabs-1 table.frames tbody { display: block; }
#tabs-1 table.frames tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; position: relative; padding: 19px 24px 19px 68px; margin: 0 0 10px; border: 1px solid var(--line); border-radius: var(--radius); transition: border-color .15s, transform .15s; }
#tabs-1 table.frames tr:hover { border-color: var(--accent); transform: translateY(-2px); }
#tabs-1 table.frames tr::before { content: '“'; position: absolute; top: 19px; left: 21px; width: 32px; height: 32px; border-radius: 50%; background: var(--soft); color: var(--accent); text-align: center; font: 35px/1.4 Georgia, serif; }
#tabs-1 table.frames td { padding: 0 !important; width: auto !important; }
#tabs #tabs-1 table.frames tr td { border: 0 !important; }
#tabs-1 table.frames td:first-child { grid-column: 1; grid-row: 1; }
#tabs-1 table.frames td:first-child > a { display: inline; margin: 0 !important; font: 600 17px/1.4 var(--body) !important; }
#tabs-1 table.frames td:nth-child(2) { grid-column: 1; grid-row: 2; margin-top: 5px; color: var(--muted); }
#tabs-1 table.frames td:nth-child(2) a, #tabs-1 table.frames td:nth-child(2) span { font: 12px/1.5 var(--body) !important; color: var(--muted); }
#tabs-1 table.frames td:nth-child(2) b { font-weight: 500; }
#tabs-1 table.frames td:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; margin-left: 16px; min-width: 35px; padding: 5px 8px !important; background: var(--soft); border-radius: 8px; color: var(--accent); text-align: center; font: 12px/1.4 var(--body) !important; }
#tabs-1 table.frames td img { display: none; }
.pure-button, a.pure-button { display: inline-block; background: var(--surface); border: 1px solid var(--line); border-radius: 30px; box-shadow: none; padding: 10px 28px; width: auto !important; min-width: 140px; color: var(--ink); font: 13px/1.5 var(--body); }
.pure-button:hover { background: var(--soft); }
#templatemo_content_right { display: flex; flex-direction: column; gap: 22px; }
#templatemo_content_right .templatemo_right_section { display: block; width: 100%; margin: 0; padding: 24px; background: var(--surface); color: var(--muted); border: 1px solid var(--line); border-radius: var(--radius); font-size: 12px; overflow-wrap: anywhere; }
.templatemo_right_section h2 { margin: 0 0 20px; padding: 0; border: 0; font: 600 20px/1.3 var(--body); color: var(--ink); }
.templatemo_right_section table { width: 100%; border-spacing: 0; }
.templatemo_right_section td { padding: 5px 0; }
.templatemo_right_section .loginator td { padding: 4px 0; }
.loginator img, .loginator br { display: none; }
.loginator b { font-weight: 500; font-size: 12px; color: var(--muted); }
.loginator tr:nth-child(3) td { padding-top: 12px; }
.loginator tr:last-child td { padding-top: 15px; }
input[type='text'], input[type='password'], input[type='email'], input.inputy, input.inputy2, textarea, select {
  width: 100% !important; max-width: 100%; height: auto !important; min-height: 42px; padding: 10px 12px !important;
  background: var(--page) !important; border: 1px solid var(--line) !important; border-radius: 8px; color: var(--ink) !important; font: 14px/1.5 var(--body) !important; text-shadow: none;
}
textarea { min-height: 160px; }
input[type='submit'], .button { width: 100% !important; height: auto; min-height: 43px; padding: 11px 18px !important; background: var(--accent) !important; color: var(--accent-ink) !important; border: 0 !important; border-radius: 8px; font: 600 13px/1.5 var(--body); text-transform: none; cursor: pointer; }
input[type='submit']:hover { filter: brightness(1.12); }
.templatemo_right_section > a[href*='registration'] { display: block; text-align: center; padding: 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; letter-spacing: .05em; }
.templatemo_right_section > span { font: 12px/1.6 var(--body) !important; }
.templatemo_right_section li { padding-block: 4px; }
.templatemo_right_section [style*='color:'] { color: var(--muted) !important; }
.templatemo_right_section [style*='background-color:'] { background-color: var(--soft) !important; }
.templatemo_right_section hr { border: 0; border-top: 1px solid var(--line); margin: 18px 0; }
#slider2 { width: 100%; max-width: 100%; height: 210px; border: 0; border-radius: var(--radius); overflow: hidden; background: var(--surface); }
#slider2 .contentdiv { width: 100% !important; padding: 0; }
#slider2 img { width: 100%; height: 210px; object-fit: cover; margin: 0; filter: saturate(.5); }
#paginate-slider2 { width: 100%; padding: 12px; background: transparent; text-align: center; }
#paginate-slider2 a { display: inline-block; padding: 2px 10px; background: var(--surface); color: var(--muted); border: 1px solid var(--line); border-radius: 6px; }
#templatemo_bottom_panel { background: var(--surface); border-top: 1px solid var(--line); }
#templatemo_bottom_panel #templatemo_bottom_section { width: min(var(--measure), calc(100% - 64px)); margin: auto; padding: 36px 0; border: 0; background: none; display: flex; gap: 48px; }
#templatemo_bottom_section .templatemo_bottom_section_content { float: none; width: auto; margin: 0; padding: 0; }
#templatemo_bottom_section h3 { font: 600 14px/1.5 var(--body); color: var(--ink); border: 0; }
#templatemo_bottom_section li a { color: var(--muted); font-size: 12px; }
#templatemo_footer_panel { background: var(--surface); color: var(--muted); border-top: 1px solid var(--line); }
#templatemo_footer_panel #templatemo_footer_section { width: min(var(--measure), calc(100% - 40px)); margin: auto; padding: 24px 0; background: none; font-size: 11px; }
@media (max-width: 1050px) {
  #templatemo_content_container #templatemo_content { grid-template-columns: minmax(0, 1fr) 265px; gap: 24px; }
  #templatemo_menu_section ul.sdt_menu li > a { padding-inline: 12px; }
  #templatemo_header_section h1::after { font-size: 59px; }
  #templatemo_header_section #templatemo_title_section { right: 28px; width: 210px; height: 210px; }
  #templatemo_title_section::after { font-size: 260px; }
}
@media (max-width: 760px) {
  #templatemo_header_panel #templatemo_header_section { width: calc(100% - 40px); height: 280px; }
  #templatemo_header_section h1 { padding-top: 24px; }
  #templatemo_header_section h1::after { font-size: clamp(38px, 8.5vw, 56px); margin-top: 30px; }
  #templatemo_header_section #templatemo_title_section { display: none; }
  #templatemo_menu_panel #templatemo_menu_section { width: calc(100% - 32px); }
  #templatemo_menu_section ul.sdt_menu { gap: 4px; padding: 12px 0; }
  #templatemo_menu_section ul.sdt_menu li > a { padding: 8px 10px; }
  #templatemo_menu_section ul.sdt_menu .sdt_link { font-size: 12px; }
  #templatemo_menu_section ul.sdt_menu li:nth-child(2) { order: 0; margin: 0; }
  #templatemo_menu_section ul.sdt_menu li:nth-child(2) > a { padding-inline: 14px; }
  #templatemo_content_container #templatemo_content { width: calc(100% - 32px); display: block; padding: 28px 0 40px; }
  #tabs::before { font-size: 27px; margin-bottom: 18px; }
  #tabs > ul { gap: 2px; padding-bottom: 16px; }
  #tabs > ul > li a { padding: 7px 9px; }
  #tabs > ul > li a span { font-size: 11px !important; }
  #tabs-1 table.frames tr { padding: 17px 15px 17px 53px; }
  #tabs-1 table.frames tr::before { left: 13px; width: 28px; height: 28px; font-size: 29px; }
  #tabs-1 table.frames td:first-child > a { font-size: 15px !important; }
  #tabs-1 table.frames td:last-child { margin-left: 8px; min-width: 30px; padding: 5px !important; }
  #templatemo_content_right { margin-top: 32px; }
  #templatemo_content_right .templatemo_right_section { padding: 24px; }
  #tabs table.frames td, #tabs table.frames th { padding: 12px 8px; overflow-wrap: anywhere; }
  #templatemo_bottom_panel #templatemo_bottom_section { width: calc(100% - 40px); flex-wrap: wrap; gap: 28px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }

/* 02 — Po setmění. Midnight blue with the selected lavender accent. */
:root { color-scheme: dark; --page: #101722; --surface: #192331; --ink: #f2f0ea; --muted: #a7b5c5; --accent: #c4b2f6; --accent-ink: #241c3c; --soft: #293345; --line: #344154; --hero: #131e2d; --radius: 15px; --heading: 'Segoe UI', Arial, sans-serif; }
#templatemo_header_panel { background: radial-gradient(ellipse at 80% 60%, #324056 0, transparent 50%), var(--hero); }
#templatemo_header_section h1::before { font-weight: 750; letter-spacing: -.07em; }
#templatemo_header_section h1::after { content: 'I v noci je tu\A někdo, kdo čte.'; font-size: 60px; font-weight: 650; letter-spacing: -.065em; }
#templatemo_header_section #templatemo_title_section { opacity: 1; width: 185px; height: 185px; top: 66px; right: 80px; background: var(--accent); border: 0; border-radius: 50%; box-shadow: 0 0 95px color-mix(in srgb, var(--accent) 10%, transparent); }
#templatemo_title_section::before { inset: -7px -20px 20px 40px; background: #253246; border: 0; }
#templatemo_title_section::after { content: ''; width: 7px; height: 7px; top: 20px; left: -58px; background: var(--accent); border-radius: 50%; box-shadow: 280px 66px var(--accent), 60px 194px #a0b5d2, 240px -30px #a0b5d2; }
#tabs::before { font-size: 26px; font-weight: 650; }
#tabs-1 table.frames tbody { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#tabs-1 table.frames tr { margin: 0; min-height: 144px; padding: 23px; grid-template-rows: 1fr auto; }
#tabs-1 table.frames tr::before { display: none; }
#tabs-1 table.frames td:first-child { grid-column: 1 / 3; padding-bottom: 25px !important; }
#tabs-1 table.frames td:first-child > a { font-size: 18px !important; font-weight: 550 !important; }
#tabs-1 table.frames td:last-child { grid-row: 2; }
#tabs-1 table.frames tr:first-child { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); background: color-mix(in srgb, var(--accent) 9%, var(--surface)) !important; }
#templatemo_content_right .templatemo_right_section:first-child { background: #1d2838; }
@media (max-width: 1050px) { #templatemo_header_section h1::after { font-size: 52px; } #templatemo_header_section #templatemo_title_section { right: 35px; width: 155px; height: 155px; } }
@media (max-width: 760px) { #templatemo_header_section h1::after { font-size: clamp(36px, 8.5vw, 52px); } #tabs-1 table.frames tbody { grid-template-columns: 1fr; gap: 10px; } #tabs-1 table.frames tr { min-height: 124px; padding: 20px; } }

/* ========================================================================
   Po setmění — complete site theme, 2026-09-28.
   Load after the original styles. The rules below also cover server-rendered
   story details, comments, forms, profiles, messages and administration.
   No JavaScript is required by this stylesheet. Existing handlers stay intact.
   ======================================================================== */
:root { --positive: #97d9b6; --negative: #ffaba9; --warning: #f6d396; }
body { overflow-wrap: break-word; }
button, input, select, textarea { font-family: var(--body); }
input[type='checkbox'], input[type='radio'] { accent-color: var(--accent); }
button:disabled, input:disabled, select:disabled { cursor: not-allowed; opacity: .65; }
input:read-only:not([type='button']):not([type='submit']) { color: var(--muted) !important; }
input:focus, textarea:focus, select:focus { border-color: var(--accent) !important; }
input::placeholder, textarea::placeholder { color: #8c9aac; opacity: 1; }
textarea { resize: vertical; line-height: 1.75 !important; }
html { scroll-padding-top: 24px; }
[id], a[name] { scroll-margin-top: 24px; }

/* Smaller masthead inside the site, so the page title and content come first. */
body:not(:has(#tabs)) #templatemo_header_section { height: 136px; }
body:not(:has(#tabs)) #templatemo_header_section h1 { padding-top: 30px; }
body:not(:has(#tabs)) #templatemo_header_section h1::after { content: none; }
body:not(:has(#tabs)) #templatemo_header_section #templatemo_title_section { width: 75px; height: 75px; top: 29px; right: 55px; }
body:not(:has(#tabs)) #templatemo_title_section::before { inset: -4px -7px 9px 16px; }
body:not(:has(#tabs)) #templatemo_title_section::after { width: 4px; height: 4px; top: 5px; left: -32px; box-shadow: 130px 38px var(--accent), 40px 85px #a0b5d2; }
body:not(:has(#tabs)) #templatemo_menu_section ul.sdt_menu li:first-child > a { background: transparent; color: var(--ink); }
body:has(input[name='topic']) #templatemo_menu_section a[href*='new-post'] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent); }
body:has(a[href*='sort=nickname']) #templatemo_menu_section a[href*='users-top'],
body:has(img[alt='full banner']) #templatemo_menu_section a[href*='help-us'] { background: var(--soft); color: var(--accent); }

/* Page surfaces and long-form text. */
#templatemo_content_left .post_body:not(:has(#tabs)) {
  display: flow-root; padding: 32px; border: 1px solid var(--line);
  border-radius: 18px; background: var(--surface); color: var(--ink);
  font: 15px/1.75 var(--body);
}
#templatemo_content_left .post_body > h2 {
  margin: 0 0 27px; padding: 0 0 23px; border: 0; border-bottom: 1px solid var(--line);
  color: var(--ink); font: 650 30px/1.25 var(--heading); letter-spacing: -.035em;
}
#templatemo_content_left .post_body > h2 a { font: 500 14px/1.6 var(--body); letter-spacing: 0; }
#templatemo_content_left .post_body h3 { margin: 24px 0 14px; padding: 0; border: 0; font: 600 20px/1.4 var(--body); color: var(--ink); }
#templatemo_content_left .post_body p { padding: 0; margin: 0 0 20px; text-align: left; }
#templatemo_content_left .post_body > br:first-child,
#templatemo_content_left .post_body > style + br,
#templatemo_content_left .post_body > br + br { display: none; }
#templatemo_content_left .post_body > div[style*='text-shadow'] {
  color: var(--ink) !important; font: 650 32px/1.3 var(--heading) !important;
  letter-spacing: -.04em; text-shadow: none !important;
}
#templatemo_content_left .post_body > div[style*='text-shadow'] strong { font-weight: inherit; }
#templatemo_content_left .post_body > div[style*='text-shadow'] img { vertical-align: middle; }
#templatemo_content_left .showStory { margin: 0; text-align: left; font: 17px/1.85 var(--body); color: #dae2ed; overflow-wrap: anywhere; }
#templatemo_content_left .showStory > span { display: inline-block; font: 12px/1.6 var(--body) !important; color: var(--muted); }
#templatemo_content_left .showStory > div:last-child { margin-top: 22px; }
#templatemo_content_left .showStory > div:last-child .button { background: var(--soft) !important; color: var(--accent) !important; border: 1px solid var(--line) !important; }
#templatemo_content_left a.button { display: inline-flex; align-items: center; justify-content: center; width: auto !important; max-width: 100%; min-height: 44px; white-space: normal; }
#templatemo_content_left .post_body > table[style*='float:'] { float: none !important; display: inline-table; width: auto !important; max-width: 100%; margin: 12px 14px 8px 0; border: 0 !important; }
#templatemo_content_left .post_body > table[style*='float:'] td { padding: 5px; border: 0; }
#templatemo_content_left .post_body img { vertical-align: middle; }
#templatemo_content_left .post_body > li { list-style: none; margin: 10px 0; padding: 16px 18px; background: var(--page); border: 1px solid var(--line); border-radius: 10px; overflow-wrap: anywhere; }
#templatemo_content_left .post_body > li > a { display: block; font-size: 16px; }
#templatemo_content_left .post_body > table[style*='float:'] img { max-width: 28px; margin: 0; }
#templatemo_content_left .post_body [align='justify'], #templatemo_content_left .post_body [style*='text-align: justify'] { text-align: left !important; }
#templatemo_content_left pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--line) !important; border-radius: 10px; padding: 18px !important; background: var(--page); color: var(--muted); font: 12px/1.7 Consolas, monospace; }
#templatemo_content_left hr { height: 0; margin: 24px 0; border: 0; border-top: 1px solid var(--line); }
#templatemo_content_left font { font-family: inherit; }
#templatemo_content_left font[color], #templatemo_content_left .divNadpis { color: var(--ink); background: none; }
#templatemo_content_left [style*='color: green'], #templatemo_content_left [style*='color:green'] { color: var(--positive) !important; }
#templatemo_content_left [style*='color: red'], #templatemo_content_left [style*='color:red'] { color: var(--negative) !important; }

/* Data tables: profiles, leaderboards, archive, inboxes and admin lists. */
#templatemo_content .tabulka, #templatemo_content table.zpravy {
  width: 100%; max-width: 100%; padding: 0; border-spacing: 0; border-collapse: separate;
  border: 1px solid var(--line); border-radius: 12px; background: var(--page);
  color: var(--ink); font: 13px/1.65 var(--body); text-shadow: none;
}
#templatemo_content table.tabulka td, #templatemo_content table.tabulka th,
#templatemo_content table.zpravy td { padding: 13px 15px; color: var(--ink); border: 0; border-bottom: 1px solid var(--line); vertical-align: middle; overflow-wrap: anywhere; }
#templatemo_content table.tabulka th { background: var(--soft); text-align: left; color: var(--muted); font-size: 12px; font-weight: 600; }
#templatemo_content table.tabulka tr:last-child td, #templatemo_content table.zpravy tr:last-child td { border-bottom: 0; }
#templatemo_content table.tabulka th:first-child { border-radius: 11px 0 0; }
#templatemo_content table.tabulka th:last-child { border-radius: 0 11px 0 0; }
#templatemo_content table.tabulka td a { color: var(--accent); }
#templatemo_content table.tabulka tr.tabon2, #templatemo_content table.tabulka tr:hover:not(:has(th)) { background: #ffffff04; }
#templatemo_content table.tabulka tr.gold td { background: #3a302a; color: #f6d396; }
#templatemo_content table.tabulka tr.silver td { background: #293446; }
#templatemo_content table.tabulka tr.bronz td { background: #332d32; }
#templatemo_content table.tabulka tr.default td { background: var(--surface); border-top: 0; }
#templatemo_content .breaker, #templatemo_content .h2 { border-color: var(--line); color: var(--muted); }
#templatemo_content_left .post_body > div[style*='width: 95%'], #templatemo_content_left #info2 { width: 100% !important; }
#templatemo_content_left table.menu { width: 100%; margin: 0; font: 13px/1.5 var(--body); }
#templatemo_content_left table.menu tr { display: flex; flex-wrap: wrap; gap: 8px; }
#templatemo_content_left table.menu td { padding: 0; }
#templatemo_content_left table.menu td:nth-child(even) { display: none; }
#templatemo_content_left table.menu a { display: block; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); }
#templatemo_content_left table.menu a:hover { color: var(--accent); background: var(--soft); }
#templatemo_content_left table.tabulka input[type='submit'] { width: auto !important; min-width: 76px; padding: 8px 12px !important; min-height: 38px; font-size: 12px; }
#templatemo_content_left input[value='Smazat'], #templatemo_content_left input[value='Zablokovat'] { background: #422a32 !important; color: var(--negative) !important; border: 1px solid #74434c !important; }
#templatemo_content_left a[href*='xdelete'], #templatemo_content_left a[href*='del=true'] { color: var(--negative) !important; }
#templatemo_content_left center { margin-top: 12px; max-width: 100%; color: var(--muted); }
#templatemo_content_left table[style*='border:'] { border-color: var(--line) !important; }
#templatemo_content_left .paga { display: inline-block; padding: 7px 4px; font-size: 12px; }
#templatemo_content_left table.tabulka tr[style*='background: green'] { background: #203b35 !important; }
#templatemo_content_left center a:not(.button), #templatemo_content_left .post_body > center a { display: inline-block; padding: 7px 12px; margin: 3px; border: 1px solid var(--line); border-radius: 7px; }

/* Forms remain the original tables and fields, with a responsive reading order. */
#templatemo_content_left form { font-size: 14px; }
#templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) {
  width: 100% !important; max-width: 100%; border: 0 !important; background: transparent;
  border-spacing: 0; border-collapse: separate; text-shadow: none; font-size: 13px;
}
#templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) > tbody > tr > td {
  margin: 0; padding: 10px 0; border: 0 !important; color: var(--muted); vertical-align: top; font-size: 12px;
}
#templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) > tbody > tr > td:first-child:not([colspan]) { width: 30%; padding-right: 22px; color: var(--ink); font-size: 14px; }
#templatemo_content_left form > table td b { font-weight: 500; }
#templatemo_content_left form > table td font { font-size: inherit; }
#templatemo_content_left form > table td[colspan] { font-size: 22px !important; font-weight: 600 !important; text-align: left !important; color: var(--ink) !important; }
#templatemo_content_left form > input[type='submit'], #templatemo_content_left form > p > input[type='submit'] { width: auto !important; min-width: 180px; }
#templatemo_content_left input:not([type]), #templatemo_content_left input[type='number'] { width: 100%; min-height: 44px; padding: 10px 12px; background: var(--page); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-size: 14px; }
#templatemo_content_left input[type='text'], #templatemo_content_left input[type='password'], #templatemo_content_left select { min-height: 46px; }
#templatemo_content_left input[name='vek'], #templatemo_content_left input[name='cislo'], #templatemo_content_left input[name='kontrolax'] { max-width: 180px; }
#templatemo_content_left textarea[name='story'], #templatemo_content_left textarea[name='editArea'] { min-height: 280px; }
#templatemo_content_left textarea[name='vzkaz'], #templatemo_content_left textarea[name='obsahos'], #templatemo_content_left textarea[name='area'] { min-height: 180px; }
#templatemo_content_left .ui-wrapper { width: 100% !important; height: auto !important; min-height: 280px; padding: 0 !important; overflow: visible !important; }
#templatemo_content_left textarea.ui-resizable { width: 100% !important; max-width: 100%; min-height: 280px; padding: 14px !important; resize: vertical !important; }
#templatemo_content_left .ui-resizable-handle { display: none !important; }
#templatemo_content_left #counter { display: inline-block; min-width: 28px; padding: 0 5px; border-radius: 5px; background: var(--soft); color: var(--accent); text-align: center; font-variant-numeric: tabular-nums; }
#templatemo_content_left .img-feeling { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px 0; }
#templatemo_content_left .img-feeling td { padding: 0; position: relative; }
#templatemo_content_left .img-feeling .label { float: none; margin: 0; width: 64px; height: 64px; background-size: 48px 48px !important; background-position: center !important; background-repeat: no-repeat !important; border: 2px solid transparent; border-radius: 12px; cursor: pointer; }
#templatemo_content_left .img-feeling .radio:checked + .label { background-color: var(--soft) !important; border-color: var(--accent); }
#templatemo_content_left .img-feeling .radio:focus-visible + .label { outline: 3px solid var(--accent); outline-offset: 3px; }

/* Comments and their voting widgets: preserve names, numbers and hit targets. */
#templatemo_content_left .post_body > table:has(.desc) { width: 100%; margin: 18px 0; border: 1px solid var(--line) !important; border-radius: 12px; border-spacing: 0; background: var(--page); font-size: 13px; }
#templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 15px 18px; background: #212d3e !important; border-radius: 11px 11px 0 0; }
#templatemo_content_left .post_body > table:has(.desc) > tbody { display: block; }
#templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child > td { display: block; float: none !important; width: auto !important; padding: 0 !important; border: 0; color: var(--muted); font-size: 11px; }
#templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child > td:first-child { margin-right: auto; font-size: 14px; color: var(--ink); }
#templatemo_content_left .post_body > table:has(.desc) > tbody > tr:not(:first-child) { display: block; }
#templatemo_content_left .post_body > table:has(.desc) > tbody > tr:not(:first-child) > td { display: block; width: 100%; padding: 18px; }
#templatemo_content_left .desc { margin: 0 !important; text-align: left !important; font: 15px/1.85 var(--body); overflow-wrap: anywhere; color: #dce3ed; }
#templatemo_content_left .post_body > table:has(.desc) .right { width: auto; margin: 0; }
#templatemo_content_left .post_body > table:has(.desc) .left { margin-right: 7px; }
#templatemo_content_left .post_body > table:has(.desc) td:first-child a,
#templatemo_content_left .post_body > table:has(.desc) td:first-child > span { font-size: 13px !important; }
#templatemo_content_left [id^='links-'] { float: none !important; padding-right: 0 !important; }
#templatemo_content_left .btn-votes { align-items: center; gap: 3px; }
#templatemo_content_left .btn-votes input[type='button'] { width: 32px; height: 32px; min-height: 32px; border: 1px solid var(--line); border-radius: 7px; background-color: var(--soft); background-position: center; background-repeat: no-repeat; background-size: 16px; cursor: pointer; }
#templatemo_content_left .btn-votes .up { background-image: url('../jKomenty/pluser.png'); }
#templatemo_content_left .btn-votes .down { background-image: url('../jKomenty/minuser.png'); }
#templatemo_content_left .btn-votes input:disabled { opacity: .35; cursor: not-allowed; }
#templatemo_content_left .label-votes { min-width: 27px; text-align: center; font: 600 12px/1.5 var(--body); color: var(--ink); }
#templatemo_content_left .cele { display: flex; align-items: center; gap: 12px; margin: 14px 0 20px; font: 600 11px/1.4 var(--body); text-align: center; }
#templatemo_content_left .cele .ano, #templatemo_content_left .cele .ne { float: none; margin: 0; padding: 0; color: var(--muted); }
#templatemo_content_left .cele a.vote { display: block; min-width: 66px; padding: 8px 20px; margin-top: 6px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: var(--accent); font-size: 16px; }
#templatemo_content_left #hodnoceni { width: 100%; margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--page); font: 12px/1.6 var(--body); text-align: left; color: var(--muted); }
#templatemo_content_left .post_body > table:has(.desc) + br { display: none; }
#templatemo_content_left #hodnoceni > br:first-child { display: none; }
#templatemo_content_left #hodnoceni img { width: 28px; height: 28px; margin: 0 3px 8px 0; cursor: pointer; }
#templatemo_content_left #hodnoceni table { width: 100%; }

/* Account sidebars, validation notices and the existing modal plugin. */
#templatemo_content_right .tabulka { background: transparent; border: 0; }
#templatemo_content_right .tabulka td { padding: 11px 0; }
#templatemo_content_right .tabulka td a { display: inline-block; padding-block: 2px; }
#templatemo_content_right .tabulka tr { background: transparent; }
#templatemo_content_right .loginator td { border: 0; }
#templatemo_content .wrong { display: block; border: 1px solid #825a45; border-left: 3px solid var(--accent); border-radius: 10px; padding: 16px; background: #332b2c; color: #ffcebb; text-shadow: none; }
#info_message { left: 0; right: 0; height: auto; }
#info_message .center_auto, #info_message .info_more_descrption { width: min(950px, 100%); height: auto; }
#info_message .center_auto { display: flex; gap: 14px; padding: 16px 24px; }
#info_message .message_area { float: none; width: auto; flex: 1; font: 600 14px/1.6 var(--body); color: inherit; text-shadow: none; }
#info_message .button_area { float: none; flex: 0 0 28px; height: 28px; margin: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; position: relative; }
#info_message .button_area::after { content: '×'; position: absolute; inset: 0; font: 22px/26px var(--body); text-align: center; }
#info_message.error_bg { background: #492a33; color: #ffbfbc; border-bottom: 1px solid #85515c; }
#info_message.succ_bg { background: #203e35; color: #b2e6c9; border-bottom: 1px solid #477765; }
#info_message.warn_bg { background: #493b27; color: #f6d396; border-bottom: 1px solid #856d42; }
#info_message.info_bg { background: #26364b; color: #c5dbf6; border-bottom: 1px solid #4b6484; }
#info_message .info_more_descrption { background: var(--surface); color: var(--ink); max-height: 60vh; overflow: auto; }
.jqmWindow { width: min(600px, calc(100% - 32px)); max-height: 80dvh; overflow: auto; left: 50%; margin-left: 0; transform: translateX(-50%); border: 1px solid var(--line); border-radius: 16px; padding: 28px; background: var(--surface); color: var(--ink); box-shadow: 0 25px 90px #0008; }
.jqmOverlay { background: #050b13; }

@media (max-width: 1000px) {
  #templatemo_content_left .post_body:not(:has(#tabs)) { padding: 24px; }
  #templatemo_content_left .post_body > h2 { font-size: 26px; }
  #templatemo_content_left .post_body > div[style*='text-shadow'] { font-size: 28px !important; }
  #templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) > tbody > tr { display: flex; flex-wrap: wrap; }
  #templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) > tbody > tr > td { display: block; width: 100% !important; padding: 4px 0 14px; }
  #templatemo_content_left form > table:not(:has(th)):not(:has(.img-feeling)) > tbody > tr > td:first-child:not([colspan]) { padding: 8px 0 3px; }
  #templatemo_content_left form > table:not(:has(th)) td:empty { display: none !important; }
  #templatemo_content_left table.tabulka { font-size: 12px; }
  #templatemo_content_left table.tabulka td, #templatemo_content_left table.tabulka th { padding: 10px; }
}
@media (max-width: 760px) {
  body:not(:has(#tabs)) #templatemo_header_section { height: 124px; }
  body:not(:has(#tabs)) #templatemo_header_section h1 { padding-top: 26px; }
  #templatemo_content_left .post_body:not(:has(#tabs)) { padding: 24px 20px; border-radius: 14px; }
  #templatemo_content_left .post_body > h2 { font-size: 26px; margin-bottom: 20px; padding-bottom: 18px; }
  #templatemo_content_left .showStory { font-size: 16px; line-height: 1.85; }
  #templatemo_content_left .post_body > div[style*='text-shadow'] { font-size: 27px !important; }
  #templatemo_content_left table.tabulka:has(th), #templatemo_content_left table.tabulka:has(input[value='Přečíst']) { display: block; overflow-x: auto; }
  #templatemo_content_left table.tabulka:has(th) > tbody, #templatemo_content_left table.tabulka:has(input[value='Přečíst']) > tbody { display: table; width: 100%; min-width: 500px; }
  #templatemo_content_left table.tabulka:has(th)::after { content: 'Tabulku můžeš posunout do strany →'; display: block; padding: 9px 12px; color: var(--muted); font-size: 10px; }
  #templatemo_content_left table.tabulka th { white-space: normal; }
  #templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child { gap: 10px; padding: 13px; }
  #templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child > td:first-child { flex: 1 1 100%; }
  #templatemo_content_left .post_body > table:has(.desc) > tbody > tr:first-child > td:last-child { margin-left: auto; }
  #templatemo_content_left .post_body > table:has(.desc) > tbody > tr:not(:first-child) > td { padding: 15px; }
  #templatemo_content_left .img-feeling { gap: 5px; }
  #templatemo_content_left .img-feeling .label { width: 54px; height: 54px; background-size: 42px 42px !important; }
  #templatemo_content_left .showStory a.button { width: 100% !important; font-size: 12px; }
  #templatemo_content_left #hodnoceni { padding: 14px; }
  #info_message .center_auto { padding: 12px 16px; }
  .jqmWindow { padding: 22px; top: 10%; }
}

/* Design review: compact masthead, quieter footer, crisp rating and grouped code. */
@media (min-width: 761px) {
  #templatemo_header_panel #templatemo_header_section { height: 220px; }
  #templatemo_header_section h1 { padding-top: 22px; }
  #templatemo_header_section h1::before { font-size: 31px; }
  #templatemo_header_section h1::after { font-size: clamp(36px, 3.6vw, 46px); line-height: 1.04; margin-top: 17px; }
  #templatemo_header_section #templatemo_title_section { width: 128px; height: 128px; top: 45px; right: 70px; }
  #templatemo_title_section::before { inset: -5px -14px 14px 28px; }
  #templatemo_title_section::after { width: 4px; height: 4px; top: 20px; left: -34px; box-shadow: 195px 45px var(--accent), 40px 140px #a0b5d2; }
  body:not(:has(#tabs)) #templatemo_header_section { height: 108px; }
  body:not(:has(#tabs)) #templatemo_header_section h1 { padding-top: 20px; }
  body:not(:has(#tabs)) #templatemo_header_section #templatemo_title_section { width: 58px; height: 58px; top: 24px; }
  body:not(:has(#tabs)) #templatemo_title_section::before { inset: -4px -7px 7px 13px; }
  body:not(:has(#tabs)) #templatemo_title_section::after { box-shadow: 115px 32px var(--accent), 30px 60px #a0b5d2; }
}

/* Hide the complete rotating banner, including the old pagination and spacing. */
#slider2, #paginate-slider2, #templatemo_content_left .templatemo_post:has(#slider2) { display: none !important; }

#templatemo_bottom_panel { background: var(--page); }
#templatemo_bottom_panel #templatemo_bottom_section { display: grid; grid-template-columns: minmax(0, 3fr) minmax(180px, 1fr); gap: 64px; padding: 38px 0 32px; }
#templatemo_bottom_section .templatemo_bottom_section_content { display: block; min-width: 0; }
#templatemo_bottom_section h3 { margin: 0 0 18px; padding: 0; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
#templatemo_bottom_section .templatemo_bottom_section_content ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 28px; list-style: none; padding: 0; margin: 0; }
#templatemo_bottom_section .templatemo_bottom_section_content:last-child ul { grid-template-columns: 1fr; }
#templatemo_bottom_section .templatemo_bottom_section_content li { margin: 0; padding: 0; }
#templatemo_bottom_section .templatemo_bottom_section_content li a { display: block; padding: 6px 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
#templatemo_bottom_section .templatemo_bottom_section_content li a:hover { color: var(--accent); }
#templatemo_footer_panel { background: var(--page); }
#templatemo_footer_panel #templatemo_footer_section { width: min(var(--measure), calc(100% - 64px)); text-align: left; font-size: 12px; line-height: 2; padding: 20px 0 26px; }

/* Keep the original img elements and their vote handlers; replace only the pixels.
   Grey/yellow src updates from default_stars.js still drive the selected state. */
#templatemo_content_left #hodnoceni { width: min(100%, 330px); margin-right: auto; padding: 18px 20px; overflow: visible; }
#templatemo_content_left #hodnoceni::before { content: 'Ohodnoť zpověď'; display: block; margin-bottom: 8px; font: 600 14px/1.5 var(--body); color: var(--ink); }
#templatemo_content_left #hodnoceni > img[id^='s'] {
  --star-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.3.9-4.55 4.45 1.08 6.28L12 17.36l-5.63 2.97 1.08-6.28L2.9 9.6l6.3-.9Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  --star-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.8 5.7 6.3.9-4.55 4.45 1.08 6.28L12 17.36l-5.63 2.97 1.08-6.28L2.9 9.6l6.3-.9Z' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'/%3E");
  width: 40px; height: 40px; margin: 0 2px 0 0; padding: 0; vertical-align: middle;
  background: var(--muted); -webkit-mask: var(--star-outline) center / 31px 31px no-repeat; mask: var(--star-outline) center / 31px 31px no-repeat;
  transition: background-color .15s, transform .15s;
}
#templatemo_content_left #hodnoceni > img[src*='hvezda_yellow'],
#templatemo_content_left #hodnoceni > img[id^='s']:hover,
#templatemo_content_left #hodnoceni > img[id^='s']:has(~ img[id^='s']:hover) { background: var(--accent); -webkit-mask-image: var(--star-filled); mask-image: var(--star-filled); }
#templatemo_content_left #hodnoceni > img[id^='s']:hover { transform: translateY(-2px); }
#templatemo_content_left #hodnoceni > br { display: none; }
#templatemo_content_left #hodnoceni table:not(:has(#napovedaDiv2:not(:empty))) { display: none; }
#templatemo_content_left #hodnoceni #napovedaDiv:not(:empty), #templatemo_content_left #hodnoceni #napovedaDiv2:not(:empty) { margin-top: 10px; }

/* A single reading column for replies; the challenge and answer form one row. */
#templatemo_content_left form:has(textarea[name='vzkaz']) > table,
#templatemo_content_left form:has(textarea[name='vzkaz']) > table > tbody { display: block; }
#templatemo_content_left form:has(textarea[name='vzkaz']) > table > tbody > tr { display: block; }
#templatemo_content_left form:has(textarea[name='vzkaz']) > table > tbody > tr > td,
#templatemo_content_left form:has(textarea[name='vzkaz']) > table > tbody > tr > td:first-child:not([colspan]) { display: block; width: 100% !important; padding: 0 0 10px; }
#templatemo_content_left form:has(textarea[name='vzkaz']) > table > tbody > tr + tr { margin-top: 14px; }
#templatemo_content_left form:has(textarea[name='vzkaz']) tr:has(input[name='cislo']) { display: grid; grid-template-columns: minmax(0, 180px) minmax(0, 220px); gap: 16px; align-items: end; }
#templatemo_content_left form:has(textarea[name='vzkaz']) tr:has(input[name='cislo']) td { padding: 0 !important; }
#templatemo_content_left form:has(textarea[name='vzkaz']) tr:has(input[name='cislo']) td:first-child { line-height: 1.6; }
#templatemo_content_left form:has(textarea[name='vzkaz']) input[name='cislo'] { max-width: none; height: 48px !important; }
#templatemo_content_left form:has(textarea[name='vzkaz']) img[src*='captcha.php'] { display: block; width: 180px; max-width: 100%; height: 48px; object-fit: contain; object-position: left; margin-top: 8px; }
#templatemo_content_left form:has(textarea[name='vzkaz']) td:has(> input[type='hidden']):not(:has(> :not(input[type='hidden']))) { display: none !important; }
#templatemo_content_left form:has(textarea[name='vzkaz']) input[type='submit'] { width: auto !important; min-width: 200px; margin-top: 10px; }

/* The profile action is separate from the heading; its original URL is retained. */
#templatemo_content_left .profile-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; margin: 0 0 27px; padding-bottom: 23px; border-bottom: 1px solid var(--line); }
#templatemo_content_left .profile-heading h2 { margin: 0; padding: 0; border: 0; font: 650 30px/1.25 var(--heading); letter-spacing: -.035em; overflow-wrap: anywhere; }
#templatemo_content_left .profile-heading > a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); color: var(--accent); font: 600 18px/1.4 var(--body); text-align: center; }
#templatemo_content_left .profile-heading > a:hover { border-color: var(--accent); }

@media (max-width: 760px) {
  #templatemo_bottom_panel #templatemo_bottom_section { grid-template-columns: 1fr; gap: 28px; padding: 30px 0; }
  #templatemo_bottom_section .templatemo_bottom_section_content ul { grid-template-columns: 1fr; gap: 2px; }
  #templatemo_bottom_section .templatemo_bottom_section_content:last-child ul { grid-template-columns: 1fr 1fr; }
  #templatemo_footer_panel #templatemo_footer_section { width: calc(100% - 40px); }
  #templatemo_content_left #hodnoceni { padding: 16px 12px; }
  #templatemo_content_left #hodnoceni > img[id^='s'] { width: 35px; height: 40px; margin-right: 0; }
  #templatemo_content_left form:has(textarea[name='vzkaz']) tr:has(input[name='cislo']) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  #templatemo_content_left .profile-heading { align-items: flex-start; flex-direction: column; }
  #templatemo_content_left .profile-heading h2 { font-size: 27px; }
  #templatemo_content_left .profile-heading > a { width: 100%; font-size: 17px; padding-inline: 12px; }
}