/**
 * Delta Dynamic – الأنماط الرئيسية
 * Bootstrap 5 + متغيرات + تحسينات القراءة
 */

/* ألوان رئيسية (يمكن ربطها بالمخصص عبر body classes أو متغيرات) */
:root {
	--primary-color: #0066cc;
	--secondary-color: #004999;
	--accent-color: #ff8800;
	--bg-light: #f8f9fa;
	--delta-header-bg: var(--primary-color);
	--delta-footer-bg: #1a1d21;
}

/* تطبيق الألوان على مكوّنات Bootstrap */
.bg-primary {
	background-color: var(--primary-color) !important;
}

.bg-secondary {
	background-color: var(--secondary-color) !important;
}

.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--accent-color) !important;
	border-color: var(--accent-color) !important;
	color: #fff !important;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Open Sans', system-ui, sans-serif;
	background-color: var(--bg-light);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-logo .h4 {
	font-family: 'Poppins', system-ui, sans-serif;
	letter-spacing: -0.02em;
}

/* هيدر بخلفية اختيارية من الصورة */
#site-header.site-header--image {
	background-color: var(--primary-color);
	background-image: linear-gradient(
			105deg,
			rgba(0, 102, 204, 0.92) 0%,
			rgba(0, 73, 153, 0.88) 100%
		),
		url('../images/header-bg.jpg');
	background-size: cover;
	background-position: center;
}

#site-header:not(.site-header--image) {
	background: linear-gradient(105deg, var(--primary-color), var(--secondary-color));
}

/* فوتر بخلفية صورة اختيارية */
#site-footer.site-footer--image {
	background-color: var(--delta-footer-bg);
	background-image: linear-gradient(180deg, rgba(26, 29, 33, 0.92) 0%, rgba(26, 29, 33, 0.97) 100%),
		url('../images/footer-bg.jpg');
	background-size: cover;
	background-position: center bottom;
}

#site-footer:not(.site-footer--image) {
	background: linear-gradient(180deg, #212529 0%, var(--delta-footer-bg) 100%);
}

.delta-prose {
	max-width: 42rem;
	font-size: 1.0625rem;
}

.delta-prose .entry-content,
.entry-content {
	line-height: 1.75;
}

.skip-link {
	position: absolute;
	inset-inline-start: -9999px;
	top: 0;
	z-index: 999999;
	padding: 0.5rem 1rem;
	background: var(--primary-color);
	color: #fff;
}

.skip-link:focus {
	inset-inline-start: 0.5rem;
	top: 0.5rem;
}

.site-nav .menu-item a {
	color: rgba(255, 255, 255, 0.95);
	text-decoration: none;
}

.site-nav .menu-item a:hover {
	color: #fff;
	text-decoration: underline;
}

#searchForm .search-form {
	max-width: 36rem;
}

#site-header .navbar-toggler-icon {
	filter: invert(1);
}

#site-header .custom-logo-link img {
	max-height: 48px;
	width: auto;
}

.sticky-cta-mobile {
	display: none;
}

@media (max-width: 991.98px) {
	.sticky-cta-mobile {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1030;
		padding: 0.75rem 1rem;
		background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
	}
}

.delta-blog-card .card-img-top,
.delta-blog-card__img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.delta-blog-card {
	border-radius: 0.5rem;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.delta-blog-card:hover {
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.12) !important;
	transform: translateY(-2px);
}

/* شريط علوي */
.delta-top-bar a:hover {
	color: #fff !important;
}

/* شريط جانبي */
.delta-sidebar__inner {
	background: linear-gradient(180deg, #fff 0%, #fafbfc 100%);
}

.delta-widget {
	background: rgba(255, 255, 255, 0.65);
	border-radius: 0.5rem;
	padding: 1rem 1.125rem;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

.delta-widget .widget-title {
	font-weight: 600;
	color: var(--secondary-color);
}

.delta-sidebar .widget ul {
	padding-inline-start: 1.1rem;
	margin-bottom: 0;
}

.delta-sidebar .widget li {
	margin-bottom: 0.35rem;
}

@media (min-width: 992px) {
	.delta-sidebar--sticky .delta-sidebar__inner {
		position: sticky;
		top: 1rem;
	}
}

body.delta-has-sidebar .delta-prose {
	max-width: none;
}

@media (min-width: 992px) {
	body.delta-has-sidebar .delta-layout-main .row > .col-lg-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

/* زر العودة للأعلى */
.delta-back-to-top {
	position: fixed;
	inset-inline-end: 1rem;
	bottom: 5.5rem;
	z-index: 1040;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.delta-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media (max-width: 991.98px) {
	.delta-back-to-top {
		bottom: 5rem;
	}
}

/* تركيز واضح للوصولية */
a:focus-visible,
button:focus-visible,
.form-control:focus-visible {
	outline: 2px solid var(--accent-color);
	outline-offset: 2px;
}