div.icons {
	display: none;
	position: absolute;
	z-index: 2000;

}


.moduletable:hover div.icons,
article:hover div.icons,
section:hover div.icons {
	display: block;
}

div.icons > .btn-group > .btn.dropdown-toggle,
.jmodedit {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 4px;
	border: solid 1px #222222;
}

div.icons > .btn-group > .btn.dropdown-toggle:hover,
.jmodedit:hover {
	background: #000;
}

div.icons > .btn-group > .btn.dropdown-toggle .icon-cog::before {
	content: "\f085";
	display: block;
	font-family: "Font Awesome 5 Pro";
}

div.icons > .btn-group > .dropdown-menu {
	display: none;
	background: #fff;
	padding: 10px;
	border: solid 1px #ccc;
    margin-top: 6px;
}

div.icons > .btn-group > .dropdown-menu a {
	font-size: 0.875rem;
	line-height: 1.2;
}

.jmodedit .icon-edit::before {
	content: "\f304";
	display: block;
	font-family: "Font Awesome 5 Pro";
}

div.icons > .btn-group.open > .dropdown-menu {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
}

.edit.item-page > form > .btn-toolbar {
	display: flex;
	flex-wrap: wrap;
}

.edit.item-page > form > .btn-toolbar > .btn-group {
	margin-right: 10px;
} 

.edit.item-page > form > fieldset > .nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	margin-left: -20px;
}

.edit.item-page > form > fieldset > .nav > li {
	margin-left: 20px;
}

/* --------------------------------------------------------------------------
   Editace modulů v Joomle 6.

   Joomla 3 vykreslovala k modulu ozubené kolo s rozbalovací nabídkou
   (div.icons > .btn-group > .dropdown-menu), kterou pravidla výše schovávají.
   Joomla 6 to nahradila dvojicí, kterou tenhle soubor neznal:

     <a class="jmodedit"><span class="icon-edit"></span></a>
     <div role="tooltip">Upravit modul<br>Název<br>Pozice: …</div>

   Obojí se vstřikuje hned za první tag modulu, tedy dovnitř jeho obalu a před
   vlastní obsah. Popisek je blokový prvek se třemi řádky textu a bez pravidla
   zůstane vidět — rozhodí rozvržení modulu a u menu je to fatální: ukazatel
   při cestě k podnabídce přejede přes ten cizí blok, ztratí hover a podnabídka
   se zavře. E-shop → Bazar tak nejde otevřít vůbec.

   Řeší se to stejně, jako to řešila Joomla 3: obojí ven z toku a schované,
   tužka až při najetí na modul, popisek až nad tužkou.

   Selektory jsou schválně vedené přes :has(> .jmodedit), ne přes .moduletable
   — šablona má čtyři různé chromes a raw moduly obal nemají vůbec. Zároveň to
   znamená, že se pravidlo uplatní jen tam, kde editační značky opravdu jsou,
   takže odhlášený návštěvník nedostane nic navíc.
   -------------------------------------------------------------------------- */

:has(> .jmodedit) {
	position: relative;
}

.jmodedit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	display: none;
	line-height: 1;
}

/* focus-within, aby se k tužce dalo dostat i klávesnicí — skrytý prvek nejde
   zaostřit, takže ji musí odkrýt až modul kolem ní. */
:has(> .jmodedit):hover > .jmodedit,
:has(> .jmodedit):focus-within > .jmodedit {
	display: block;
}

.jmodedit + [role="tooltip"] {
	display: none;
	position: absolute;
	top: 1.75rem;
	left: 0;
	z-index: 2001;
	width: max-content;
	max-width: 260px;
	padding: 8px 10px;
	background: #000;
	color: #fff;
	font-size: 0.8125rem;
	line-height: 1.3;
}

.jmodedit:hover + [role="tooltip"],
.jmodedit:focus-visible + [role="tooltip"] {
	display: block;
}