/* ai-workshops-for-orgs: the real Wix page reads as a marketing page (big
   punchy section headings, a photo-backed feature panel, a "why us" panel
   with a portrait) rather than a plain legal/terms document, so this file
   scopes bigger type + dedicated section styling on top of the shared
   .legal-body/.legal-body__content rules from page-legal.css. */

.workshop-body .legal-body__content h2 {
	font-family: var(--font-accent);
	color: var(--color-ink);
	font-size: clamp(22px, 2.6vw, 28px);
	font-weight: 700;
	margin-block: 40px 16px;
}

/* Hero: "סדנאות AI לארגונים" (line 1) + "להטמיע בינה מלאכותית בארגון שלכם"
   (line 2) read as one two-line gradient headline in the real Wix page —
   both lines get the shared big-gradient-text treatment here, instead of
   the shared legal-hero partial's default small-eyebrow/big-title split. */
.legal-hero--workshops .legal-hero {
	min-height: 560px;
}

.legal-hero--workshops .legal-hero__title,
.legal-hero--workshops .legal-hero__eyebrow {
	font-size: clamp(32px, 4.6vw, 54px);
	font-weight: 700;
	font-family: var(--font-accent);
	opacity: 1;
	max-width: none;
	margin: 0 0 10px;
	background: linear-gradient(90deg, #A5D9D0 0%, #5CC2EF 37.72%, #886CEA 66.67%, #595BA7 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	filter: drop-shadow(1.41px 1.41px 2px rgba(0, 0, 0, .6));
}

.workshop-intro {
	align-items: flex-start;
}

.workshop-intro .legal-body__intro-image {
	width: 380px;
	border-radius: 20px;
	overflow: hidden;
}

.workshop-intro .legal-body__intro-text {
	text-align: center;
}

.workshop-intro .legal-body__intro-text ul {
	display: inline-block;
	text-align: start;
	margin-inline: auto;
}

/* Full-viewport-width band — same left/right/margin-inline/width trick as
   .legal-band in page-legal.css, breaking out of the 900px .legal-body__content
   column regardless of its own width. */
.workshop-feature {
	position: relative;
	left: 50%;
	right: 50%;
	margin-inline: -50vw;
	width: 100vw;
	margin-block: 48px;
	padding: 64px 24px;
	background-color: var(--color-lavender);
	background-size: cover;
	background-position: center;
	text-align: center;
}

.workshop-feature__title {
	font-family: var(--font-accent);
	font-size: clamp(26px, 3.6vw, 36px);
	font-weight: 700;
	color: var(--color-ink);
	margin: 0 0 8px;
}

.workshop-feature__eyebrow {
	font-family: var(--font-accent);
	font-size: clamp(17px, 2vw, 20px);
	font-weight: 600;
	color: var(--color-purple);
	margin: 0;
}

.workshop-feature__divider {
	width: 60px;
	height: 2px;
	background: var(--color-sky);
	margin: 18px auto 28px;
}

.workshop-feature__body {
	max-width: 760px;
	margin-inline: auto;
	text-align: start;
}

.workshop-feature__body p {
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.8;
}

.workshop-gallery {
	display: flex;
	gap: 24px;
	margin-block: 48px;
}

.workshop-gallery img {
	width: 50%;
	height: auto;
	display: block;
	border-radius: 12px;
}

.workshop-why {
	margin-block-start: 48px;
}

.workshop-why .legal-body__intro-image {
	width: 420px;
	border-radius: 20px;
	overflow: hidden;
}

.workshop-why .legal-body__intro-text {
	text-align: center;
}

.workshop-why .legal-body__intro-text h2 {
	margin-block-start: 0;
}

.workshop-why .legal-body__intro-text ul {
	display: inline-block;
	text-align: start;
	margin-inline: auto;
}

/* "צרו קשר" band above the footer (template-parts/page/workshop-contact-band.php)
   — reuses the .contact-methods torn-top/bell-curve band from
   page-contact.css, just swapping the icon row for a contact form. */
.workshop-cta__success {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}

.workshop-cta__error {
	padding: 12px 18px;
	background: rgba(253, 232, 238, .95);
	color: var(--color-pink);
	border-radius: 10px;
	margin-block-end: 16px;
	font-size: 14px;
	max-width: 600px;
	margin-inline: auto;
}

/* Field/card layout now lives in page-legal.css (.workshop-cta__card etc.)
   so it's shared between this page and page-1558.php without duplication. */

@media (max-width: 700px) {
	.legal-body__intro,
	.workshop-why {
		flex-direction: column;
		align-items: stretch;
	}

	.legal-body__intro-image {
		width: 100%;
		max-width: 320px;
		margin-inline: auto;
	}

	.workshop-gallery {
		flex-direction: column;
	}

	.workshop-gallery img {
		width: 100%;
	}
}

/* Bottom contact band: torn paper edge on top instead of the old zigzag
   clip-path, and a white heading that outranks the Elementor kit's global
   h2 colour on the Elementor built pages. */
.workshop-cta {
	--dai-torn-color: var(--color-bg);
	padding-top: 96px;
}

.workshop-cta .contact-methods__title {
	color: #fff;
}