/**
 * Catalogo allievi (3 card) — mobile/tablet a tutta larghezza.
 * Utility vc-tw-* + override su catena hero-promo → panel → catalogo.
 */

@media (max-width: 1140px) {
	/* Catalogo fuori dalla card: larghezza piena hero (Xiaomi / Chrome mobile) */
	.vc-mkt-catalog-mobile-outer {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0.75rem 0 0 !important;
		padding: 0 max(0.75rem, env(safe-area-inset-right, 0px)) 0 max(0.75rem, env(safe-area-inset-left, 0px)) !important;
		box-sizing: border-box !important;
	}

	.vc-mkt-catalog-mobile-outer .vc-mkt-training-cta__catalog-block {
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 0 !important;
	}

	/* Catena completa: niente colonna stretta */
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-promo,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__card,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__main,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__actions,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__panel {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium.vc-mkt-training-cta--dual-catalog .vc-mkt-training-cta__card {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		align-items: stretch !important;
	}

	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__main,
	.vc-gaming.vc-marketplace .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__actions {
		flex: 0 0 auto !important;
		align-self: stretch !important;
	}

	.vc-mkt-catalog-mobile {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-inline: 0 !important;
		padding-inline: 0 !important;
		box-sizing: border-box;
	}

	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-block,
	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-grid {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-flex {
		display: flex !important;
	}

	/* Stack: una card per riga, tutta larghezza */
	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-grid,
	.vc-mkt-catalog-mobile .vc-tw-flex-col {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0.75rem !important;
		width: 100% !important;
		max-width: 100% !important;
		grid-template-columns: none !important;
		grid-auto-flow: unset !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-w-full {
		width: 100% !important;
		max-width: 100% !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-gap-3 {
		gap: 0.75rem !important;
	}

	/* Card orizzontale: icona | testo | freccia */
	.vc-mkt-catalog-mobile a.vc-mkt-training-cta__catalog-card,
	.vc-mkt-catalog-mobile .vc-tw-flex-row,
	.vc-gaming.vc-marketplace .vc-mkt-catalog-mobile a.vc-mkt-training-cta__catalog-card {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		align-self: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		min-height: 3.5rem !important;
		height: auto !important;
		padding: 0.9rem 1rem !important;
		gap: 0.75rem !important;
		text-align: left !important;
		box-sizing: border-box !important;
		grid-template-columns: none !important;
		grid-template-rows: none !important;
	}

	.vc-mkt-catalog-mobile a.vc-mkt-training-cta__catalog-card > * {
		grid-column: unset !important;
		grid-row: unset !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-shrink-0 {
		flex-shrink: 0 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-w-11 {
		width: 2.75rem !important;
		min-width: 2.75rem !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-h-11 {
		height: 2.75rem !important;
		min-height: 2.75rem !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-flex-1 {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-min-w-0 {
		min-width: 0 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-items-center {
		align-items: center !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-items-start {
		align-items: flex-start !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-p-4 {
		padding: 1rem !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-text-left {
		text-align: left !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-block {
		display: block !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-text-base {
		font-size: 1rem !important;
		line-height: 1.35 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-text-sm {
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-font-bold {
		font-weight: 800 !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-leading-snug {
		line-height: 1.35 !important;
	}

	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-card-title,
	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-card-desc {
		font-family: var(--vc-game-font-body, "Rajdhani", "Segoe UI", system-ui, sans-serif) !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
		white-space: normal !important;
		-webkit-text-fill-color: currentColor !important;
		background: none !important;
	}

	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-card-icon {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

@media (max-width: 390px) {
	.vc-mkt-catalog-mobile a.vc-mkt-training-cta__catalog-card {
		padding: 0.8rem 0.9rem !important;
		gap: 0.65rem !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-w-11 {
		width: 2.6rem !important;
		min-width: 2.6rem !important;
	}

	.vc-mkt-catalog-mobile .vc-tw-h-11 {
		height: 2.6rem !important;
		min-height: 2.6rem !important;
	}
}

/* Mobile/tablet: sempre una card per riga a tutta larghezza */
@media (max-width: 1140px) {
	.vc-mkt-catalog-mobile .vc-mkt-training-cta__catalog-grid {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
	}
}