.sc-slider {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	transition: height .35s ease; /* انیمیشن نرم ارتفاع کانتینر */
}
.sc-slides { position: relative; }
.sc-slide { display: none; }
.sc-slide.is-active { display: block; }

/* انیمیشن جابه‌جایی اسلایدها (بدون پرش) */
.sc-slide .sc-slide-inner { transition: transform .45s ease, opacity .45s ease; }
.sc-slider.is-animating .sc-slide { display: block !important; position: absolute; inset: 0; }
.sc-slider.is-animating .sc-slides { position: relative; }

/* ورود/خروج افقی از بیرون کادر */
.sc-slide.enter-start-right .sc-slide-inner { transform: translateX(100%); opacity: 0; }
.sc-slide.enter-start-left  .sc-slide-inner { transform: translateX(-100%); opacity: 0; }
.sc-slide.enter-active .sc-slide-inner { transform: translateX(0); opacity: 1; }
.sc-slide.leave-start .sc-slide-inner { transform: translateX(0); opacity: 1; }
.sc-slide.leave-end-right .sc-slide-inner { transform: translateX(-100%); opacity: 0; }
.sc-slide.leave-end-left  .sc-slide-inner { transform: translateX(100%); opacity: 0; }

/* گرادیانت متحرک و لایه‌بندی ایمن */
.sc-slide {
	position: relative;
	background: var(--sc-bg, #00D2FF);
	color: #fff;
}
.sc-slide::before {
	content: "";
	position: absolute; inset: 0; z-index: 0; pointer-events: none;
	background: linear-gradient(120deg, #00D2FF, #2EE6FF, #00B2FF, #00C4FF);
	background-size: 300% 300%;
	animation: scGradientMove 12s ease-in-out infinite;
}
@keyframes scGradientMove {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* محتوا بالای گرادیانت */
.sc-slide-inner { 
	position: relative; 
	z-index: 1;
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	align-items: center;
	gap: 24px;
	padding: 56px 40px;
}
.sc-slide-inner.image-left { direction: rtl; grid-template-columns: 1fr 1.2fr; }
.sc-slide-inner.image-left .sc-text { order: 2; }
.sc-slide-inner.image-left .sc-media { order: 1; }

/* انیمیشن ورود متن‌ها */
.sc-slide .sc-text > * { opacity: 0; transform: translateY(8px); } /* کمتر از قبل */
.sc-slide.is-active .sc-text > * { animation: scFadeUp .5s ease forwards; }
.sc-slide.is-active .sc-text > *:nth-child(2) { animation-delay: .08s; }
.sc-slide.is-active .sc-text > *:nth-child(3) { animation-delay: .16s; }
.sc-slide.is-active .sc-text > *:nth-child(4) { animation-delay: .24s; }
@keyframes scFadeUp {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

.sc-col.sc-text { max-width: 720px; padding-inline-start: 12px; }
.sc-subtitle { font-size: 18px; opacity: .9; margin-bottom: 8px; }
.sc-headline { font-size: 64px; line-height: 1.1; margin: 0 0 16px; }
.sc-desc { font-size: 15px; opacity: .95; margin: 0 0 24px; }
.sc-btn {
	display: inline-block; background: #ffb14a; color: #222; padding: 12px 20px;
	border-radius: 999px; text-decoration: none; font-weight: 600;
}
.sc-media img { max-width: 100%; height: auto; display: block; border-radius: 12px; }

/* دکمه‌های قبلی/بعدی: شروع خارج از کادر، ورود هنگام hover نیمه‌ها */
.sc-nav {
	position: absolute; top: 50%;
	width: 44px; height: 44px; border-radius: 50%; border: 0;
	cursor: pointer; z-index: 3;
	opacity: 0; pointer-events: none;
	transition: opacity .25s ease, transform .30s ease, background-color .25s ease, box-shadow .25s ease;
	background-color: rgba(255,255,255,.18);
	box-shadow: 0 6px 18px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.2);
	backdrop-filter: blur(2px) saturate(1.2);
	background-size: 60% 60%;
	background-repeat: no-repeat;
	background-position: center;
}
.sc-prev { left: 12px; transform: translate(-140%,-50%) scale(.92); }
.sc-next { right: 12px; transform: translate(140%,-50%) scale(.92); }

.sc-slider.hover-left .sc-prev,
.sc-slider.hover-right .sc-next {
	opacity: 1; pointer-events: auto;
	transform: translate(0,-50%) scale(1);
}
.sc-nav:hover { background-color: rgba(255,255,255,.28); }

/* دات‌های شیک به‌صورت استریپ */
.sc-dots { position: absolute; bottom: 12px; left: 0; right: 0; display: flex; gap: 6px; justify-content: center; z-index: 2; }
.sc-dots button {
	width: 18px; height: 3px; border: 0;
	border-radius: 2px;
	background: rgba(255,255,255,.55);
	transition: transform .2s ease, background-color .2s ease, opacity .2s ease, width .2s ease;
	opacity: .9;
}
.sc-dots button:hover { transform: scale(1.05); background: rgba(255,255,255,.85); }
.sc-dots button.is-active { background: #fff; width: 26px; opacity: 1; }

@media (max-width: 992px) {
	.sc-headline { font-size: 40px; }
	.sc-slide-inner { grid-template-columns: 1fr; padding: 36px 22px; }
}

/* ---------------- Admin polish ---------------- */
.wp-admin .sc-metabox .sc-slide-row {
	border: 1px solid #e3e6ea; border-radius: 8px; background: #fff; margin: 12px 0; overflow: hidden;
	box-shadow: 0 2px 6px rgba(9,30,66,.04);
}
.wp-admin .sc-metabox .sc-row-head {
	display: flex; align-items: center; justify-content: space-between;
	background: #f6f7f7; padding: 10px 12px; border-bottom: 1px solid #eef0f2;
}
.wp-admin .sc-metabox .sc-row-head strong { font-weight: 600; }
.wp-admin .sc-metabox .sc-row-body { padding: 12px; display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.wp-admin .sc-metabox .sc-field { grid-column: span 12; }
.wp-admin .sc-metabox .sc-field.two { grid-column: span 6; }
@media (max-width: 782px) {
	.wp-admin .sc-metabox .sc-field.two { grid-column: span 12; }
}
.wp-admin .sc-metabox .sc-field label { display: block; font-weight: 500; margin-bottom: 6px; }
.wp-admin .sc-metabox .sc-image .preview { border: 1px dashed #d7dde4; border-radius: 6px; min-height: 80px; display: flex; align-items: center; justify-content: center; background: #fbfcfd; margin-bottom: 8px; }
.wp-admin .sc-metabox .sc-slide-row.is-collapsed .sc-row-body { display: none; }
.wp-admin .sc-media-field .sc-media-preview { border-radius: 8px !important; }

/* دکمه افزودن اسلاید */
.wp-admin .sc-metabox .sc-add-slide { margin-top: 10px; }

/* هنگام درگ، انتخاب متن غیرفعال شود */
.sc-slider.dragging, .sc-slider.dragging * { user-select: none; }
