/**
 * Landing marketplace — mobile + tablet (hero, orbita, catalogo, sticky CTA).
 * Caricato dopo mobile-responsive.css. Fino a 1140px (prima del desktop largo).
 */

/* ── Contenitore pagina: niente taglio testo ── */
@media (max-width: 1140px) {
	body:has(.vc-marketplace) .content-container,
	body:has(.vc-marketplace) .entry-content,
	body:has(.vc-marketplace) .content-wrap,
	body:has(.vc-marketplace) #inner-wrap {
		max-width: 100% !important;
		overflow-x: clip !important;
		padding-left: max(10px, env(safe-area-inset-left)) !important;
		padding-right: max(10px, env(safe-area-inset-right)) !important;
		box-sizing: border-box;
	}

	.vc-marketplace,
	.vc-gaming.vc-marketplace {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.vc-marketplace__hero-grid,
	.vc-marketplace__hero-copy,
	.vc-marketplace__hero-visual,
	.vc-marketplace__hero-promo {
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Hero mobile: chiaro, professionale, senso di affidabilità */
	.vc-gaming .vc-marketplace__hero--showcase {
		background:
			radial-gradient(ellipse 120% 80% at 50% -10%, rgba(4, 184, 216, 0.14) 0%, transparent 55%),
			linear-gradient(180deg, #ffffff 0%, #f4f9ff 48%, #eef6fc 100%) !important;
		border: 1px solid rgba(4, 69, 175, 0.14) !important;
		box-shadow:
			0 12px 40px rgba(4, 69, 175, 0.08),
			inset 0 1px 0 rgba(255, 255, 255, 1) !important;
	}

	.vc-gaming .vc-marketplace__hero--showcase::after {
		opacity: 0.25 !important;
	}

	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-copy {
		position: relative;
		z-index: 2;
		padding: clamp(16px, 4vw, 22px) !important;
		border-radius: 18px;
		background:
			linear-gradient(165deg, #ffffff 0%, #f8fbff 55%, #f0f7ff 100%) !important;
		border: 1px solid rgba(4, 69, 175, 0.16) !important;
		box-shadow:
			0 4px 24px rgba(4, 69, 175, 0.07),
			0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.vc-marketplace__hero-eyebrow,
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-eyebrow {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
		text-align: left;
		line-height: 1.4 !important;
		padding: 0.5rem 0.75rem !important;
		margin-bottom: 0.75rem !important;
		color: #0445af !important;
		background: rgba(4, 69, 175, 0.06) !important;
		border: 1px solid rgba(4, 69, 175, 0.22) !important;
		text-shadow: none !important;
		font-weight: 700;
		letter-spacing: 0.03em;
	}

	.vc-marketplace__hero-title,
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-title {
		max-width: 100% !important;
		overflow-wrap: anywhere;
	}

	/* Prima riga: blu brand leggibile | Seconda riga: testo scuro */
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-title .vc-marketplace__hero-accent,
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-title-line.vc-marketplace__hero-accent {
		color: #0445af !important;
		-webkit-text-fill-color: #0445af !important;
		background: none !important;
		background-clip: unset !important;
		-webkit-background-clip: unset !important;
		-webkit-text-stroke: 0 !important;
		text-shadow: none !important;
		filter: none !important;
		font-weight: 800 !important;
	}

	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-title .vc-marketplace__hero-title-line:not(.vc-marketplace__hero-accent) {
		color: #0f172a !important;
		-webkit-text-fill-color: #0f172a !important;
		text-shadow: none !important;
		font-weight: 700 !important;
	}

	.vc-marketplace__hero-lead,
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-copy > p,
	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__hero-lead {
		color: #334155 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere;
		word-break: normal;
		hyphens: auto;
	}

	.vc-gaming.vc-marketplace .vc-marketplace__hero--showcase .vc-marketplace__trust-strip li {
		background: #ffffff !important;
		border: 1px solid rgba(4, 69, 175, 0.14) !important;
		color: #1e293b !important;
		box-shadow: 0 2px 8px rgba(4, 69, 175, 0.06) !important;
	}

	.vc-marketplace__quick-links a {
		max-width: 100% !important;
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	/* Card formazione sotto hero — niente testo tagliato */
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo,
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium,
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__card {
		max-width: 100% !important;
		overflow-x: clip !important;
		box-sizing: border-box;
	}

	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__title,
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__lead {
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
		max-width: 100% !important;
	}

	/* Catalogo allievi (screenshot D/E): card larghe, testo orizzontale leggibile */
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.vc-mkt-training-cta--dual-catalog.vc-mkt-training-cta--premium,
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium {
		width: 100% !important;
		max-width: 100% !important;
	}

	.vc-mkt-training-cta--dual-catalog .vc-mkt-training-cta__card,
	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__card {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: clamp(0.9rem, 3vw, 1.15rem) !important;
	}

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

	.vc-mkt-training-cta__catalog-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.7rem !important;
	}

	/* Card catalogo: gestite da .vc-mkt-catalog-mobile + vc-tw-* (vc-tw-catalog-mobile.css) */

	.vc-mkt-training-cta__catalog-card-title {
		display: block !important;
		width: 100% !important;
		font-size: 1.0625rem !important;
		line-height: 1.28 !important;
		font-weight: 800 !important;
		white-space: normal !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	.vc-mkt-training-cta__catalog-card-desc {
		display: block !important;
		width: 100% !important;
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		hyphens: none !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	.vc-marketplace__hero--showcase .vc-marketplace__hero-promo .vc-mkt-training-cta--premium .vc-mkt-training-cta__catalog-heading-label {
		overflow-wrap: normal !important;
		word-break: normal !important;
		hyphens: none !important;
		white-space: normal !important;
		text-align: center;
		line-height: 1.35;
	}

	.vc-mkt-training-cta__catalog-card:active {
		transform: scale(0.98);
	}

	.vc-marketplace__service-cards a strong,
	.vc-marketplace__service-cards a span {
		overflow-wrap: anywhere;
		word-break: normal;
		max-width: 100%;
	}

	/* Sticky CTA: spazio per WhatsApp (screenshot A/B) */
	.vc-marketplace__sticky-cta {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
		padding:
			0.55rem
			max(0.65rem, env(safe-area-inset-left))
			max(0.55rem, env(safe-area-inset-bottom))
			max(4.5rem, calc(3.25rem + env(safe-area-inset-right))) !important;
		background:
			linear-gradient(180deg, rgba(15, 23, 42, 0.97) 0%, rgba(8, 20, 38, 0.98) 100%) !important;
		border-top: 1px solid rgba(0, 240, 255, 0.45) !important;
		box-shadow:
			0 -4px 24px rgba(0, 240, 255, 0.15),
			0 -12px 40px rgba(0, 0, 0, 0.45) !important;
	}

	.vc-marketplace__sticky-cta-btn {
		min-height: 50px;
		border-radius: 14px;
		font-family: var(--vc-game-font-display, "Orbitron", sans-serif);
		letter-spacing: 0.04em;
		text-transform: uppercase;
		font-size: 0.8125rem;
		box-shadow: 0 0 16px rgba(0, 240, 255, 0.2);
	}

	.vc-marketplace__sticky-cta-btn--client {
		box-shadow:
			0 0 20px rgba(4, 69, 175, 0.45),
			inset 0 1px 0 rgba(255, 255, 255, 0.2);
	}

	.vc-marketplace__sticky-cta-btn--pro {
		box-shadow:
			0 0 18px rgba(255, 197, 50, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.35);
	}

	/* Plugin chat WhatsApp / click-to-chat — sopra sticky, non sopra Registrati */
	body:has(.vc-marketplace__sticky-cta) .joinchat,
	body:has(.vc-marketplace__sticky-cta) .joinchat__button,
	body:has(.vc-marketplace__sticky-cta) .ht-ctc-chat,
	body:has(.vc-marketplace__sticky-cta) .ccw_plugin,
	body:has(.vc-marketplace__sticky-cta) .ccw_style7,
	body:has(.vc-marketplace__sticky-cta) #click-to-chat,
	body:has(.vc-marketplace__sticky-cta) [class*="wa-chat"],
	body:has(.vc-marketplace__sticky-cta) a[href*="wa.me"],
	body:has(.vc-marketplace__sticky-cta) a[href*="whatsapp.com"] {
		bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px)) !important;
		z-index: 99988 !important;
	}
}

/* ── Orbita: un anello, pill equidistanti (mobile + tablet) ── */
@media (max-width: 1140px) {
	.vc-marketplace__hero-visual {
		padding:
			12px
			max(6px, env(safe-area-inset-left))
			20px
			max(6px, env(safe-area-inset-right)) !important;
	}

	.vc-marketplace__orbit,
	.vc-gaming .vc-marketplace__orbit {
		width: min(100%, 400px, calc(100vw - 20px)) !important;
		max-width: 400px !important;
		margin-inline: auto !important;
		--vc-orbit-pull: min(42cqmin, 168px) !important;
		box-shadow:
			inset 0 0 0 3px rgba(0, 240, 255, 0.35),
			inset 0 0 48px rgba(4, 20, 32, 0.45),
			0 0 0 1px rgba(255, 255, 255, 0.2),
			0 0 40px rgba(0, 240, 255, 0.2),
			0 24px 56px rgba(4, 20, 32, 0.35) !important;
	}

	.vc-marketplace__orbit-ring,
	.vc-gaming .vc-marketplace__orbit-ring {
		inset: 14px !important;
		border-width: 8px !important;
		border-color: rgba(0, 240, 255, 0.35) !important;
	}

	/* Mobile: un solo anello — stesso raggio per tutte le pill */
	.vc-marketplace__orbit-pill,
	.vc-gaming .vc-marketplace__orbit-pill {
		--vc-orbit-pull-mult: 1 !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-width: var(--vc-orbit-pill-max, 4.75rem) !important;
		min-width: 0 !important;
		min-height: 34px !important;
		padding: 5px 9px !important;
		font-size: var(--vc-orbit-pill-font, 0.625rem) !important;
		line-height: 1.15 !important;
		font-weight: 800 !important;
		letter-spacing: 0.01em !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
		hyphens: none;
		color: #0f172a !important;
		background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%) !important;
		border: 1px solid rgba(0, 240, 255, 0.55) !important;
		box-shadow:
			0 4px 14px rgba(4, 20, 32, 0.22),
			0 0 12px rgba(0, 240, 255, 0.15),
			inset 0 1px 0 rgba(255, 255, 255, 1) !important;
		z-index: 3;
	}

	.vc-marketplace__orbit-pill-text {
		display: block;
		max-width: 100%;
		line-height: 1.12;
	}

	.vc-marketplace__orbit-pill--wrap {
		max-width: var(--vc-orbit-pill-max, 5.25rem) !important;
		line-height: 1.1 !important;
	}

	.vc-marketplace__orbit-core,
	.vc-gaming .vc-marketplace__orbit-core {
		width: clamp(72px, 24vw, 100px) !important;
		height: clamp(72px, 24vw, 100px) !important;
		box-shadow:
			0 0 0 3px rgba(0, 240, 255, 0.5),
			0 0 28px rgba(0, 240, 255, 0.35),
			inset 0 0 20px rgba(255, 255, 255, 0.5) !important;
	}
}

@media (min-width: 769px) and (max-width: 1140px) {
	.vc-marketplace__orbit,
	.vc-gaming .vc-marketplace__orbit {
		width: min(100%, 520px) !important;
		max-width: 520px !important;
	}

	.vc-marketplace__orbit-pill,
	.vc-gaming .vc-marketplace__orbit-pill {
		font-size: var(--vc-orbit-pill-font, 0.72rem) !important;
		max-width: var(--vc-orbit-pill-max, 5.5rem) !important;
		padding: 6px 10px !important;
	}
}

@media (max-width: 768px) {
	.vc-marketplace__orbit,
	.vc-gaming .vc-marketplace__orbit {
		width: min(100%, 400px, calc(100vw - 20px)) !important;
		max-width: 400px !important;
	}
}

@media (max-width: 389px) {
	.vc-marketplace__orbit,
	.vc-gaming .vc-marketplace__orbit {
		width: min(100%, 340px) !important;
		--vc-orbit-pull: min(38cqmin, 148px) !important;
	}

	.vc-marketplace__orbit-pill,
	.vc-gaming .vc-marketplace__orbit-pill {
		max-width: var(--vc-orbit-pill-max, 4.25rem) !important;
		padding: 4px 7px !important;
	}
}