/*
 * People 2.x - adattamenti al markup core di Joomla 4/5/6
 * (il resto dello stile è invariato rispetto alla versione J3 in styles.css / template.css)
 */

/* Classi utility usate dal core J4+ (Bootstrap 5) */
.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;
}
.float-end, .float-md-end { float: right; }
.w-100 { width: 100%; }

/* Messaggi di sistema (joomla-alert al posto di #system-message dl) */
#system-message-container joomla-alert {
	display: block;
	margin: 0 0 15px;
	padding: 10px 15px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	background: #f6f6f6;
	color: #555;
}
#system-message-container joomla-alert[type="success"] { background: #dff0d8; border-color: #d6e9c6; color: #468847; }
#system-message-container joomla-alert[type="info"]    { background: #d9edf7; border-color: #bce8f1; color: #3a87ad; }
#system-message-container joomla-alert[type="warning"] { background: #fcf8e3; border-color: #fbeed5; color: #c09853; }
#system-message-container joomla-alert[type="danger"]  { background: #f2dede; border-color: #eed3d7; color: #b94a48; }
#system-message-container .joomla-alert--close,
#system-message-container .joomla-alert-button--close { float: right; border: 0; background: none; font-size: 18px; cursor: pointer; }

/* Menu principale: il core J4 aggiunge le classi mod-menu / nav-item */
#nav ul.mod-menu { margin: 0; padding: 0; list-style: none; }

/* Info articolo e icone (Font Awesome del core al posto di IcoMoon) */
dl.article-info { margin: 0 0 10px; font-size: 12px; color: #888; }
dl.article-info dd { display: inline-block; margin: 0 10px 0 0; }
dl.article-info dt { display: none; }
.icons { float: right; }
.icons .dropdown-menu { display: none; }

/* Leggi tutto */
p.readmore .btn, p.readmore a { display: inline-block; }

/* Immagini intro / full-text (J4 usa <figure>) */
figure.item-image { margin: 0 0 10px; }
figure.item-image.left { float: left; margin-right: 15px; }
figure.item-image.right { float: right; margin-left: 15px; }
figure.item-image.float-start, .float-start { float: left; margin-right: 15px; }
figure.item-image.float-end { margin-left: 15px; }
figure.item-image img { max-width: 100%; height: auto; }

/* Ricerca Smart (mod_finder) con l'aspetto del vecchio box mod_search */
.sz-search .awesomplete { display: inline; }
.sz-search .awesomplete > ul { position: absolute; z-index: 20; background: #fff; list-style: none; margin: 0; padding: 0; border: 1px solid #ddd; }
.sz-search .awesomplete > ul[hidden] { display: none; }
.sz-search .awesomplete > ul > li { padding: 4px 8px; cursor: pointer; }
.sz-search .awesomplete > ul > li[aria-selected="true"] { background: #e05426; color: #fff; }

/* Menu mobile (sostituisce jQuery SlickNav, stessi selettori CSS) */
.slicknav_nav .slicknav_arrow { cursor: pointer; padding: 0 10px; }
.slicknav_nav ul.slicknav_hidden { display: none; }
.slicknav_nav li { list-style: none; }
@media screen and (min-width: 961px) { .slicknav_menu { display: none; } }

/* Slideshow centrato (prima lo faceva il tag <center>, rimosso perché obsoleto) */
#firstbox > #slideshow { margin-left: auto; margin-right: auto; }

/* Slideshow: dissolvenza (sostituisce responsiveslides.js) */
.rslides li { transition: opacity 500ms ease-in-out; }

/* Breadcrumbs J4+ (ol.breadcrumb > li.breadcrumb-item) */
.mod-breadcrumbs { list-style: none; margin: 0; }
.mod-breadcrumbs li { display: inline-block; }
.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { content: "\203A"; padding: 0 6px; color: #999; }