/* ==========================================================================
   industrix6 — integrazioni per Joomla 6
   Slider sostitutivo di Revolution Slider + piccoli fix
   ========================================================================== */

/* --- Slider homepage --- */
.ix6-slider {
	position: relative;
	width: 100%;
	height: 470px;
	overflow: hidden;
	background: #fff;
}

.ix6-slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .8s ease;
}

.ix6-slide.active {
	opacity: 1;
}

.ix6-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	font-size: 40px;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	text-decoration: none;
	padding: 10px 14px;
}

.ix6-arrow:hover,
.ix6-arrow:focus {
	color: #fff;
	text-decoration: none;
	opacity: .8;
}

.ix6-prev { left: 10px; }
.ix6-next { right: 10px; }

@media (max-width: 767px) {
	.ix6-slider { height: 220px; }
}

/* --- Griglia news (ns2grid) --- */
.nssp2 .ns2-column .ix6-thumb {
	display: block;
	float: none;
	width: 100%;
	max-width: 240px;
	height: 140px;
	object-fit: cover;
	margin: 0 0 8px;
}

.ns2-248 .ns2-column {
	min-height: 260px;
	padding-right: 12px;
	overflow: hidden;
}

/* --- Dropdown menu all'hover (sostituisce menu.js di T3) --- */
@media (min-width: 992px) {
	.t3-megamenu .nav > li.dropdown:hover > .dropdown-menu,
	.t3-megamenu .nav > li.dropdown.open > .dropdown-menu {
		display: block;
		opacity: 1;
		visibility: visible;
		transform: none;
		max-height: none;
	}
}

/* --- Off-canvas semplificato (mobile) --- */
.t3-off-canvas {
	position: fixed;
	top: 0;
	left: -260px;
	bottom: 0;
	width: 250px;
	z-index: 9999;
	overflow-y: auto;
	transition: left .3s ease;
	visibility: hidden;
}

body.ix6-offcanvas-open .t3-off-canvas {
	left: 0;
	visibility: visible;
	box-shadow: 2px 0 8px rgba(0, 0, 0, .4);
}

/* --- Ricerca header: campo a comparsa --- */
.head-search .form-search { display: none; }
.head-search.open .form-search { display: block; }

/* --- Blog categoria: griglie multi-colonna (markup J4+) ---
   Griglia a righe come il vecchio layout J3 (.items-row.cols-2) */
.blog-items.masonry-2,
.blog-items.columns-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2em; align-items: start; }

.blog-items.masonry-3,
.blog-items.columns-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em; align-items: start; }

.blog-items[class*="masonry-"] .blog-item,
.blog-items[class*="columns-"] .blog-item {
	min-width: 0;
	overflow: hidden;
}

.blog-items .blog-item img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.blog-items.masonry-2,
	.blog-items.masonry-3,
	.blog-items.columns-2,
	.blog-items.columns-3 { grid-template-columns: 1fr; }
}

/* --- Sidebar: link leggibili nei moduli (archivio, tag) --- */
.t3-sidebar .module-ct a {
	color: #2a6ebb;
}

.t3-sidebar .module-ct .mod-list li {
	border: 0;
}

/* --- Back to top --- */
.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none;
}