/*
 * RH Zlatník – vlastní styly nad Divi 5.
 *
 * Moduly v Divi nesou jen CSS třídy s prefixem rh- a obsah; barvy, písma a rozměry jsou tady.
 * Hodnoty ze starého webu (Layers + layers-child/style.css, computed styles 1440 / 375 px –
 * weby/rhzlatnik/navrh/stary.json a stary/bloky.json, výpis stary/ukaz.py a stary/bloky.py).
 * Nahrání: bash nastroje/deploy.sh rhzlatnik child assets/css/custom.css
 */

/* ── Písma: Raleway (text) a Playfair Display (nadpisy) – na starém webu z Google Fonts, tady v child theme ── */
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-latin-ext.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway-latin.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('../fonts/playfair-latin-ext.woff2') format('woff2');
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('../fonts/playfair-latin.woff2') format('woff2');
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--rh-gold: #be9a09;                        /* zlatá (layers-child: menu, nadpisy sloupců, linka patičky) */
	--rh-grey: #5d5d5d;                        /* spodní linka menu při najetí */
	--rh-ink: rgba(0, 0, 0, 0.55);             /* text na bílé */
	--rh-ink-strong: rgba(0, 0, 0, 0.85);      /* nadpisy na bílé */
	--rh-inv: rgba(255, 255, 255, 0.9);        /* text na černé */
	--rh-inv-soft: rgba(255, 255, 255, 0.8);   /* popis sekce na černé */
	--rh-box: rgba(0, 0, 0, 0.8);              /* rámeček sloupce na fotce (.robert-backfix .media) */
	--rh-font: 'Raleway', Arial, Helvetica, sans-serif;
	--rh-font-heading: 'Playfair Display', serif;
	--rh-wrap: 1000px;                         /* Layers .container 1040 px − 2 × 20 px */
}

body { background: #fff; }
body,
body #page-container {
	font-family: var(--rh-font);
	font-size: 15px;
	line-height: 1.5;
	font-weight: 300;
	color: var(--rh-ink);
}
body #page-container h1, body #page-container h2, body #page-container h3,
body #page-container h4, body #page-container h5, body #page-container h6 {
	font-family: var(--rh-font-heading);
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 0;
}

/* Divi 5: sekce/řádky/sloupce jsou flex s výchozími mezerami – rozestupy řídíme sami. */
:where(#page-container .et_pb_section[class*="rh-"]) { padding: 0; }
:where(#page-container [class*="rh-"] .et_pb_row, #page-container .et_pb_row[class*="rh-"]) { padding: 0; }
#page-container .et_pb_row[class*="rh-"] { width: calc(100% - 40px); max-width: var(--rh-wrap); }
:where(#page-container [class*="rh-"] .et_pb_module) { margin-bottom: 0; }
#page-container .et_pb_section[class*="rh-"],
#page-container #et-boc .et-l--header .et_pb_section[class*="rh-"],
#page-container #et-boc .et-l--footer .et_pb_section[class*="rh-"] { row-gap: 0; }
#page-container [class*="rh-"] .et_pb_column { row-gap: 0; margin-bottom: 0; }
#page-container [class*="rh-"] .et_pb_text,
#page-container [class*="rh-"] .et_pb_heading { text-align: inherit; }
#page-container [class*="rh-"] .et_pb_text p { padding-bottom: 0; }

/* ── Hlavička (Theme Builder) – jen menu na středu, lepicí (Layers header-sticky) ── */
#page-container .et-l--header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
}
body.et-fb #page-container .et-l--header { position: relative; top: 0; }
#page-container #et-boc .et-l--header .rh-header {
	padding: 20px 0;
	background: #fff;
	border-bottom: 1px solid transparent;
	transition: padding 0.3s ease;
}
/* Logo nad menu na středu (logo z patičky, 174 × 75 px); po posunu stránky se zmenší (main.js → .rh-stuck) – 4. 11. 2026 */
#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__logo-wrap { margin: 0 auto 20px; transition: margin 0.3s ease; }
#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__logo { max-width: none; margin: 0; padding: 0; }
#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__logo img {
	display: block;
	width: auto;
	height: 75px;
	max-height: none;
	transition: height 0.3s ease;
}
#page-container #et-boc .et-l--header .rh-header.rh-stuck { padding: 10px 0; }
#page-container #et-boc .et-l--header .rh-header.rh-stuck .rh-nav .et_pb_menu__logo-wrap { margin-bottom: 10px; }
#page-container #et-boc .et-l--header .rh-header.rh-stuck .rh-nav .et_pb_menu__logo img { height: 52px; }
#page-container #et-boc .et-l--header .rh-header.rh-stuck { border-bottom-color: #aeaeae; } /* .is_stuck – main.js */
#page-container #et-boc .et-l--header .rh-header-row { width: calc(100% - 40px); max-width: none; }
#page-container #et-boc .et-l--header .rh-nav,
#page-container #et-boc .et-l--header .rh-nav .et_pb_menu_inner_container { background: none !important; }
#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__wrap { justify-content: center; }
#page-container #et-boc .et-l--header .rh-nav .et-menu { margin: 0; column-gap: 4px; } /* Layers: mezera mezi inline-block položkami */
#page-container #et-boc .et-l--header .rh-nav .et-menu > li { padding: 0; margin: 0; font-size: 15px; line-height: 20px; }
#page-container #et-boc .et-l--header .rh-nav .et-menu > li > a {
	display: block;
	padding: 10px 20px;
	margin: 0 5px;                    /* Layers: okraj na odkazu, ne na položce */
	border-bottom: 1px solid var(--rh-gold);
	font-family: var(--rh-font);
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	text-transform: uppercase;
	color: var(--rh-ink);
	opacity: 1;
	transition: none;
}
#page-container #et-boc .et-l--header .rh-nav .et-menu > li > a:hover {
	color: var(--rh-gold);
	padding-bottom: 8px;
	border-bottom: 3px solid var(--rh-grey);
}

/* Hamburger a mobilní menu (Layers: tmavý panel off-canvas) */
#page-container #et-boc .et-l--header .rh-nav .mobile_menu_bar::before { color: var(--rh-ink-strong); }
#page-container #et-boc .et-l--header .rh-nav .et_mobile_menu {
	background: #252525;
	border-top: 0;
	padding: 0;
}
#page-container #et-boc .et-l--header .rh-nav .et_mobile_menu li a {
	padding: 10px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.85);
	font-family: var(--rh-font);
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
	background: none;
}
#page-container #et-boc .et-l--header .rh-nav .et_mobile_menu li a:hover { color: var(--rh-gold); opacity: 1; }

/* Layers přepíná na mobilní menu až pod 768 px (Divi pod 981 px) → mezi 768 a 980 px nechat menu vodorovné. */
@media (min-width: 768px) and (max-width: 980px) {
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__menu { display: flex; }
	#page-container #et-boc .et-l--header .rh-nav .et_mobile_nav_menu { display: none; }
}

/* ── Záhlaví stránky (Layers slider s jedním snímkem) ────────────── */
#page-container .rh-hero {
	background-color: #000;
	height: 300px;                    /* Layers: výška snímku 300 px */
	padding: 20px 0;
	justify-content: center;
	text-align: center;
	color: #fff;
}
#page-container .rh-hero .et_pb_row.rh-hero-row { width: calc(100% - 80px); } /* Layers: .overlay 20 px + .container 20 px */
#page-container .rh-hero-title h1 {
	font-size: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
#page-container .rh-hero-text { margin-top: 10px; }
#page-container .rh-hero-text p {
	max-width: 830px;
	margin: 0 auto;
	font-size: 25px;
	line-height: 37.5px;
	color: var(--rh-inv-soft);
}
/* Úvod (4. 11. 2026 na přání uživatele): hlavička + snímek = celá obrazovka, fotka přes celou plochu (cover, na střed),
 * text vždy na stejném místě tmavé plochy fotky – polohu a měřítko počítá main.js (--rh-tx, --rh-ty, --rh-tw, --rh-ts:
 * 71 % šířky a 14,5 % výšky fotky jako na původní fotce 1231 × 831 px); hodnoty níže jsou záloha bez skriptu. */
#page-container .rh-hero.rh-hero--home {
	position: relative;
	display: block;
	height: calc(100svh - var(--rh-header-h, 177px) - var(--wp-admin--admin-bar--height, 0px));
	min-height: 420px;
	padding: 0;
	background-size: cover;
	background-position: center center;
}
#page-container .rh-hero--home .et_pb_row.rh-hero-row {
	position: absolute;
	left: var(--rh-tx, 55%);
	top: var(--rh-ty, 15%);
	width: var(--rh-tw, 36%);
	max-width: none;
	margin: 0;
}
#page-container .rh-hero--home .rh-hero-col { width: 100%; margin: 0; padding: 0; }
#page-container .rh-hero--home .rh-hero-title h1 { font-size: calc(40px * var(--rh-ts, 1)); line-height: 1; }
#page-container .rh-hero--home .rh-hero-text { margin-top: calc(10px * var(--rh-ts, 1)); }
#page-container .rh-hero--home .rh-hero-text p { font-size: calc(25px * var(--rh-ts, 1)); line-height: 1.5; }

/* ── Obsahové sekce (Layers widget „column“) ─────────────────────── */
#page-container .rh-sec {
	background-color: #fff;
	/* Layers .content-vertical-massive: 6 % / 4 % šířky; nad 1440 px strop jako u akraji (85,5 / 57 px). */
	padding: min(6%, 85.5px) 0 min(4%, 57px);
}
#page-container .rh-sec.rh-sec--notop { padding-top: 0; }
/* Sekce hned pod úvodní fotkou: větší mezera nad nadpisem (4. 11. 2026 na přání uživatele; Layers 0) */
#page-container .rh-hero--home + .rh-sec.rh-sec--notop { padding-top: max(40px, min(6%, 85.5px)); }
#page-container .rh-sec.rh-sec--nobottom { padding-bottom: 0; }
#page-container .rh-sec.rh-sec--fixed { background-attachment: fixed; }
#page-container .rh-sec.rh-sec--dark { background-color: #000; color: var(--rh-inv); }
#page-container .rh-sec.rh-sec--wide .et_pb_row { width: calc(100% - 20px); max-width: none; }

/* Nadpis sekce (title + excerpt widgetu) */
#page-container .rh-title { margin-bottom: 30px; }
#page-container .rh-title.rh-text-center { text-align: center; }
#page-container .rh-title.rh-text-left { text-align: left; }
#page-container .rh-sec-title h3 { font-size: 30px; line-height: 45px; color: var(--rh-ink-strong); }
#page-container .rh-title--large .rh-sec-title h3 { font-size: 40px; line-height: 40px; }
#page-container .rh-sec--dark .rh-sec-title h3 { color: #fff; }
#page-container .rh-sec-text { margin-top: 10px; }
#page-container .rh-sec-text p { max-width: 745px; margin: 0 auto; font-size: 20px; line-height: 30px; }
#page-container .rh-sec--dark .rh-sec-text p { color: var(--rh-inv-soft); }

/* Mřížka sloupců Layers (span-N z 12, mezera 20 px, sloupec 20 px pod sebou) */
#page-container .rh-grid {
	display: flex;
	flex-wrap: nowrap;
	column-gap: 20px;
	align-items: flex-start;
	padding-bottom: 20px;             /* Layers: sloupec má margin-bottom 20 px (margin by Divi u posledního řádku zrušilo) */
}
#page-container .rh-grid .rh-col { flex: 0 0 auto; margin: 0; text-align: left; }
#page-container .rh-grid .rh-span-12 { width: 100%; }
#page-container .rh-grid .rh-span-6 { width: calc((100% + 20px) / 2 - 20px); }
#page-container .rh-grid .rh-span-4 { width: calc((100% + 20px) / 3 - 20px); }
#page-container .rh-grid .rh-span-3 { width: calc((100% + 20px) / 4 - 20px); }
#page-container .rh-grid .rh-col.rh-narrow { width: 50%; margin-left: 25%; } /* .robert-centered .media { width: 50% } (Divi ruší margin-right posledního sloupce) */
#page-container .rh-col.rh-box { background: var(--rh-box); padding: 40px; }
/* Rámečky v jednom řádku stejně vysoké podle nejdelšího textu (4. 11. 2026 na přání uživatele; Layers měl výšku podle obsahu) */
@media (min-width: 768px) {
	#page-container .rh-grid .rh-col.rh-box { align-self: stretch; }
}

/* Obsah sloupce: obrázek (na střed), nadpis, text */
#page-container .rh-col-image { width: 100%; align-items: center; text-align: center; line-height: 0; } /* modul Obrázek je flex (sloupec) */
#page-container .rh-col-image .et_pb_image_wrap { display: inline-block; }
#page-container .rh-col-image img { display: block; max-width: 100%; height: auto; }
#page-container .rh-col-image + .rh-col-title,
#page-container .rh-col-image + .rh-txt { margin-top: 15px; }
#page-container .rh-col-title h5 { font-size: 20px; line-height: 30px; color: inherit; }
#page-container .rh-sec--dark .rh-col-title h5 { color: #fff; }
#page-container .rh-gold .rh-col-title h5 { color: var(--rh-gold); }  /* .robert-black .heading */
#page-container .rh-col-title + .rh-txt { margin-top: 10px; }
#page-container .rh-txt { font-size: 15px; line-height: 22.5px; }
#page-container .rh-sec--dark .rh-txt { color: var(--rh-inv); }
#page-container .rh-txt .et_pb_text_inner > * + * { margin-top: 15px; }
#page-container .rh-txt .et_pb_text_inner > p.rh-spacer { margin-top: 0; } /* <p><br></p> mezi stupni čistoty (Layers 37,5 px) */
#page-container .rh-txt p { font-size: 15px; line-height: 22.5px; }
#page-container .rh-txt h3 {
	font-size: 17.55px;
	line-height: 26.325px;
	color: var(--rh-ink-strong);
}
#page-container .rh-sec--dark .rh-txt h3 { color: rgba(255, 255, 255, 0.95); }
#page-container .rh-txt hr { border: 0; border-top: 1px solid #808080; margin: 15px 0; height: 0; }
#page-container .rh-txt ul { list-style: disc; padding: 0 0 0 30px; margin: 0; }
#page-container .rh-txt ul li { padding: 0; line-height: 22.5px; }
#page-container .rh-txt a { color: inherit; text-decoration: underline; }
#page-container .rh-txt iframe { width: 100%; } /* v řádku odstavce jako na starém webu (mapa 477 px) */

/* Obrázek vlevo od textu (Layers image-left: 150 px + 20 px mezera) */
#page-container .rh-col.rh-img-left {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 20px;
	align-content: start;
}
#page-container .rh-img-left .rh-col-image { grid-row: 1 / span 2; width: auto; align-items: flex-start; text-align: left; }
#page-container .rh-img-left .rh-col-image + .rh-col-title { margin-top: 0; }

/* ── Novinky na úvodu (modul Blog v mřížce, Layers widget „post“ s překryvem) ── */
#page-container .rh-posts .et_pb_salvattore_content,
#page-container .rh-posts .et_pb_blog_grid_wrapper,
#page-container .rh-posts .et_pb_ajax_pagination_container > div:first-child {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 20px;
	padding-bottom: 20px;             /* Layers: náhled má margin-bottom 20 px */
}
#page-container .rh-posts .column { width: auto !important; margin: 0 !important; display: contents; }
#page-container .rh-posts .et_pb_post {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	overflow: hidden;
	aspect-ratio: 1;
	/* Mřížka: obrázek přes celou plochu, nadpis a tlačítko pod sebou uprostřed – i při nadpisu na více řádků
	 * (dřív pevná poloha od středu → dvouřádkový nadpis přes tlačítko; 4. 11. 2026) */
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr auto auto 1fr;
}
#page-container .rh-posts .et_pb_post::after { display: none; } /* clearfix Divi – v mřížce by přidal řádek */
#page-container .rh-posts .et_pb_image_container { grid-area: 1 / 1 / -1 / 2; }
#page-container .rh-posts .post-meta { grid-area: 1 / 1; }
#page-container .rh-posts .et_pb_image_container,
#page-container .rh-posts .entry-featured-image-url { margin: 0; }
#page-container .rh-posts .et_overlay { display: none; }
#page-container .rh-posts .et_pb_image_container img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
#page-container .rh-posts .entry-title,
#page-container .rh-posts .post-content {
	position: relative;
	grid-column: 1;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	text-align: center;
	padding: 0 20px;
}
/* Překryv při najetí (Layers .thumbnail-body rgba(0,0,0,.65)) – ztmavení obrázku; ::after Divi u příspěvků
 * používá jako clearfix (visibility: hidden), proto ne pseudoprvek. */
#page-container .rh-posts .et_pb_image_container img { transition: filter 0.3s; }
#page-container .rh-posts .et_pb_post:hover .et_pb_image_container img { filter: brightness(0.35); }
#page-container .rh-posts .et_pb_post:hover .entry-title,
#page-container .rh-posts .et_pb_post:hover .post-content { opacity: 1; }
#page-container .rh-posts .entry-title { grid-row: 2; margin: 0 0 15px; font-family: var(--rh-font-heading); font-size: 20px; line-height: 30px; font-weight: 400; }
#page-container .rh-posts .entry-title a { font-size: 20px; line-height: 30px; font-weight: 400; color: #fff; }
#page-container .rh-posts .post-content { grid-row: 3; }
#page-container .rh-posts .post-meta { display: none; }
#page-container .rh-posts .more-link {
	display: inline-block;
	padding: 5px 15px;
	border: 2px solid #fff;
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	text-transform: uppercase;
}

/* ── Galerie (modul Galerie, 4 sloupce, náhledy 250 × 250) ────────── */
#page-container .rh-sec.rh-sec--gallery { padding: 0 0 min(3%, 42.75px); } /* Layers .push-bottom-medium (3 % šířky) */
#page-container .rh-gallery-title h4 { font-size: 30px; line-height: 45px; color: var(--rh-ink-strong); margin-bottom: 30px; text-align: center; } /* na střed 4. 11. 2026 na přání uživatele; Layers vlevo */
/* Mezera mezi záhlavím a první galerií (4. 11. 2026 na přání uživatele; Layers 0) – jako horní okraj ostatních sekcí */
#page-container .rh-hero + .rh-sec.rh-sec--gallery { padding-top: max(40px, min(6%, 85.5px)); }
#page-container .rh-gallery .et_pb_gallery_items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16.5px 0;                    /* Layers: krok řádků 261,5 px */
	width: calc(100% - 20px);         /* Layers .gallery: margin 0 10 px → 4 × 245 px */
	margin: 0 auto;
	padding-top: 10px;
}
#page-container .rh-gallery .et_pb_gallery_item { width: auto !important; margin: 0 !important; clear: none !important; }
#page-container .rh-gallery .et_pb_gallery_image { line-height: 0; }
#page-container .rh-gallery .et_pb_gallery_image img { width: 100%; height: auto; box-sizing: border-box; }
#page-container .rh-gallery--clean .et_pb_gallery_image img { padding: 5%; }            /* #gallery-1 img */
#page-container .rh-gallery--border .et_pb_gallery_image img { border: 2px solid #cfcfcf; } /* výchozí galerie WordPressu */
#page-container .rh-gallery .et_overlay { display: none; }

/* ── Patička (Theme Builder) – Layers footer, 4 sloupce + copyright a menu ── */
#page-container #et-boc .et-l--footer .rh-footer {
	background: #fff;
	border-top: 1px solid var(--rh-gold);
	padding: 40px 0;                  /* Layers: 20 px patička + 20 px .container.content */
	color: var(--rh-ink);
	font-size: 15px;
	line-height: 22.5px;
}
#page-container #et-boc .et-l--footer .rh-footer-row { display: flex; column-gap: 20px; row-gap: 0; margin-bottom: 0; }
#page-container #et-boc .et-l--footer .rh-footer-col { flex: 1 1 0; width: auto; margin: 0 0 20px; }
#page-container #et-boc .et-l--footer .rh-footer-logo { line-height: 22.5px; } /* Layers: obrázek v řádku textu (sloupec 82 px) */
#page-container #et-boc .et-l--footer .rh-footer-logo img { width: 174px; height: auto; }
#page-container #et-boc .et-l--footer .rh-footer-title h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	color: #323232;
	margin-bottom: 15px;
}
#page-container #et-boc .et-l--footer .rh-footer-text p { font-size: 15px; line-height: 22.5px; margin: 0; }
#page-container #et-boc .et-l--footer .rh-copy-row { display: flex; column-gap: 20px; row-gap: 0; padding-top: 20px; }
#page-container #et-boc .et-l--footer .rh-copy,
#page-container #et-boc .et-l--footer .rh-copy-menu { flex: 1 1 0; width: auto; margin: 0; }
#page-container #et-boc .et-l--footer .rh-copy-text p { font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.45); }

/* Menu v patičce – vodorovně na všech šířkách (Divi by ho pod 981 px změnilo na hamburger) */
#page-container #et-boc .et-l--footer .rh-footer-nav,
#page-container #et-boc .et-l--footer .rh-footer-nav .et_pb_menu_inner_container { background: none !important; }
#page-container #et-boc .et-l--footer .rh-footer-nav .et_pb_menu__menu { display: flex !important; }
#page-container #et-boc .et-l--footer .rh-footer-nav .et_mobile_nav_menu { display: none !important; }
#page-container #et-boc .et-l--footer .rh-footer-nav .et_pb_menu__wrap { justify-content: flex-start; }
#page-container #et-boc .et-l--footer .rh-footer-nav .et-menu { display: flex; flex-wrap: wrap; margin: 0 0 0 20px; padding: 0; column-gap: 20px; }
#page-container #et-boc .et-l--footer .rh-footer-nav .et-menu > li { padding: 0; margin: 0; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.45); }
#page-container #et-boc .et-l--footer .rh-footer-nav.et_pb_menu .et-menu > li > a {
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.45);
	text-transform: uppercase;
}
#page-container #et-boc .et-l--footer .rh-footer-nav .et-menu > li > a:hover { color: var(--rh-gold); opacity: 1; }

/* ── Příspěvek (Theme Builder „Příspěvky“) – obsah 660 px + panel 320 px ── */
#page-container .rh-single { padding: min(6%, 85.5px) 0; }
#page-container .rh-single-row { display: flex; column-gap: 20px; align-items: flex-start; }
#page-container .rh-single-main { flex: 0 0 auto; width: calc((100% + 20px) * 8 / 12 - 20px); margin: 0; }
#page-container .rh-single-side { flex: 0 0 auto; width: calc((100% + 20px) * 4 / 12 - 20px); margin: 0; background: rgba(0, 0, 0, 0.05); padding: 20px; }
#page-container .rh-post-head .et_pb_title_container { display: flex; flex-direction: column-reverse; }
#page-container .rh-post-head .et_pb_title_meta_container,
#page-container .rh-post-foot .et_pb_title_meta_container { font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.65); padding: 0; }
#page-container .rh-post-head .et_pb_title_meta_container { margin-bottom: 15px; font-family: var(--rh-font-heading); }
#page-container .rh-post-head .entry-title { font-size: 40px; line-height: 40px; color: var(--rh-ink-strong); }
#page-container .rh-post-head { row-gap: 30px; }   /* Layers: nadpis → obrázek 30 px (mezeru dělá flex modulu) */
#page-container .rh-post-head .et_pb_title_featured_container { margin: 0 0 20px; text-align: left; }
#page-container .rh-post-head .et_pb_title_featured_container .et_pb_image_wrap { display: inline-block; width: auto; }
#page-container .rh-post-head.et_pb_post_title .et_pb_title_featured_container img { width: auto; max-width: 100%; max-height: 1024px; } /* Layers: velikost large (1024 px), menší obrázky nezvětšovat */
#page-container .rh-post-content h1 { font-size: 32px; line-height: 48px; font-weight: 700; color: var(--rh-ink-strong); }
#page-container .rh-post-content ul { list-style: disc; padding: 0 0 0 35px; }
#page-container .rh-post-content ul li { font-size: 16px; line-height: 24px; padding-bottom: 6px; }
#page-container .rh-post-foot { margin-top: 20px; }
#page-container .rh-post-foot a,
#page-container .rh-post-head a { color: inherit; }
#page-container .rh-side-title h5 { font-size: 12px; line-height: 18px; font-weight: 700; color: #8f8f8f; margin-bottom: 10px; }
#page-container .rh-recent .et_pb_post { margin: 0 0 5px; padding: 3.75px 0; border: 0; }   /* Layers: položka 30 px, mezera 5 px */
#page-container .rh-recent .et_pb_post:last-child { margin-bottom: 0; padding-bottom: 0; }
#page-container .rh-recent .entry-title { font-family: var(--rh-font); text-transform: none; font-size: 15px; line-height: 22.5px; padding: 0; }
#page-container .rh-recent.et_pb_blog .entry-title a { color: var(--rh-ink); }
#page-container .rh-recent .post-meta,
#page-container .rh-recent .post-content { display: none; }

/* ── Archiv rubriky (Theme Builder „Archivy“) ─────────────────────── */
#page-container .rh-archive-head { background: #000; padding: 3% 0; }   /* Layers .title-container: 3 % šířky nahoře i dole */
#page-container .rh-crumbs { font-size: 12px; line-height: 18px; color: var(--rh-gold); margin-bottom: 21px; }
#page-container .rh-crumbs a { color: rgba(255, 255, 255, 0.75); }
#page-container .rh-crumbs a:hover { color: rgba(255, 255, 255, 0.85); text-decoration: underline; }
#page-container .rh-archive-title .entry-title { font-size: 45px; line-height: 50px; color: #fff; }
#page-container .rh-archive { padding: min(6%, 85.5px) 0; }
#page-container .rh-archive-list .et_pb_post { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 60px; padding: 0; border: 0; }
#page-container .rh-archive-list .et_pb_post > * { width: 100%; }
#page-container .rh-archive-list .entry-title { order: -1; }           /* Layers: nadpis nad obrázkem */
#page-container .rh-archive-list .more-link { width: auto; }
#page-container .rh-archive-list .entry-title { font-size: 40px; line-height: 40px; margin-bottom: 30px; padding: 0; color: var(--rh-ink-strong); }
#page-container .rh-archive-list.et_pb_blog .entry-title a { color: var(--rh-ink-strong); }
#page-container .rh-archive-list .entry-featured-image-url { display: block; margin-bottom: 26px; }
#page-container .rh-archive-list .entry-featured-image-url img { width: auto; max-width: min(100%, 720px); max-height: 1024px; height: auto; } /* Layers: velikost large, šířka obsahu 720 px */
#page-container .rh-archive-list .post-content,
#page-container .rh-archive-list .post-content p { font-size: 15px; line-height: 22.5px; color: var(--rh-ink); }
#page-container .rh-archive-list .et_overlay { display: none; }
#page-container .rh-archive-list .post-meta { font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.65); margin-bottom: 20px; }
#page-container .rh-archive-list .post-meta a { color: inherit; }
/* Meta jako Layers (patička příspěvku): datum, autor, rubrika v řádku s ikonami; texty Divi „od“ a „|“ skryté (font-size 0) */
#page-container .rh-archive-list .post-meta { display: flex; flex-wrap: wrap; font-size: 0; line-height: 0; } /* line-height 0 – skryté texty jinak mají výšku řádku */
#page-container .rh-archive-list .post-meta > span { display: block; font-size: 12px; line-height: 18px; }
#page-container .rh-archive-list .post-meta .published,
#page-container .rh-post-foot .et_pb_title_meta_container .published { order: 1; }
#page-container .rh-archive-list .post-meta .author,
#page-container .rh-post-foot .et_pb_title_meta_container .author { order: 2; }
#page-container .rh-archive-list .post-meta .entry-categories,
#page-container .rh-post-foot .et_pb_title_meta_container > a { order: 3; }
/* Patička příspěvku: datum autor rubrika v jednom řádku (Layers .meta-item, mezera ~10 px) */
#page-container .rh-post-foot .et_pb_title_meta_container { display: flex; flex-wrap: wrap; font-size: 0; line-height: 0; } /* bez gap – skryté texty „od“ a „|“ jsou také položky */
#page-container .rh-post-foot .et_pb_title_meta_container > * { font-size: 12px; line-height: 18px; }
#page-container .rh-archive-list .post-meta > *,
#page-container .rh-post-foot .et_pb_title_meta_container > * { margin-right: 15px; color: rgba(0, 0, 0, 0.65); }
#page-container .rh-archive-list.et_pb_blog .post-meta a,
#page-container .rh-post-foot.et_pb_post_title .et_pb_title_meta_container a { color: rgba(0, 0, 0, 0.75); }
/* Ikony (Layers l-clock-o, l-user, l-folder-open-o) – SVG maska v barvě textu */
#page-container .rh-archive-list .post-meta .published::before,
#page-container .rh-archive-list .post-meta .author::before,
#page-container .rh-archive-list .post-meta .entry-categories::before,
#page-container .rh-post-foot .et_pb_title_meta_container .published::before,
#page-container .rh-post-foot .et_pb_title_meta_container .author::before,
#page-container .rh-post-foot .et_pb_title_meta_container > a::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	vertical-align: -1px;
	background: rgba(0, 0, 0, 0.65);
	-webkit-mask: var(--rh-ikona) no-repeat center / contain;
	mask: var(--rh-ikona) no-repeat center / contain;
}
#page-container .rh-archive-list .post-meta .published,
#page-container .rh-post-foot .et_pb_title_meta_container .published { --rh-ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 4.2V8l2.6 1.8'/%3E%3C/svg%3E"); }
#page-container .rh-archive-list .post-meta .author,
#page-container .rh-post-foot .et_pb_title_meta_container .author { --rh-ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='5' r='2.8'/%3E%3Cpath d='M2.5 14.5c.4-3 2.6-4.8 5.5-4.8s5.1 1.8 5.5 4.8z'/%3E%3C/svg%3E"); }
#page-container .rh-archive-list .post-meta .entry-categories,
#page-container .rh-post-foot .et_pb_title_meta_container > a { --rh-ikona: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M1.5 13.5v-10h4.2l1.5 1.6h5.6v2.2'/%3E%3Cpath d='M1.5 13.5l2.3-6.2h10.7l-2.3 6.2z'/%3E%3C/svg%3E"); }
#page-container .rh-archive-list .more-link {
	display: inline-block;
	padding: 5px 15px;
	background: #454545;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
}

/* ── Mobil (Layers: pod 768 px sloupce pod sebou, menu v panelu) ── */
@media (max-width: 767px) {
	/* Mobil: logo vlevo, hamburger vpravo, hlavička stále 80 px (logo 40 px, po posunu 34 px) */
	#page-container #et-boc .et-l--header .rh-header,
	#page-container #et-boc .et-l--header .rh-header.rh-stuck { padding: 20px 0; }
	#page-container #et-boc .et-l--header .rh-header-row { min-height: 40px; display: flex; align-items: center; }
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu_inner_container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__logo-wrap,
	#page-container #et-boc .et-l--header .rh-header.rh-stuck .rh-nav .et_pb_menu__logo-wrap { margin: 0; width: auto; }
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__logo img { height: 40px; }
	#page-container #et-boc .et-l--header .rh-header.rh-stuck .rh-nav .et_pb_menu__logo img { height: 34px; }
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu__wrap { flex: 0 0 auto; width: auto; justify-content: flex-end; }
	/* Panel menu hned pod hlavičkou přes celou šířku: ukotvený k sekci hlavičky (top: 100 %), ne k oknu.
	 * Pevná poloha od okna (fixed + výška lišty) padala přes logo, když lišta WordPressu do 600 px odjíždí
	 * se stránkou (4. 11. 2026). Mezilehlé prvky Divi (řádek, sloupec, menu) proto bez position. */
	#page-container #et-boc .et-l--header .rh-header-row,
	#page-container #et-boc .et-l--header .rh-header-row .et_pb_column,
	#page-container #et-boc .et-l--header .rh-nav,
	#page-container #et-boc .et-l--header .rh-nav .et_pb_menu_inner_container { position: static; }
	#page-container #et-boc .et-l--header .rh-nav .et_mobile_menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		width: 100%;
	}

	#page-container .rh-hero-title h1 { font-size: 30px; line-height: 30px; }
	#page-container .rh-hero-text p { font-size: 20px; line-height: 30px; }
	/* Úvod na mobilu: text přes celou šířku v tmavém horním okraji fotky */
	#page-container .rh-hero--home .et_pb_row.rh-hero-row { left: 20px; top: 6%; width: calc(100% - 40px); }
	#page-container .rh-hero--home .rh-hero-title h1 { font-size: 30px; line-height: 32px; }
	#page-container .rh-hero--home .rh-hero-text p { font-size: 20px; line-height: 30px; }

	#page-container .rh-grid { flex-wrap: wrap; row-gap: 20px; }
	#page-container .rh-grid .rh-col,
	#page-container .rh-grid .rh-col.rh-narrow { width: 100%; margin-left: 0; } /* na mobilu vše na celou šířku (Layers nechával mimo .robert-black 50 % – změna 4. 11. 2026 na přání uživatele) */
	#page-container .rh-hero .et_pb_row.rh-hero-row { width: calc(100% - 40px); }
	#page-container .rh-col.rh-img-left { display: block; }
	#page-container .rh-img-left .rh-col-image { width: 100%; margin-bottom: 20px; align-items: center; text-align: center; }

	#page-container .rh-posts .et_pb_salvattore_content,
	#page-container .rh-posts .et_pb_blog_grid_wrapper,
	#page-container .rh-posts .et_pb_ajax_pagination_container > div:first-child { grid-template-columns: 1fr; }
	/* Layers na mobilu: nadpis a tlačítko pod náhledem v šedém poli (bez překryvu) */
	#page-container .rh-posts .et_pb_post { display: block; aspect-ratio: auto; background: #f5f5f5; }
	#page-container .rh-posts .et_pb_post:hover .et_pb_image_container img { filter: none; }
	#page-container .rh-posts.et_pb_blog .entry-title,
	#page-container .rh-posts.et_pb_blog .post-content { position: static; opacity: 1; text-align: left; padding: 0; margin: 0 20px; }
	#page-container .rh-posts.et_pb_blog .entry-title { margin-top: 20px; color: #000; }
	#page-container .rh-posts.et_pb_blog .entry-title a { color: #000; }
	#page-container .rh-posts.et_pb_blog .post-content { padding-bottom: 20px; }
	#page-container .rh-posts .more-link { margin-top: 20px; padding: 5px 15px; border: 0; background: #454545; line-height: 23px; }

	#page-container .rh-gallery-title h4 { margin-bottom: 30px; }
	/* Menší nadpisy sekcí na mobilu (4. 11. 2026 na přání uživatele; Layers měl 40 / 30 px) */
	#page-container .rh-sec-title h3,
	#page-container .rh-title--large .rh-sec-title h3,
	#page-container .rh-gallery-title h4 { font-size: 24px; line-height: 32px; }

	#page-container #et-boc .et-l--footer .rh-footer-row,
	#page-container #et-boc .et-l--footer .rh-copy-row { flex-wrap: wrap; }
	#page-container #et-boc .et-l--footer .rh-footer-col,
	#page-container #et-boc .et-l--footer .rh-copy,
	#page-container #et-boc .et-l--footer .rh-copy-menu { flex: 0 0 100%; }
	#page-container #et-boc .et-l--footer .rh-copy { margin-bottom: 10px; }
	#page-container #et-boc .et-l--footer .rh-copy-menu { min-height: 18px; }
	#page-container #et-boc .et-l--footer .rh-footer-nav { display: none; } /* Layers skrývá menu v patičce pod 768 px */
	/* Patička na mobilu na střed (4. 11. 2026 na přání uživatele; Layers zarovnával doleva) */
	#page-container #et-boc .et-l--footer .rh-footer-col,
	#page-container #et-boc .et-l--footer .rh-copy { text-align: center; }
	#page-container #et-boc .et-l--footer .rh-footer-logo { align-items: center; }

	#page-container .rh-single-row { flex-wrap: wrap; row-gap: 20px; }
	/* Layers na mobilu: menší mezery (obrázek 13 px, meta 6,4 px, příspěvek 19,2 px) */
	#page-container .rh-archive-list .et_pb_post { margin-bottom: 19.2px; }
	#page-container .rh-archive-list .entry-featured-image-url { margin-bottom: 13px; }
	#page-container .rh-archive-list .post-meta { margin-bottom: 6.4px; }

	#page-container .rh-single-main,
	#page-container .rh-single-side { width: 100%; }
}

/* Do 600 px lišta WordPressu (přihlášení) odjíždí se stránkou → hlavička se lepí k hornímu okraji. */
@media (max-width: 600px) {
	#page-container .et-l--header { top: 0; }
}