/* ================================================================
   NADLANISTIM — STORIES / JOB ROTATOR (ported from app/v6/v6.css → Job rotator)
   ================================================================
   A single side-by-side glass card whose open-position content swaps every 7s. Shares the
   rotator script and the .nad-cardfoot / .nad-cardarrow / .nad-carddot primitives with Meet.
   ================================================================ */

.nad-stories__grid { display: grid; grid-template-columns: 1fr; gap: 20px; }

.nad-jobrot { border-radius: var(--nad-r-lg); overflow: hidden; display: flex; flex-direction: row; height: 440px; transition: transform .5s var(--nad-t); }
.nad-jobrot:hover { transform: translateY(-4px); }

.nad-jobrot__img { position: relative; flex: 0 0 42%; margin: 0; border-radius: 0; overflow: hidden; }
/* Only the active image paints; the rotator toggles .is-active. Ancestor prefix beats
   Elementor's `.elementor img { height:auto }`. */
.nad-jobrot .nad-jobrot__img img { display: none; width: 100%; height: 100%; object-fit: cover; }
.nad-jobrot .nad-jobrot__img img.is-active { display: block; animation: nad-fade .8s var(--nad-t); }
.nad-jobrot__img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to left, transparent 45%, rgba(12,14,26,.5)); z-index: 1; }
.nad-jobrot__badge { position: absolute; top: 18px; inset-inline-start: 18px; z-index: 2; padding: 7px 14px; border-radius: 999px; background: rgba(34,211,238,.15); border: 1px solid rgba(34,211,238,.35); color: var(--nad-cyan); font-size: 12px; font-weight: 600; }

.nad-jobrot__body { flex: 1; padding: clamp(28px, 3vw, 48px); display: flex; flex-direction: column; justify-content: center; gap: 24px; }
.nad-jobrot__slide { display: none; flex-direction: column; gap: 14px; }
.nad-jobrot__slide.is-active { display: flex; animation: nad-fade-up .6s var(--nad-t); }
.nad-jobrot__tag { align-self: flex-start; padding: 6px 14px; background: rgba(139,92,246,.15); color: #C4B5FD; border-radius: 999px; font-size: 12px; font-weight: 500; border: 1px solid rgba(139,92,246,.25); }
.nad-jobrot__body h3 { font-size: clamp(24px, 2.4vw, 34px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0; color: var(--nad-ink); }
.nad-jobrot__meta { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--nad-muted); }
.nad-jobrot__body p { font-size: clamp(15px, 1.4vw, 17px); color: var(--nad-muted); line-height: 1.6; font-weight: 300; margin: 0; }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
	.nad-jobrot { height: 380px; }
}
@media (max-width: 760px) {
	.nad-jobrot { flex-direction: column; min-height: 0; height: auto; }
	.nad-jobrot__img { flex: none; height: 200px; }
	.nad-jobrot__body { padding: 24px 22px; gap: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.nad-jobrot__slide.is-active, .nad-jobrot .nad-jobrot__img img.is-active { animation: none !important; }
}