/* النافذة الترحيبية - موديول مستقل تمامًا (مفيش أي اعتماد على frontend.css) */

.cbp-welcome-overlay {
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: rgba(11, 29, 58, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s ease, visibility .3s ease;
}
.cbp-welcome-overlay.cbp-welcome-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.cbp-welcome-card {
	background: var(--cbp-welcome-bg, #ffffff);
	border-radius: var(--cbp-welcome-radius, 18px);
	max-width: var(--cbp-welcome-width, 380px);
	width: 100%;
	padding: 26px 22px 20px;
	position: relative;
	text-align: center;
	box-shadow: 0 20px 50px rgba(11, 29, 58, .25);
	transform: scale(.9);
	transition: transform .3s ease;
}
.cbp-welcome-overlay.cbp-welcome-open .cbp-welcome-card { transform: scale(1); }
.cbp-welcome-overlay[data-cbp-anim="fade"] .cbp-welcome-card { transform: none; }
.cbp-welcome-overlay[data-cbp-anim="slide"] .cbp-welcome-card { transform: translateY(-40px); }
.cbp-welcome-overlay[data-cbp-anim="slide"].cbp-welcome-open .cbp-welcome-card { transform: translateY(0); }

.cbp-welcome-close {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 50%;
	background: #f1f3f8;
	color: #6b7280;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .2s, color .2s;
	padding: 0;
}
.cbp-welcome-close:hover { background: #0b1d3a; color: #fff; }

.cbp-welcome-title {
	font-size: 19px;
	font-weight: 800;
	color: #0b1d3a;
	margin: 4px 0 10px;
	line-height: 1.4;
}

.cbp-welcome-text {
	font-size: 13.5px;
	line-height: 1.9;
	color: #3a4250;
	margin: 0 0 18px;
}
.cbp-welcome-text .cbp-highlight {
	color: var(--cbp-welcome-highlight, #ffc107);
	font-weight: 800;
}
.cbp-welcome-text strong { color: #0b1d3a; }

.cbp-welcome-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cbp-welcome-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--cbp-welcome-btn-bg, #ffc107);
	color: var(--cbp-welcome-btn-color, #0b1d3a);
	font-weight: 800;
	font-size: 14px;
	padding: 12px 16px;
	border-radius: 12px;
	text-decoration: none;
	transition: filter .2s;
}
.cbp-welcome-btn:hover { filter: brightness(.94); }
.cbp-welcome-btn svg { flex-shrink: 0; fill: currentColor; }

@media (max-width: 420px) {
	.cbp-welcome-card { padding: 22px 16px 16px; }
}