/**
 * 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;
}

/* هيدر بخلفية صورة + تدرج + حركة Ken Burns (فوقس متحرك) */
#site-header.site-header--image {
	background-color: var(--primary-color);
	position: relative;
	overflow: hidden;
}

#site-header.site-header--image .delta-header-bg-layer {
	position: absolute;
	inset: -12%;
	z-index: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	will-change: transform;
	animation: delta-kenburns-header 34s ease-in-out infinite alternate;
}

@keyframes delta-kenburns-header {
	0% {
		transform: scale(1.05) translate(0%, 0%);
	}
	100% {
		transform: scale(1.14) translate(-2.5%, 1.5%);
	}
}

#site-header.site-header--image::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: var(
		--delta-header-overlay,
		linear-gradient(105deg, rgba(0, 102, 204, 0.9) 0%, rgba(0, 73, 153, 0.86) 100%)
	);
}

.delta-header-front {
	z-index: 2;
}

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

/* بطل الصفحة الرئيسية مع نفس أسلوب الحركة */
.hero-home--with-image {
	min-height: clamp(280px, 42vw, 480px);
	display: flex;
	align-items: center;
}

.hero-home__bg-motion {
	position: absolute;
	inset: -12%;
	z-index: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	will-change: transform;
	animation: delta-kenburns-hero 38s ease-in-out infinite alternate;
}

@keyframes delta-kenburns-hero {
	0% {
		transform: scale(1.06) translate(0.5%, -0.5%);
	}
	100% {
		transform: scale(1.15) translate(-2%, 1.5%);
	}
}

.hero-home--with-image .hero-home__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(120deg, color-mix(in srgb, var(--primary-color) 88%, transparent), color-mix(in srgb, var(--secondary-color) 82%, transparent));
}

@supports not (background: color-mix(in srgb, red 50%, blue)) {
	.hero-home--with-image .hero-home__overlay {
		background: linear-gradient(120deg, rgba(0, 102, 204, 0.88), rgba(0, 73, 153, 0.82));
	}
}

.hero-home--with-image .container {
	z-index: 2;
}

.hero-home .text-white-75 {
	color: rgba(255, 255, 255, 0.88);
}

.hero-home .text-shadow-soft {
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.35);
}

@media (prefers-reduced-motion: reduce) {
	.delta-header-bg-layer,
	.hero-home__bg-motion {
		animation: none !important;
		transform: scale(1.08);
	}
}

/* فوتر بخلفية صورة اختيارية */
#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;
}