/**
 * قسم «فاصل» في الصفحة الرئيسية (template-parts/home/home-divider.php): خط بزخرفة، أو خط بأيقونة الموقع،
 * أو موجة، أو مسافة فقط، بثلاث مسافات. الألوان من إعدادات الموقع.
 */

.home-divider--space-small {
	padding: 14px 0;
}

.home-divider--space-medium {
	padding: 32px 0;
}

.home-divider--space-large {
	padding: 60px 0;
}

.home-divider__inner {
	display: flex;
	align-items: center;
	gap: 16px;
}

.home-divider__line {
	flex: 1;
	height: 1px;
	background: linear-gradient(to left, transparent, rgba(var(--theme-primary-rgb), 0.28) 30%, rgba(var(--theme-primary-rgb), 0.28) 70%, transparent);
}

.home-divider__center {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: 8px;
	color: var(--theme-secondary);
}

/* الزخرفة: ثلاث معيّنات، الأوسط أكبر بالثانوي */
.home-divider__dot {
	width: 7px;
	height: 7px;
	background: rgba(var(--theme-primary-rgb), 0.35);
	transform: rotate(45deg);
}

.home-divider__dot--main {
	width: 11px;
	height: 11px;
	background: var(--theme-secondary);
}

/* الأيقونة في دائرة بإطار خفيف */
.home-divider--icon .home-divider__center {
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(var(--theme-primary-rgb), 0.18);
	border-radius: 50%;
	background: var(--theme-bg-white, #ffffff);
}

.home-divider__icon {
	display: block;
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.home-divider__wave {
	display: block;
	width: 100%;
	height: 24px;
	color: rgba(var(--theme-primary-rgb), 0.3);
}

/* الكبسولة داخل الفاصل: المسافة من خيار المسافة لا من الكبسولة نفسها */
.home-divider--capsule .block-divider-glass-capsule {
	margin: 0;
	padding: 0;
}