/* Doplněk k původnímu template_css.css pro HTML, které generuje Joomla 6 (bez Bootstrapu). */

/* skryté popisky (J6 je označuje třídou visually-hidden) */
.visually-hidden, .element-invisible {
	position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
	margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important; border: 0 !important;
}

/* ikony bez fontu ikon nezobrazovat */
span[class^="icon-"], span[class*=" icon-"] { display: none; }

/* drobečková navigace (J6: ol.mod-breadcrumbs) – oddělovač jako v J3 */
ol.mod-breadcrumbs { padding: 8px 0; margin: 0; list-style: none; }
ol.mod-breadcrumbs li { display: inline-block; margin-left: 0; list-style: none; }
ol.mod-breadcrumbs li + li::before { content: "»"; padding: 0 5px; color: #ccc; }
ol.mod-breadcrumbs li.active { color: #999; }

/* horní menu (class_sfx menu-nav): položky vedle sebe jako v J3 */
ul.nav.menu-nav { margin: 0; padding: 4px 0 0 0; }
ul.nav.menu-nav li { margin-left: 0; }

/* levé menu: J6 skrývá podmenu aktivní položky skriptem a nabízí tlačítko se šipkou (ikonový font chybí)
   -> podmenu aktivní položky vždy zobrazit jako v J3, tlačítko skrýt */
td.bodylinks ul.mod-menu__sub, td.bodyrechts ul.mod-menu__sub { display: block !important; }
.mod-menu__toggle-sub { display: none !important; }

/* přihlašovací modul */
.mod-login .input-group, .mod-login .control-group, .mod-login .form-group,
.mod-login .mod-login__username, .mod-login .mod-login__password { display: block; margin: 0 0 4px 0; padding: 0; }
.mod-login input.form-control { width: 130px; border: 1px solid #444; color: #444; padding: 3px; font-size: 11px; }
.mod-login .mod-login__options, .mod-login ul { list-style: none; margin: 4px 0 0 0; padding: 0; }
.mod-login .mod-login__options li, .mod-login ul li { margin-left: 0; list-style: none; }
.mod-login .input-group-text, .mod-login .icon-user, .mod-login .icon-lock { display: none; }
/* J6 přidává u hesla tlačítko "zobrazit heslo" (ikonový font šablona nemá); v J3 nebylo */
.mod-login .input-password-toggle { display: none; }
.mod-login button, .mod-login .btn { margin: 6px 0; border: 1px solid #444; background-color: #eee; padding: 2px 8px; }

/* informace o článku (J6: dl.article-info) */
dl.article-info { margin: 0 0 8px 0; font-size: 9px; color: #666; }
dl.article-info dt.article-info-term { display: none; }
dl.article-info dd { display: inline; margin: 0 10px 0 0; }

/* stránkování (J6: ul.pagination) – místo ikon texty jako v J3 */
ul.pagination, .pagination ul { list-style: none; margin: 10px 0; padding: 0; }
ul.pagination li, .pagination ul li { display: inline; margin: 0 3px; padding: 0; list-style: none; }
.pagination span.icon-angle-double-left, .pagination span.icon-angle-left,
.pagination span.icon-angle-right, .pagination span.icon-angle-double-right { display: inline; }
.pagination .icon-angle-double-left::before { content: "Začátek"; }
.pagination .icon-angle-left::before { content: "Předchozí"; }
.pagination .icon-angle-right::before { content: "Následující"; }
.pagination .icon-angle-double-right::before { content: "Konec"; }

/* obrázky v obsahu nesmí přetéct sloupec */
td.bodymitte img { max-width: 100%; height: auto; }

/* Phoca Gallery 6 (theme_simple) -> vzhled jako v J3: popisek pod náhledem, bez ikon akcí */
.pg-item-box, .pg-category-box {
	width: min-content; min-width: 120px; margin: 6px; padding: 6px; background: #fff; text-align: center;
	border: 1px solid #e0e0e0; box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}
.pg-item-box-title, .pg-category-box-title {
	position: static !important; width: auto !important; padding: 4px 0 0 !important; background: none !important;
	border-radius: 0 !important; color: #444 !important; font-weight: normal !important; font-size: 11px !important;
}
.pg-item-box-title a, .pg-category-box-title a { color: #e59148 !important; }
.pg-item-box-title .ph-si-image { display: none; }
.pg-item-box-icons-box { display: none !important; }
.pg-category-box-count { color: #999 !important; }
.pg-svg-box { max-width: none !important; aspect-ratio: auto !important; }
.pg-svg-box svg { padding: 0 !important; }
svg.ph-si-lock-medium {
	width: 64px !important; height: 64px !important;
	background: url(/media/com_phocagallery/images/icon-folder-medium-key.png) no-repeat center;
}
svg.ph-si-lock-medium use { display: none; }
svg.ph-si-back-medium { width: 64px !important; height: 64px !important; background: none !important; }
/* modální okno Phoca (Bootstrap modal) – bez Bootstrap CSS by se vykreslilo do stránky */
#pgCategoryModal:not(.show), .modal:not(.show) { display: none !important; }

/* ===== Responzivita (původní šablona má pevnou šířku 1024 px; na počítači se nic nemění) ===== */
@media (max-width: 1040px) {
	#rs-page, #rs-body, .table_top_content, .header_table { width: 100% !important; }
	.table_top_content { height: auto !important; background-size: 100% 100%; }
	.header_table { height: auto; aspect-ratio: 1024 / 140; background-size: 100% auto; background-repeat: no-repeat; }
	input, select, textarea { max-width: 100%; box-sizing: border-box; }
}
/* mobil: sloupce pod sebou (menu + přihlášení, obsah, kdo je zde) */
@media (max-width: 760px) {
	html, td, tr, p { font-size: 14px; }
	#rs-body, #rs-body > tbody, #rs-body > tbody > tr, #rs-body > tbody > tr > td,
	#rs-topbar, #rs-topbar > tbody, #rs-topbar > tbody > tr, #rs-topbar > tbody > tr > td {
		display: block; width: auto !important; text-align: left;
	}
	td.bodylinks { border-right: 0; border-bottom: 1px solid #8f4010; padding: 0 8px 8px !important; }
	td.bodyrechts { border-left: 0; }
	td.rs-right table { width: 100%; }
	td.bodymitte table { max-width: 100%; }
	td.bodymitte { overflow-x: auto; }
	ul.nav.menu-nav li a:link, ul.nav.menu-nav li a:visited { line-height: 28px; }
	td.bodylinks li a { font-size: 15px; line-height: 30px; }
}