/**
 * News Grid - Stile card notizie con layout featured + griglia
 *
 * Usare la classe `.olimpia-news-grid` sul container Elementor esterno
 * che contiene i due figli (colonna featured sx + griglia dx).
 *
 * Struttura attesa in Elementor:
 *   Container (.olimpia-news-grid) [flex row]
 *     ├── Container figlio sx (.olimpia-news-featured) [1 post, sticky]
 *     └── Container figlio dx (.olimpia-news-list) [N post, griglia 2 col]
 *
 * Entrambi usano il widget "TRX Addons Posts" skin Classic.
 */

/* ==========================================================================
   Layout container principale
   ========================================================================== */

.olimpia-news-grid {
	gap: var(--space-xl, 24px);
}

/* Colonna featured: sticky */
.olimpia-news-grid > .olimpia-news-featured {
	position: sticky;
	top: 120px; /* offset per header fisso */
	align-self: flex-start;
}

/* ==========================================================================
   Card generiche (si applicano a tutti i .trx-addons-posts-item dentro
   .olimpia-news-grid, riutilizzabili anche fuori con .olimpia-news-card)
   ========================================================================== */

.olimpia-news-grid .trx-addons-posts-item,
.olimpia-news-card {
	border: none;
	box-shadow: none;
	background: transparent;
}

/* --- Immagine --- */
.olimpia-news-grid .trx-addons-posts-item-thumbnail img,
.olimpia-news-card .trx-addons-posts-item-thumbnail img {
	border-radius: var(--radius-sm, 8px);
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 1/1;
}

/* --- Badge categoria --- */
.olimpia-news-grid .trx-addons-posts-item-terms-wrap,
.olimpia-news-card .trx-addons-posts-item-terms-wrap {
	margin-top: var(--space-md, 12px);
	margin-bottom: var(--space-xs, 4px);
}

.olimpia-news-grid .trx-addons-posts-item-term a,
.olimpia-news-card .trx-addons-posts-item-term a {
	display: inline-block;
	background: var(--color-primary, #8B1A2B);
	color: var(--color-white, #fff) !important;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 3px 8px;
	border-radius: 3px;
	line-height: 1.4;
	text-decoration: none;
	transition: background var(--transition-fast, 0.2s ease);
}

.olimpia-news-grid .trx-addons-posts-item-term a:hover,
.olimpia-news-card .trx-addons-posts-item-term a:hover {
	background: var(--color-primary-dark, #6e1522);
}

/* --- Titolo --- */
.olimpia-news-grid .trx-addons-posts-item-title,
.olimpia-news-card .trx-addons-posts-item-title {
	text-transform: uppercase;
	font-weight: 800;
	line-height: 1.15;
	margin: var(--space-sm, 8px) 0 var(--space-sm, 8px);
	letter-spacing: -0.01em;
}

.olimpia-news-grid .trx-addons-posts-item-title a,
.olimpia-news-card .trx-addons-posts-item-title a {
	color: var(--color-black, #1a1a1a);
	text-decoration: none;
	transition: color var(--transition-fast, 0.2s ease);
}

.olimpia-news-grid .trx-addons-posts-item-title a:hover,
.olimpia-news-card .trx-addons-posts-item-title a:hover {
	color: var(--color-primary, #8B1A2B);
}

/* Featured (colonna sx): titolo più grande */
.olimpia-news-featured .trx-addons-posts-item-title {
	font-size: clamp(1.4rem, 2.2vw, 2rem);
}

/* Lista (colonna dx): titoli più piccoli */
.olimpia-news-list .trx-addons-posts-item-title {
	font-size: clamp(0.9rem, 1.2vw, 1.1rem);
}

/* --- Data / Meta --- */
.olimpia-news-grid .trx-addons-posts-item-meta,
.olimpia-news-card .trx-addons-posts-item-meta {
	font-size: var(--font-size-sm, 12px);
	color: var(--color-gray-500, #888);
	margin-top: var(--space-xs, 4px);
}

.olimpia-news-grid .trx-addons-posts-item-date .trx-addons-icon,
.olimpia-news-card .trx-addons-posts-item-date .trx-addons-icon {
	display: none; /* Nascondi icona calendario, solo testo data */
}

/* Nascondi separatori e commenti (come nel mockup) */
.olimpia-news-grid .trx-addons-meta-separator,
.olimpia-news-grid .trx-addons-posts-item-comments,
.olimpia-news-card .trx-addons-meta-separator,
.olimpia-news-card .trx-addons-posts-item-comments {
	display: none;
}

/* --- Excerpt (nascosto nel mockup) --- */
.olimpia-news-grid .trx-addons-posts-item-excerpt,
.olimpia-news-card .trx-addons-posts-item-excerpt {
	display: none;
}

/* ==========================================================================
   Griglia colonna destra
   ========================================================================== */

.olimpia-news-list .trx-addons-posts-item-thumbnail img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
	.olimpia-news-grid > .olimpia-news-featured {
		position: static; /* disabilita sticky su tablet */
	}
}

@media (max-width: 767px) {
	.olimpia-news-grid {
		flex-direction: column;
	}

	.olimpia-news-featured .trx-addons-posts-item-title {
		font-size: 1.4rem;
	}

	.olimpia-news-list .trx-addons-posts-item-title {
		font-size: 1rem;
	}
}