/* Hlavička a mega menu – návrh B (2026-11). Markup: inc/menu-b.php. Načítá se po rstyle.css. */

.rtv-mb, .rtv-dr { text-align: left; font-family: Arial, Helvetica, sans-serif; color: #383a3b; }
.rtv-mb { clear: both; } /* před hlavičkou jsou plovoucí prvky staré šablony */
#logtop { display: none !important; } /* přihlašovací tlačítka v mobilní liště jsou zrušená */
#pruh { display: none !important; } /* dekorativní pruh nad hlavičkou – obsah začíná hned nahoře */
#page { top: 0 !important; }
.rtv-mb ul, .rtv-dr ul { list-style: none; margin: 0; padding: 0; }
.rtv-mb li, .rtv-dr li { margin: 0; padding: 0; background: none; float: none; display: block; width: auto; }
.rtv-mb img, .rtv-dr img { box-shadow: none; border: 0; }
.rtv-mb a, .rtv-dr a { text-decoration: none; }
.rtv-mb [hidden] { display: none !important; }
.rtv-mb-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rtv-mb h2.rtv-mb-h, .rtv-mb span.rtv-mb-h, .rtv-dr h2.rtv-mb-h {
	display: block; margin: 0 0 10px; padding: 0; border: 0; background: none;
	font: bold 11px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 0.1em; text-transform: uppercase; color: #5e5e5e;
}
.rtv-mb-badge {
	display: inline-block; margin-left: 6px; padding: 3px 5px; border-radius: 3px; background: #dc0808; color: #fff;
	font: bold 10px/1 Arial, Helvetica, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; vertical-align: middle;
}
.rtv-mb button, .rtv-dr button {
	background-image: none; box-shadow: none; text-shadow: none; filter: none; cursor: pointer; font-family: inherit;
}
.rtv-mb-search-form { display: flex; gap: 8px; margin: 0; }
.rtv-mb-search-form input[type="search"] {
	flex: 1 1 auto; min-width: 0; height: 44px; box-sizing: border-box; margin: 0; padding: 0 16px;
	border: 1px solid #c9cbcc; border-radius: 999px; background: #f6f7f7; font: 16px Arial, Helvetica, sans-serif; color: #383a3b;
}
.rtv-mb-search-form button {
	height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: #dc0808; color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.rtv-mb-search-form button:hover { background: #b80606; }

/* ---------- Desktop ---------- */
@media screen and (min-width: 851px) {
	.rtv-mb { position: relative; z-index: 1000; margin-bottom: 4px; border-top: 4px solid #dc0808; }
	.rtv-mb-bar { display: flex; align-items: stretch; gap: 16px; height: 72px; border-bottom: 1px solid #e3e5e5; }
	.rtv-mb-logo { align-self: center; flex: 0 0 auto; display: block; line-height: 0; }
	.rtv-mb-logo img { width: 150px; height: auto; }
	.rtv-mb-nav { display: flex; align-items: stretch; min-width: 0; }
	.rtv-mb-list { display: flex; align-items: stretch; }
	.rtv-mb-list > li { position: static; display: flex; }
	.rtv-mb-top {
		display: flex; align-items: center; gap: 4px; padding: 0 10px; box-sizing: border-box;
		border-bottom: 3px solid transparent; border-top: 3px solid transparent;
		font: bold 15px/1 Arial, Helvetica, sans-serif; color: #383a3b !important; white-space: nowrap;
	}
	.rtv-mb-top svg { color: #757575; transition: transform 0.15s; }
	.rtv-mb-item.is-current > .rtv-mb-top,
	.rtv-mb-item:hover > .rtv-mb-top,
	.rtv-mb-item:focus-within > .rtv-mb-top,
	.rtv-mb-item.is-open > .rtv-mb-top { color: #dc0808 !important; border-bottom-color: #dc0808; }
	.rtv-mb-item:hover > .rtv-mb-top svg,
	.rtv-mb-item.is-open > .rtv-mb-top svg { color: #dc0808; transform: rotate(180deg); }

	.rtv-mb-panel {
		display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1000;
		background: #fff; border-top: 1px solid #e3e5e5; border-radius: 0 0 8px 8px;
		box-shadow: 0 18px 40px rgba(20, 22, 23, 0.16);
	}
	.rtv-mb-item.has-panel:hover > .rtv-mb-panel,
	.rtv-mb-item.has-panel:focus-within > .rtv-mb-panel,
	.rtv-mb-item.is-open > .rtv-mb-panel { display: block; }
	.rtv-mb-panel-in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding: 26px 28px 30px; }
	.rtv-mb-col ul li a { display: block; padding: 6px 0; font: 600 15px/1.3 Arial, Helvetica, sans-serif; color: #383a3b; }
	.rtv-mb-col ul li a:hover, .rtv-mb-col ul li a:focus { color: #dc0808; }
	.rtv-mb-data li a { display: flex !important; align-items: center; gap: 8px; font-weight: normal !important; }
	.rtv-mb-data svg { color: #dc0808; flex: 0 0 auto; }
	.rtv-mb-card {
		display: flex; flex-direction: column; gap: 8px; padding: 20px; margin-bottom: 12px; border-radius: 8px;
		background: #f6f7f7; border: 1px solid #e3e5e5;
	}
	.rtv-mb-card span.rtv-mb-h { margin: 0; }
	.rtv-mb-card strong { font: bold 18px/1.25 Arial, Helvetica, sans-serif; color: #383a3b; }
	.rtv-mb-more { font: bold 14px Arial, Helvetica, sans-serif; color: #dc0808; }
	.rtv-mb-card:hover { border-color: #dc0808; }
	.rtv-mb-latest { display: flex; flex-direction: column; gap: 8px; }
	.rtv-mb-latest span.rtv-mb-h { margin: 0; }
	.rtv-mb-latest img { width: 100%; height: 130px; object-fit: cover; border-radius: 6px; }
	.rtv-mb-latest strong { font: bold 15px/1.3 Arial, Helvetica, sans-serif; color: #383a3b; }
	.rtv-mb-latest:hover strong { color: #dc0808; }
	.rtv-mb-date { font-size: 12px; color: #5e5e5e; }

	.rtv-mb-search-btn {
		align-self: center; flex: 0 0 auto; margin: 0 0 0 auto; width: 40px; height: 40px; padding: 0;
		display: flex; align-items: center; justify-content: center;
		border: 1px solid #c9cbcc; border-radius: 999px; background: #fff; color: #383a3b;
	}
	.rtv-mb-search-btn:hover, .rtv-mb-search-btn[aria-expanded="true"] { border-color: #dc0808; color: #dc0808; }
	.rtv-mb-login {
		align-self: center; flex: 0 0 auto; height: 40px; line-height: 40px; padding: 0 16px; border-radius: 999px;
		background: #dc0808; color: #fff !important; font: bold 14px/40px Arial, Helvetica, sans-serif; white-space: nowrap;
	}
	.rtv-mb-login:hover { background: #b80606; }
	.rtv-mb-search { padding: 12px 0; border-bottom: 1px solid #e3e5e5; }
	.rtv-mb-search .rtv-mb-search-form { max-width: 560px; margin-left: auto; }
}

/* užší desktop: menší písmo a mezery, aby se menu vešlo na řádek */
@media screen and (min-width: 851px) and (max-width: 1019px) {
	.rtv-mb-bar { gap: 8px; }
	.rtv-mb-logo img { width: 120px; }
	.rtv-mb-top { padding: 0 6px; font-size: 13px; }
	.rtv-mb-top svg { display: none; }
	.rtv-mb-login { padding: 0 12px; font-size: 13px; }
	.rtv-mb-panel-in { gap: 20px; padding: 22px 20px 24px; }
}

/* ---------- Mobil ---------- */
@media screen and (max-width: 850px) {
	.rtv-mb-nav, .rtv-mb-search-btn, .rtv-mb-login, .rtv-mb-search { display: none !important; }
	.rtv-mb-bar { display: flex; align-items: center; padding: 16px 0 8px; }
	.rtv-mb-logo { display: block; line-height: 0; }
	.rtv-mb-logo img { width: 160px; height: auto; }

	#navi .block, .js-ready #navi .block { background: #fff !important; }
	#navi .rtv-dr { padding: 8px 16px 24px; }
	#navi .rtv-dr .rtv-mb-search-form { margin: 4px 0 10px; }
	#navi .rtv-dr-list > li { position: relative; border-bottom: 1px solid #ebebeb; }
	#navi .rtv-dr a.rtv-dr-top {
		display: flex; align-items: center; padding: 14px 52px 14px 2px; background: none !important;
		font: bold 18px/1.3 Arial, Helvetica, sans-serif; color: #383a3b !important; text-transform: none;
	}
	#navi .rtv-dr-item.is-open > a.rtv-dr-top { color: #dc0808 !important; }
	#navi .rtv-dr-toggle {
		position: absolute; right: 0; top: 4px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 999px;
		background: transparent; color: #757575; display: flex; align-items: center; justify-content: center;
	}
	#navi .rtv-dr-toggle svg { transition: transform 0.2s; }
	#navi .rtv-dr-item.is-open > .rtv-dr-toggle { color: #dc0808; }
	#navi .rtv-dr-item.is-open > .rtv-dr-toggle svg { transform: rotate(180deg); }
	#navi .rtv-dr-sub { display: none; padding: 0 0 12px 12px; }
	#navi .rtv-dr-item.is-open > .rtv-dr-sub { display: block; }
	#navi .rtv-dr-sub li a {
		display: block; padding: 8px 2px; background: none !important;
		font: 600 15px/1.3 Arial, Helvetica, sans-serif; color: #383a3b !important;
	}
	#navi .rtv-dr-sub li a:hover { color: #dc0808 !important; }
	#navi .rtv-dr-data { margin: 18px 0 0; padding: 14px; border-radius: 10px; background: #f6f7f7; }
	#navi .rtv-dr-data ul { display: flex; flex-wrap: wrap; gap: 8px; }
	#navi .rtv-dr-data li { display: block; }
	#navi .rtv-dr-data li a {
		display: block; padding: 9px 12px; border-radius: 999px; border: 1px solid #e3e5e5; background: #fff !important;
		font: 600 14px/1.2 Arial, Helvetica, sans-serif; color: #383a3b !important;
	}
	#navi .rtv-dr a.rtv-dr-login {
		display: block; margin: 18px 0 0; height: 46px; line-height: 46px; border-radius: 999px; text-align: center;
		background: #dc0808 !important; color: #fff !important; font: bold 15px/46px Arial, Helvetica, sans-serif;
	}
}