/* ==========================================================================
   Joomla 5/6 Kompatibilität für das Bootstrap-3-Template "seidl"
   Die Core-Layouts ab Joomla 4 geben Bootstrap-5-Klassen aus, die es in
   Bootstrap 3 nicht gibt. Hier nur das Nötigste, damit nichts "durchrutscht"
   (z. B. sichtbare Screenreader-Texte). Das eigentliche Design bleibt in layout.css.
   ========================================================================== */

/* Screenreader-Texte (BS5 / Joomla 4+) – entspricht .sr-only bzw. .element-invisible aus J3 */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	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;
}

/* Floats / Display (BS5-Namen) */
.float-start { float: left !important; }
.float-end   { float: right !important; }
.float-none  { float: none !important; }
.d-none      { display: none !important; }
.d-block     { display: block !important; }
.d-inline    { display: inline !important; }
.text-start  { text-align: left !important; }
.text-end    { text-align: right !important; }

/* Bilder aus Core-Layouts tragen width/height-Attribute -> responsiv halten */
.item-image img,
.com-content-category-blog img,
.newsflash img {
	max-width: 100%;
	height: auto;
}

/* Badges (BS5) ungefähr wie BS3-Labels darstellen */
.badge.bg-warning { background-color: #f0ad4e; color: #fff; }
.badge.bg-info    { background-color: #5bc0de; color: #fff; }

/* Systemmeldungen (<joomla-alert>) – schlichtes Fallback-Styling */
#system-message-container joomla-alert {
	display: block;
	position: relative;
	margin: 0 0 20px;
	padding: 12px 40px 12px 15px;
	border: 1px solid transparent;
	border-radius: 4px;
}
#system-message-container joomla-alert[type="success"] { color: #3c763d; background: #dff0d8; border-color: #d6e9c6; }
#system-message-container joomla-alert[type="info"]    { color: #31708f; background: #d9edf7; border-color: #bce8f1; }
#system-message-container joomla-alert[type="warning"] { color: #8a6d3b; background: #fcf8e3; border-color: #faebcc; }
#system-message-container joomla-alert[type="danger"]  { color: #a94442; background: #f2dede; border-color: #ebccd1; }
#system-message-container joomla-alert .joomla-alert--close {
	position: absolute; top: 8px; right: 10px;
	background: none; border: 0; font-size: 20px; line-height: 1; cursor: pointer; color: inherit;
}
#system-message-container joomla-alert .alert-heading { font-weight: 600; margin-bottom: 4px; }