/* =========================================================================
   الفني — هوية 2.0 «اللوحة الهندسية»
   طبقة مظهر فقط: تُحمَّل أخيراً بعد حزمة الأنماط ولا تغيّر PHP أو الودجات
   أو حقول لوحة الإدارة. كل الألوان في كتلة المتغيّرات الأولى — عدّلها هناك فقط.
   ========================================================================= */

:root {
	/* ألوان الشعار (غيّرها هنا فقط) */
	--af-navy: #102A5C;
	--af-blue: #3068E8;
	--af-orange: #F06028;

	/* مشتقّات */
	--af-navy-deep: #0A1C40;
	--af-blue-deep: #2453C4;
	--af-orange-deep: #D84C17;
	--af-ink: #0F1E3C;
	--af-text: #2B3A57;
	--af-muted: #66748F;
	--af-paper: #F4F7FC;
	--af-tint-blue: #E8EFFD;
	--af-tint-orange: #FFEFE7;
	--af-line: #DCE4F2;
	--af-white: #fff;
	--af-wa: #1FA855;

	--af-r: 10px;
	--af-r-sm: 6px;
	--af-shadow: 0 1px 2px rgba(16,42,92,.06), 0 14px 34px -18px rgba(16,42,92,.28);
	--af-shadow-lg: 0 2px 6px rgba(16,42,92,.08), 0 28px 60px -24px rgba(16,42,92,.38);
	--af-grid: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 38px 38px,
	           linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) 0 0 / 38px 38px;
	--af-dots: radial-gradient(rgba(16,42,92,.10) 1.2px, transparent 1.3px) 0 0 / 22px 22px;
	--af-stripe: linear-gradient(90deg, var(--af-orange) 0 33.3%, var(--af-blue) 33.3% 66.6%, var(--af-navy) 66.6%);
	--al-sadu: var(--af-stripe); /* يستبدل زخرفة «السدو» القديمة بشريط الهوية */
}

/* ربط متغيّرات القالب الأصلي بالهوية الجديدة (تبقى الودجات والإعدادات تعمل) */
html body {
	--uicolor: var(--af-blue);
	--uicolor2: var(--af-navy);
	--uicolor3: var(--af-orange);
	--primary-text: var(--af-ink);
	--Text-color: var(--af-ink);
	--secondarytext: var(--af-muted);
	--second-text-color: var(--af-muted);
	--prim-color: var(--af-ink);
	--diver: var(--af-paper);
	--background: var(--af-paper);
	--whatsapp: var(--af-wa);
	--secbutton: var(--af-wa);
	--largeradius: var(--af-r);
	--miniradius: var(--af-r-sm);
	--border: 1px solid var(--af-line);
	--box-shadow-defult: var(--af-shadow);
	--box-shadow-hover: var(--af-shadow-lg);
	--al-terra: var(--af-blue);
	--al-terra-deep: var(--af-navy);
	--al-gold: var(--af-orange);
	--al-night: var(--af-navy);
	--al-sand: var(--af-paper);
	--al-dune: var(--af-line);
	--al-r-lg: var(--af-r);
	--al-r-md: var(--af-r);
	--al-r-sm: var(--af-r-sm);
	--al-r-pill: var(--af-r-sm);
	--cb-brand: var(--af-blue);
	--cb-brand-deep: var(--af-navy);
}

html body {
	background: var(--af-white) !important;
	color: var(--af-text) !important;
	font-family: "Alexandria", system-ui, sans-serif;
	line-height: 1.9;
}
html body ::selection { background: var(--af-orange); color: #fff; }
html body a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
html body :focus-visible { outline: 3px solid var(--af-orange) !important; outline-offset: 2px !important; }

/* ---------- الأزرار العامة: مستطيلة بحواف صغيرة ---------- */
html body .-btn-header a,
html body .-btn-areia-l a,
html body .-btn-area-l2 a,
html body .LoadMorePostsBTN,
html body .readmore--category-item a,
html body .-Plane-Button-v1 a,
html body .-comments-form-Button-area button,
html body .-comments-form-Button-area input[type="submit"],
html body .CB-form-submit,
html body button[type="submit"] {
	background: var(--af-orange) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--af-r-sm) !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	box-shadow: 0 10px 22px -10px rgba(240,96,40,.7) !important;
}
html body .-btn-header a:hover,
html body .-btn-areia-l a:hover,
html body .-btn-area-l2 a:hover,
html body .LoadMorePostsBTN:hover,
html body .readmore--category-item a:hover,
html body .-Plane-Button-v1 a:hover,
html body button[type="submit"]:hover {
	background: var(--af-orange-deep) !important;
	transform: translateY(-2px);
}

/* =========================================================================
   الشريط العلوي + الهيدر
   ========================================================================= */
html body .--topbar-area-- {
	background: var(--af-navy-deep) !important;
	color: #CFD9F0 !important;
	border: 0 !important;
}
html body .--topbar-area-- a,
html body .--topbar-area-- li,
html body .--topbar-area-- span,
html body .--topbar-area-- i { color: #CFD9F0 !important; font-size: 13px; }
html body .--topbar-area-- a:hover { color: #fff !important; }
html body .--topbar-area-- .top-area-list i { color: var(--af-orange) !important; }
html body .--socialheader a { background: rgba(255,255,255,.08) !important; border-radius: var(--af-r-sm) !important; }
html body .--socialheader a:hover { background: var(--af-orange) !important; }

html body header.cb-site-header,
html body header.fixedintro {
	position: sticky !important; top: 0 !important; z-index: 90;
	background: #fff !important;
	box-shadow: 0 8px 30px -18px rgba(16,42,92,.45) !important;
}
html body header.cb-site-header::after {
	content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 3px;
	background: var(--af-stripe); pointer-events: none;
}
html body .-Header-Fix { background: #fff !important; border: 0 !important; }
html body .Header_content { min-height: 78px !important; gap: 22px !important; }
html body .-site-logo img { max-height: 52px !important; width: auto !important; }
html body .-site-logo a { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .-site-logo .first-logo-word { color: var(--af-navy) !important; }
html body .-site-logo .second-logo-word { color: var(--af-orange) !important; }

html body .--Site--Menu > ul { gap: 2px !important; }
html body .--Site--Menu > ul > li > a {
	position: relative; color: var(--af-ink) !important; font-weight: 600 !important;
	background: transparent !important; border-radius: 0 !important; padding: 28px 14px !important; font-size: 14.5px;
}
html body .--Site--Menu > ul > li > a::after {
	content: ""; position: absolute; inset-inline: 14px; bottom: 14px; height: 3px;
	background: var(--af-orange); transform: scaleX(0); transform-origin: center; transition: transform .25s ease;
}
html body .--Site--Menu > ul > li > a:hover,
html body .--Site--Menu > ul > li.current-menu-item > a,
html body .--Site--Menu > ul > li.current-menu-ancestor > a { color: var(--af-blue) !important; background: transparent !important; }
html body .--Site--Menu > ul > li > a:hover::after,
html body .--Site--Menu > ul > li.current-menu-item > a::after,
html body .--Site--Menu > ul > li.current-menu-ancestor > a::after { transform: scaleX(1); }
html body .--Site--Menu ul ul {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-top: 3px solid var(--af-orange) !important;
	border-radius: 0 0 var(--af-r) var(--af-r) !important; box-shadow: var(--af-shadow-lg) !important;
}
html body .--Site--Menu ul ul a { color: var(--af-ink) !important; }
html body .--Site--Menu ul ul a:hover { color: var(--af-blue) !important; background: var(--af-tint-blue) !important; }
html body button.--open--searching {
	background: var(--af-paper) !important; color: var(--af-navy) !important;
	border: 1px solid var(--af-line) !important; border-radius: var(--af-r-sm) !important;
}
html body button.--open--searching:hover { background: var(--af-navy) !important; color: #fff !important; }
html body .-mobile-menu-button .menu__icon span { background: var(--af-navy) !important; }

/* =========================================================================
   الهيرو — لوحة هندسية داكنة
   ========================================================================= */
html body .ClickB-IntroBoxes.intro-model-intro_v1 {
	position: relative; isolation: isolate; overflow: hidden;
	min-height: 0 !important; height: auto !important;
	background: var(--af-grid), linear-gradient(135deg, var(--af-navy-deep) 0%, var(--af-navy) 62%, #1B3F86 100%) !important;
	color: #fff !important; border: 0 !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1::before {
	content: "" !important; display: block !important; position: absolute; inset-inline-start: -140px; top: -140px;
	width: 420px; height: 420px; border-radius: 50%; border: 56px solid rgba(240,96,40,.16); z-index: -1;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1::after {
	content: "" !important; display: block !important; position: absolute; inset-inline-end: 0; bottom: 0; width: 100%; height: 6px;
	background: var(--af-stripe); z-index: 2;
}
html body .clickb-comtec-hero__glow { display: none !important; }
html body .ClickB-IntroBoxes .total-IntroBoxes--parent,
html body .ClickB-IntroBoxes .ClickB-Intro--sliderArea { min-height: 0 !important; height: auto !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-Container {
	width: min(1220px, calc(100% - 40px)) !important; margin-inline: auto !important;
	display: grid !important; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
	gap: clamp(30px, 5vw, 80px) !important; align-items: center !important;
	padding: clamp(54px, 7vw, 96px) 0 clamp(64px, 8vw, 108px) !important; direction: rtl !important; min-height: 0 !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-BoxInfo {
	grid-column: 1 !important; grid-row: 1 !important; text-align: right !important; max-width: none !important; width: 100% !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-inner-Info { align-items: flex-start !important; max-width: 660px !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--before--title-- {
	display: inline-flex !important; align-items: center; gap: 10px;
	background: rgba(255,255,255,.08) !important; color: #FFD2BE !important; border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: var(--af-r-sm) !important; padding: 7px 14px !important; margin: 0 0 20px !important; font-size: 13px !important; font-weight: 600 !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--before--title--::before {
	content: "" !important; display: block !important; width: 8px; height: 8px; background: var(--af-orange); transform: rotate(45deg);
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--before--title--::after { display: none !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-intro-h1-title {
	color: #fff !important; font-size: clamp(32px, 4.3vw, 58px) !important; line-height: 1.28 !important; font-weight: 800 !important;
	margin: 0 0 20px !important; letter-spacing: -.01em !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-intro-h1-title strong,
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-intro-h1-title c--color { color: var(--af-orange) !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-p-content {
	color: #C9D5EE !important; font-size: 16px !important; line-height: 2 !important; max-width: 600px !important;
	display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-p-content * { color: inherit !important; font-size: inherit !important; }
html body .clickb-comtec-hero__trust { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 0; }
html body .clickb-comtec-hero__trust span {
	display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; font-size: 13px; font-weight: 600; color: #fff;
	background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: var(--af-r-sm);
}
html body .clickb-comtec-hero__trust i { color: var(--af-orange); }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-URLArea { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px !important; margin: 30px 0 0 !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-URLArea .-btn-areia-l2 > a { height: 54px !important; padding: 0 28px !important; font-size: 15px !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title {
	background: transparent !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: var(--af-r-sm) !important;
	padding: 6px 16px 6px 8px !important; box-shadow: none !important; margin: 0 !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title > a { color: #fff !important; display: flex; align-items: center; gap: 12px; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title > a > i {
	width: 40px !important; height: 40px !important; display: grid; place-items: center; background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title small { color: #AFC0E4 !important; display: block; font-size: 11px; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title span { color: #fff !important; font-weight: 800; font-size: 18px; direction: ltr; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts {
	grid-column: 2 !important; grid-row: 1 !important; position: relative !important; opacity: 1 !important;
	padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important;
	min-height: 0 !important; height: auto !important; width: 100% !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts::before {
	content: "" !important; position: absolute; inset: 18px 18px -18px -18px; background: var(--af-orange); border-radius: var(--af-r); z-index: 0; display: block !important; border: 0 !important;
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts::after { content: none !important; display: none !important; }
html body .clickb-comtec-hero__media-frame { position: relative; z-index: 1; border-radius: var(--af-r); overflow: hidden; border: 5px solid #fff; box-shadow: var(--af-shadow-lg); }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts img {
	display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 3.4; object-fit: cover; border: 0 !important; border-radius: 0 !important; transform: none !important; position: relative; z-index: 1;
}

/* =========================================================================
   أقسام الودجات — إيقاع أبيض/رمادي فاتح مع عناوين بعلامة هندسية
   ========================================================================= */
html body .-ClickB-SingleWidget-Section {
	position: relative; background: #fff !important; padding-block: clamp(56px, 7vw, 92px) !important;
}
html body .-ClickB-SingleWidget-Section:nth-of-type(even) { background: var(--af-paper) !important; }
html body .-ClickB-SingleWidget-Section:nth-of-type(even)::before {
	content: ""; position: absolute; inset: 0; background: var(--af-dots); pointer-events: none; opacity: .7;
}
html body .-ClickB-SingleWidget-Section > .container { position: relative; }

html body .-defult-widgets-felx-style-1 { margin-bottom: 38px !important; align-items: flex-end !important; gap: 20px !important; }
html body .sup-title-widget-defualt {
	display: inline-flex !important; align-items: center; gap: 10px; color: var(--af-orange) !important; background: none !important;
	font-size: 13px !important; font-weight: 700 !important; letter-spacing: .02em; padding: 0 !important; border: 0 !important; margin-bottom: 10px !important;
}
html body .sup-title-widget-defualt::before { content: ""; width: 26px; height: 3px; background: var(--af-orange); display: inline-block; }
html body .-widgets-h1-title,
html body .-forms-title-h1,
html body .-widget-after-intro-h1 {
	color: var(--af-navy) !important; font-weight: 800 !important; font-size: clamp(26px, 3.2vw, 40px) !important; line-height: 1.35 !important;
}
html body .-widgets-h1-title strong, html body .-widgets-h1-title c--color { color: var(--af-blue) !important; }
html body .-defult-widgets-content-style-1 .P-content,
html body .-defult-widgets-content-style-1 p { color: var(--af-muted) !important; }

/* بطاقات المميزات */
html body .feature-style1,
html body .featured-boxed,
html body .featured-style1-area .featured- {
	position: relative; background: #fff !important; border: 1px solid var(--af-line) !important; border-top: 4px solid var(--af-blue) !important;
	border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important; padding: 28px 24px !important; overflow: hidden;
}
html body .feature-style1:hover, html body .featured-boxed:hover { transform: translateY(-5px); border-top-color: var(--af-orange) !important; box-shadow: var(--af-shadow-lg) !important; }
html body .feature-icon {
	width: 58px !important; height: 58px !important; display: grid !important; place-items: center; margin-bottom: 18px;
	background: var(--af-navy) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; font-size: 22px !important;
}
html body .feature-icon i, html body .feature-icon svg { color: #fff !important; fill: #fff !important; }
html body .feature-style1:hover .feature-icon, html body .featured-boxed:hover .feature-icon { background: var(--af-orange) !important; }
html body .feature-title { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .feature-text { color: var(--af-muted) !important; }

/* بطاقات الأقسام / الخدمات */
html body .single--category--boxitem,
html body .CB--service--element,
html body .Cb-service-item-style {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important; overflow: hidden; position: relative;
}
html body .single--category--boxitem::after, html body .CB--service--element::after {
	content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: var(--af-orange); transform: scaleX(0); transform-origin: right; transition: transform .3s ease;
}
html body .single--category--boxitem:hover::after, html body .CB--service--element:hover::after { transform: scaleX(1); }
html body .single--category--boxitem:hover, html body .CB--service--element:hover { transform: translateY(-5px); box-shadow: var(--af-shadow-lg) !important; }
html body .service--item--icon {
	background: var(--af-tint-blue) !important; color: var(--af-blue) !important; border-radius: var(--af-r-sm) !important;
}
html body .service--item--icon i { color: var(--af-blue) !important; }
html body .CB-serice-name, html body .CB-serice-name a { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .-p-category-desc { color: var(--af-muted) !important; }

/* بطاقات المقالات والخدمات (الأرشيف والصفحة الرئيسية) */
html body .-Post-box-single-item {
	display: flex; flex-direction: column; background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important;
	box-shadow: var(--af-shadow) !important; overflow: hidden; padding: 0 !important; position: relative;
}
html body .-Post-box-single-item:hover { transform: translateY(-5px); box-shadow: var(--af-shadow-lg) !important; border-color: #C3D2F3 !important; }
html body .-Post-box-single-item .posts_title { order: 2; margin: 0 !important; padding: 18px 20px 6px !important; font-size: 17px !important; line-height: 1.6 !important; }
html body .-Post-box-single-item .posts_title a { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .-Post-box-single-item .posts_title a:hover { color: var(--af-blue) !important; }
html body .-Post-box-item-Thumb { order: 1; position: relative; overflow: hidden; border-radius: 0 !important; }
html body .-Post-box-item-Thumb::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: var(--af-stripe); }
html body .-Post-box-item-Thumb img { display: block; width: 100%; transition: transform .5s ease; }
html body .-Post-box-single-item:hover .-Post-box-item-Thumb img { transform: scale(1.05); }
html body .-Post-box-single-item .-P-content { order: 3; padding: 0 20px !important; color: var(--af-muted) !important; font-size: 14px !important; }
html body .-Post-box-single-item .--faq--blog-- {
	order: 4; margin: auto 0 0 !important; padding: 16px 20px 20px !important; display: flex; align-items: center; gap: 8px; color: var(--af-orange) !important; font-weight: 700;
}
html body .-Post-box-single-item .--faq--blog-- a { color: var(--af-orange) !important; }
html body .-Post-box-single-item .--faq--blog-- i { color: var(--af-orange) !important; transition: transform .2s ease; }
html body .-Post-box-single-item:hover .--faq--blog-- i { transform: translateX(-5px); }

/* سابقة الأعمال */
html body .single--work-post-box {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important; overflow: hidden;
}
html body .single--work-post-box:hover { transform: translateY(-5px); box-shadow: var(--af-shadow-lg) !important; }
html body .work--title--h3, html body .work--title--h3 a { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .single--work-Active--Stars, html body .single--work--Stars i.fa-star { color: var(--af-orange) !important; }

/* الأسعار */
html body .-PriceBox-v1-box {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-top: 5px solid var(--af-navy) !important;
	border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important;
}
html body .-PriceBox-v1-box:hover { border-top-color: var(--af-orange) !important; transform: translateY(-5px); box-shadow: var(--af-shadow-lg) !important; }
html body .-Price-Head-Title { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .-Price-Selary, html body .-price-app-value { color: var(--af-orange) !important; font-weight: 800 !important; }
html body .-Price-Items-List li i { color: var(--af-blue) !important; }
html body .-discout-value { background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; }
html body .-CB-owl-navs-items button, html body .-CB-owl-Slides-next, html body .-CB-owl-Slides-prev {
	background: var(--af-navy) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; border: 0 !important;
}
html body .-CB-owl-Slides-next:hover, html body .-CB-owl-Slides-prev:hover { background: var(--af-orange) !important; }

/* المدن */
html body .--city--info-boxitem, html body .-Text-cityBox-widgets-item {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important;
}
html body .-Text-cityBox-widgets-item:hover, html body .--city--info-boxitem:hover { border-color: var(--af-orange) !important; transform: translateY(-4px); }
html body .-Text-cityBox-widgets-icon, html body .-Text-cityBox-widgets-icon i { color: var(--af-orange) !important; }

/* ما بعد الهيرو (نبذة) */
html body .-after__intro-container .-after__intro-image img { border-radius: var(--af-r) !important; box-shadow: var(--af-shadow-lg) !important; border: 5px solid #fff; }
html body .about_lists-style1 { background: #fff !important; border: 1px solid var(--af-line) !important; border-inline-start: 4px solid var(--af-orange) !important; border-radius: var(--af-r-sm) !important; box-shadow: var(--af-shadow) !important; }
html body .about_lists-icon, html body .about_lists-icon i { color: var(--af-blue) !important; }
html body .about_lists-title { color: var(--af-navy) !important; font-weight: 700 !important; }
html body .-defult-intro-title-URL a { color: var(--af-orange) !important; font-weight: 700; }

/* الميزات اللاصقة */
html body .-CB-stickyfeatures-items-s1, html body .-CB-single-stickyfeatures-item {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important;
}
html body .--features-CB-icon--, html body .--features-CB-icon-- i { color: var(--af-blue) !important; }
html body .-CB-features-title- { color: var(--af-navy) !important; font-weight: 800 !important; }

/* الأسئلة الشائعة */
html body .-CB-FaqsSimple-Item-v1,
html body .-CB-FaqsSimple-vsingle-Item-v2 {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-inline-start: 4px solid var(--af-blue) !important;
	border-radius: var(--af-r-sm) !important; box-shadow: var(--af-shadow) !important; margin-bottom: 12px !important; overflow: hidden;
}
html body .-CB-FaqsSimple-Item-v1.active, html body .-CB-FaqsSimple-Item-v1:hover,
html body .-CB-FaqsSimple-vsingle-Item-v2.active, html body .-CB-FaqsSimple-vsingle-Item-v2:hover { border-inline-start-color: var(--af-orange) !important; }
html body .-CB-FaqsSimple-Title, html body .-CB-FaqsSimple-vsingle-Title { color: var(--af-navy) !important; font-weight: 700 !important; }
html body .-Toggle-Content i, html body .-CB-FaqsSimple-Title i { color: var(--af-orange) !important; }
html body .-p-FaqsSimple-ContentValue-v1, html body .-p-FaqsSimple-vsingle-ContentValue-v1 { color: var(--af-text) !important; }

/* التواصل / النماذج */
html body .CB--contact--form-boxarea, html body .-CB-contact--form-container {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-top: 5px solid var(--af-orange) !important;
	border-radius: var(--af-r) !important; box-shadow: var(--af-shadow-lg) !important;
}
html body .CB-wigdht-contact-minibox { background: var(--af-paper) !important; border-radius: var(--af-r-sm) !important; }
html body .CB-wigdht-contact-minibox i { color: var(--af-orange) !important; }
html body input[type="text"], html body input[type="email"], html body input[type="tel"], html body input[type="number"],
html body input[type="search"], html body input[type="date"], html body select, html body textarea {
	background: #fff !important; border: 1.5px solid var(--af-line) !important; border-radius: var(--af-r-sm) !important; color: var(--af-ink) !important; min-height: 48px;
}
html body input:focus, html body select:focus, html body textarea:focus {
	border-color: var(--af-blue) !important; box-shadow: 0 0 0 4px rgba(48,104,232,.14) !important; outline: 0 !important;
}

/* =========================================================================
   صفحات الأرشيف / البحث / الصفحات القياسية — ترويسة الصفحة
   ========================================================================= */
html body .container-pages-head,
html body .--primary--intro--pages {
	position: relative; background: var(--af-grid), linear-gradient(135deg, var(--af-navy-deep), var(--af-navy)) !important; color: #fff !important; overflow: hidden;
}
html body .container-pages-head::after, html body .--primary--intro--pages::after {
	content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: var(--af-stripe);
}
html body .container-pages-head h1, html body .--primary--intro--pages h1, html body .--archive--be-content h1 { color: #fff !important; font-weight: 800 !important; }
html body .container-pages-head p, html body .--primary--intro--pages p { color: #C9D5EE !important; }
html body .-archivePage-Posts-Grid, html body .-archive--container { background: var(--af-paper) !important; }
html body .-archive--container { padding-block: 56px !important; }

/* مسار التنقّل */
html body .CB-BreadCrumb, html body .CB-BreadCrumb a, html body .CB-BreadCrumb span { color: #C9D5EE !important; font-size: 13.5px; }
html body .CB-BreadCrumb a:hover { color: var(--af-orange) !important; }
html body .CB-BreadCrumb .current, html body .CB-BreadCrumb li:last-child span { color: #fff !important; }

/* =========================================================================
   صفحة المقال / الصفحة المفردة
   ========================================================================= */
html body .CB-single-title {
	position: relative; overflow: hidden; padding: clamp(40px, 5vw, 70px) 0 !important;
	background: var(--af-grid), linear-gradient(135deg, var(--af-navy-deep) 0%, var(--af-navy) 70%, #1B3F86 100%) !important;
}
html body .CB-single-title::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 5px; background: var(--af-stripe); }
html body .CB-single-title .--single-backimg-- { opacity: .12 !important; mix-blend-mode: luminosity; }
html body .--CB-title-breadcrhumb- { position: relative; z-index: 1; text-align: right; }
html body .single-post-title h1 {
	color: #fff !important; font-size: clamp(26px, 3.6vw, 44px) !important; line-height: 1.4 !important; font-weight: 800 !important; margin: 0 0 14px !important;
	padding-inline-start: 18px; border-inline-start: 6px solid var(--af-orange);
}

html body .-CB-single-space- { background: var(--af-paper) !important; padding-block: 48px 70px !important; }
html body .-secodary-single-post-bar.for-content-single,
html body .single-content-context-elements > .-secodary-single-post-bar {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important; overflow: hidden;
}
html body .-single-parent-flexes--content-inner-thumb--inner img { display: block; width: 100%; border-radius: 0 !important; }
html body .--Cb-single-content--in- { padding: clamp(20px, 3.2vw, 40px) !important; }

/* شريط معلومات المقال */
html body .-single-bottom-title-list ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 26px !important; padding: 0 !important; list-style: none; }
html body .-single-bottom-title-list li { margin: 0 !important; }
html body .-single-bottom-title-list li a,
html body .-single-bottom-title-list li.-single-bottom-list-date {
	display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; font-size: 13px; font-weight: 600;
	background: var(--af-tint-blue); color: var(--af-blue-deep) !important; border-radius: var(--af-r-sm);
}
html body .-single-bottom-list-category-terms a { background: var(--af-tint-orange) !important; color: var(--af-orange-deep) !important; }
html body .-single-bottom-title-list i { color: inherit !important; }

/* محتوى المقال: تنسيق القراءة */
html body .-single-post-content { color: var(--af-text) !important; font-size: 16.5px; line-height: 2.05; }
html body .-single-post-content > *:first-child { margin-top: 0; }
html body .-single-post-content h2, html body .-single-post-content h3, html body .-single-post-content h4 { color: var(--af-navy) !important; font-weight: 800 !important; line-height: 1.5; margin: 1.9em 0 .7em; }
html body .-single-post-content h2 {
	font-size: clamp(22px, 2.6vw, 30px); padding: 10px 16px; background: var(--af-tint-blue); border-inline-start: 5px solid var(--af-orange); border-radius: 0 var(--af-r-sm) var(--af-r-sm) 0;
}
html body .-single-post-content h3 { font-size: clamp(19px, 2.1vw, 24px); position: relative; padding-inline-start: 18px; }
html body .-single-post-content h3::before { content: ""; position: absolute; inset-inline-start: 0; top: .55em; width: 9px; height: 9px; background: var(--af-orange); transform: rotate(45deg); }
html body .-single-post-content h4 { font-size: 18px; color: var(--af-blue-deep) !important; }
html body .-single-post-content a { color: var(--af-blue) !important; text-decoration: underline; text-decoration-color: rgba(48,104,232,.35); text-underline-offset: 4px; font-weight: 600; }
html body .-single-post-content a:hover { color: var(--af-orange) !important; text-decoration-color: var(--af-orange); }
html body .-single-post-content ul { list-style: none; padding-inline-start: 0 !important; }
html body .-single-post-content ul > li { position: relative; padding-inline-start: 26px; margin-bottom: .55em; }
html body .-single-post-content ul > li::before { content: ""; position: absolute; inset-inline-start: 4px; top: .8em; width: 8px; height: 8px; background: var(--af-orange); transform: rotate(45deg); }
html body .-single-post-content ol { padding-inline-start: 26px; }
html body .-single-post-content ol > li::marker { color: var(--af-orange); font-weight: 800; }
html body .-single-post-content blockquote {
	margin: 1.8em 0; padding: 20px 24px; background: var(--af-navy); color: #E5ECFB !important; border-radius: var(--af-r); border-inline-start: 6px solid var(--af-orange);
}
html body .-single-post-content blockquote * { color: inherit !important; }
html body .-single-post-content img { border-radius: var(--af-r); max-width: 100%; height: auto; }
html body .-single-post-content figure figcaption { color: var(--af-muted); font-size: 13.5px; text-align: center; }
html body .-single-post-content table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--af-line); border-radius: var(--af-r); overflow: hidden; display: block; overflow-x: auto; }
html body .-single-post-content th { background: var(--af-navy); color: #fff; padding: 12px 16px; text-align: right; font-weight: 700; }
html body .-single-post-content td { padding: 12px 16px; border-top: 1px solid var(--af-line); }
html body .-single-post-content tr:nth-child(even) td { background: var(--af-paper); }

/* الوسوم */
html body .-post-tag-boxarea { border-top: 1px dashed var(--af-line); margin-top: 28px !important; padding-top: 22px; }
html body .-post-tag-items a {
	display: inline-block; background: var(--af-paper) !important; color: var(--af-navy) !important; border: 1px solid var(--af-line) !important;
	border-radius: var(--af-r-sm) !important; padding: 6px 14px !important; margin: 0 0 8px 8px; font-size: 13px;
}
html body .-post-tag-items a:hover { background: var(--af-orange) !important; border-color: var(--af-orange) !important; color: #fff !important; }

/* المشاركة */
html body .--single-share-posts-title, html body .-single-share-header { color: var(--af-navy) !important; font-weight: 800; }
html body .--sp-social-item, html body .cb-share__list a {
	background: var(--af-paper) !important; color: var(--af-navy) !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r-sm) !important;
}
html body .--sp-social-item:hover, html body .cb-share__list a:hover { background: var(--af-navy) !important; color: #fff !important; border-color: var(--af-navy) !important; }

/* السابق والتالي */
html body .-next-prev-singular-posts .-Chevrons--NextPrev {
	background: var(--af-paper) !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important;
}
html body .-next-prev-singular-posts .-Chevrons--NextPrev:hover { border-color: var(--af-orange) !important; background: #fff !important; box-shadow: var(--af-shadow); }
html body .-next-prev-singular-posts a { color: var(--af-navy) !important; font-weight: 700; }
html body .-next-prev-singular-posts i { color: var(--af-orange) !important; }

/* الشريط الجانبي (ودجات المقال) */
html body .-first-single-post-bar .--Single--page--widget-item,
html body .-first-single-post-bar > div {
	background: #fff !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; box-shadow: var(--af-shadow) !important; overflow: hidden; margin-bottom: 22px;
}
html body .--sidebar-widget-pages--title, html body .widget--sidebar--title, html body .-sidebar-related-title-section {
	position: relative; margin: 0 !important; padding: 15px 20px !important; background: var(--af-navy) !important; color: #fff !important; font-weight: 800 !important; font-size: 16px !important;
}
html body .--sidebar-widget-pages--title::before, html body .widget--sidebar--title::before, html body .-sidebar-related-title-section::before {
	content: ""; display: inline-block; width: 8px; height: 8px; background: var(--af-orange); transform: rotate(45deg); margin-inline-end: 10px; vertical-align: middle;
}
html body .--inners--page--items a { color: var(--af-ink) !important; border-bottom: 1px solid var(--af-line); font-weight: 600; }
html body .--inners--page--items a:hover { color: var(--af-orange) !important; background: var(--af-tint-orange) !important; }
html body .--CB-service-requset-widget-- {
	background: var(--af-grid), linear-gradient(135deg, var(--af-navy-deep), var(--af-navy)) !important; color: #fff !important; border: 0 !important; border-radius: var(--af-r) !important;
}
html body .--CB-service-requset-widget-- * { color: inherit; }
html body .widget--sidebar--orders-icon, html body .--icon-service-single-in- { background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; }
html body .widget--sidebar--orders-title { color: #fff !important; font-weight: 800 !important; }
html body .widget--sidebar--orders--phone-number { color: #FFD2BE !important; direction: ltr; font-weight: 800; }
html body .widget--sidebar--buttoncontent a { background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; font-weight: 700; }
html body .-sidebar-related-title-posts-items a { color: var(--af-ink) !important; font-weight: 600; }
html body .-sidebar-related-title-posts-items a:hover { color: var(--af-blue) !important; }
html body .-Post-sidebar-box-single-item { border-bottom: 1px solid var(--af-line); }

/* مقالات ذات صلة */
html body .-CB-related-posts, html body .-Related-Single { background: #fff !important; padding-block: 58px !important; border-top: 1px solid var(--af-line); }
html body .-TitleContent-section { color: var(--af-navy) !important; font-weight: 800 !important; position: relative; padding-inline-start: 18px; }
html body .-TitleContent-section::before { content: ""; position: absolute; inset-inline-start: 0; top: .2em; bottom: .2em; width: 6px; background: var(--af-orange); border-radius: 3px; }

/* التعليقات */
html body .-singular-comments-post, html body .single-post-parent-container-comments { padding: clamp(20px, 3vw, 36px) !important; }
html body .CommentsList__Title { color: var(--af-navy) !important; font-weight: 800 !important; }
html body .CommentsListInner > * { background: var(--af-paper) !important; border: 1px solid var(--af-line) !important; border-inline-start: 4px solid var(--af-blue) !important; border-radius: var(--af-r-sm) !important; }
html body .NoComments { background: var(--af-tint-blue) !important; color: var(--af-blue-deep) !important; border-radius: var(--af-r-sm) !important; }

/* =========================================================================
   الفوتر
   ========================================================================= */
html body .cb-site-footer {
	position: relative; color: #BCC9E6 !important;
	background: var(--af-grid), linear-gradient(180deg, var(--af-navy) 0%, var(--af-navy-deep) 100%) !important; border: 0 !important;
}
html body .cb-site-footer::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 6px; background: var(--af-stripe); }
html body .cb-site-footer a { color: #BCC9E6 !important; }
html body .cb-site-footer a:hover { color: var(--af-orange) !important; }
html body .cb-footer__logo, html body .cb-footer__logo .first-logo-word { color: #fff !important; font-weight: 800; }
html body .cb-footer__logo .second-logo-word { color: var(--af-orange) !important; }
html body .cb-footer__about { color: #AEBBD9 !important; }
html body .cb-footer__title {
	position: relative; color: #fff !important; font-weight: 800 !important; padding-bottom: 14px !important; margin-bottom: 18px !important; font-size: 17px !important;
}
html body .cb-footer__title::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 38px; height: 3px; background: var(--af-orange); }
html body .cb-footer__links a { position: relative; padding-inline-start: 18px; display: inline-block; }
html body .cb-footer__links a::before { content: ""; position: absolute; inset-inline-start: 0; top: .85em; width: 6px; height: 6px; background: var(--af-orange); transform: rotate(45deg); }
html body .cb-footer__contact-list i { color: var(--af-orange) !important; }
html body .cb-footer__social a { background: rgba(255,255,255,.08) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; }
html body .cb-footer__social a:hover { background: var(--af-orange) !important; color: #fff !important; }
html body .cb-footer__map iframe { border: 0; border-radius: var(--af-r); filter: saturate(.85) contrast(1.02); }
html body .cb-footer__bottom { background: rgba(0,0,0,.22) !important; border-top: 1px solid rgba(255,255,255,.08) !important; color: #9FB0D3 !important; }
html body .cb-footer__copy { color: #9FB0D3 !important; }
html body .GotoTop {
	background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important; box-shadow: 0 12px 26px -10px rgba(240,96,40,.8) !important;
}
html body .GotoTop:hover { background: var(--af-navy) !important; }

/* صفحة 404 */
html body .cb-404 { background: var(--af-paper); padding: 90px 0; text-align: center; }
html body .cb-404__code { font-size: clamp(90px, 16vw, 170px); line-height: 1; font-weight: 900; color: var(--af-navy); margin: 0; background: linear-gradient(180deg, var(--af-navy) 45%, var(--af-orange) 45%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html body .cb-404__title { color: var(--af-navy); font-weight: 800; }
html body .cb-404__text { color: var(--af-muted); }
html body .cb-404__search { display: flex; max-width: 520px; margin: 26px auto 18px; gap: 8px; }
html body .cb-404__search input { flex: 1; }
html body .cb-404__home { color: var(--af-blue); font-weight: 700; }

/* ---------- الجوال ---------- */
@media (max-width: 991px) {
	html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-Container { grid-template-columns: 1fr !important; }
	html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-BoxInfo { grid-column: 1 !important; grid-row: 2 !important; }
	html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts { grid-column: 1 !important; grid-row: 1 !important; max-width: 520px; margin-inline: auto; }
	html body .--Site--Menu > ul > li > a { padding: 14px 16px !important; }
	html body .--Site--Menu > ul > li > a::after { display: none; }
}
@media (max-width: 640px) {
	html body .Header_content { min-height: 66px !important; }
	html body .-site-logo img { max-height: 42px !important; }
	html body .single-post-title h1 { padding-inline-start: 12px; border-inline-start-width: 5px; }
	html body .-single-post-content { font-size: 16px; }
	html body .-single-post-content h2 { padding: 8px 12px; }
	html body .cb-404__search { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	html body * { transition: none !important; }
}


/* =========================================================================
   تعديلات الأولوية — تغلب قواعد الطبقة القديمة (cb-skin) دون حذفها
   ========================================================================= */
/* أزرار الهيدر والهيرو */
html body .header--Tools .-btn-header a,
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-URLArea .-btn-areia-l2 > a {
	background: var(--af-orange) !important; color: #fff !important; border-radius: var(--af-r-sm) !important;
	box-shadow: 0 12px 24px -12px rgba(240,96,40,.8) !important;
}
html body .header--Tools .-btn-header a:hover,
html body .ClickB-IntroBoxes.intro-model-intro_v1 .-Intro-slider-URLArea .-btn-areia-l2 > a:hover {
	background: var(--af-orange-deep) !important; transform: translateY(-2px);
}
html body .ClickB-IntroBoxes.intro-model-intro_v1 .--in--left--button-title span { font-family: inherit !important; }

/* رؤوس الأقسام: محاذاة للبداية بدل التوسيط، مع علامة برتقالية */
html body .-defult-widgets-felx-style-1,
html body .-CB-contact--forms-title-s1 {
	align-items: flex-start !important; text-align: start !important; max-width: none !important; margin-inline: 0 !important;
	padding-inline-start: 18px; border-inline-start: 6px solid var(--af-orange);
}
html body .sup-title-widget-defualt::before,
html body .-widget-after-intro-h4::before {
	width: 24px !important; height: 3px !important; transform: none !important; border-radius: 0 !important; background: var(--af-orange) !important;
}
html body .sup-title-widget-defualt::after,
html body .-widget-after-intro-h4::after { display: none !important; content: none !important; }
html body .sup-title-widget-defualt, html body .-widget-after-intro-h4 { color: var(--af-orange-deep) !important; }
html body .-widget-after-intro-h4 { font-weight: 700 !important; }

/* بطاقات المميزات: إخفاء الشريط القديم العلوي */
html body .feature-style1::before { display: none !important; }
html body .--faq--blog-- i {
	width: 30px; height: 30px; display: inline-grid !important; place-items: center; background: var(--af-tint-orange) !important; color: var(--af-orange) !important; border-radius: var(--af-r-sm) !important; font-size: 12px;
}

/* محتوى المقال: العناوين والجداول */
html body .-single-post-content h2 {
	display: block !important; font-size: clamp(21px, 2.4vw, 28px) !important; padding: 11px 18px !important; margin: 1.9em 0 .8em !important;
	background: var(--af-tint-blue) !important; border-inline-start: 5px solid var(--af-orange) !important; border-radius: var(--af-r-sm) !important; color: var(--af-navy) !important;
}
html body .-single-post-content h2::before, html body .-single-post-content h2::after { content: none !important; display: none !important; }
html body .-single-post-content h3 {
	position: relative !important; padding-inline-start: 20px !important; color: var(--af-navy) !important; font-size: clamp(18px, 2vw, 22px) !important;
}
html body .-single-post-content h3::before {
	content: "" !important; display: block !important; position: absolute; inset-inline-start: 0; top: .62em; width: 9px; height: 9px; background: var(--af-orange); transform: rotate(45deg);
}
html body .-single-post-content table { display: table !important; border: 1px solid var(--af-line) !important; border-radius: var(--af-r) !important; overflow: hidden; margin: 1.6em 0 !important; }
html body .-single-post-content table th,
html body .-single-post-content table tr:first-child > * { background: var(--af-navy) !important; color: #fff !important; font-weight: 700 !important; }
html body .-single-post-content table td { color: var(--af-text) !important; background: #fff; }
html body .-single-post-content table tbody tr:nth-child(even) td { background: var(--af-paper) !important; }
html body .-single-post-content table td:first-child { font-weight: 700; color: var(--af-navy) !important; }
@media (max-width: 640px) { html body .-single-post-content table { display: block !important; overflow-x: auto; } }

/* شريط معلومات المقال */
html body .-single-bottom-title-list li { display: inline-flex !important; align-items: center; padding: 0 !important; background: none !important; border: 0 !important; }
html body .-single-bottom-title-list li.-single-bottom-list-date { gap: 8px; color: var(--af-blue-deep) !important; }
html body .-single-bottom-title-list li a { padding: 7px 14px !important; }

/* زخرفة الفوتر والعناوين بعد توحيد الشريط */
html body footer.cb-site-footer::before { height: 6px !important; background: var(--af-stripe) !important; }
html body .-ClickB-SingleWidget-Section.-CB-WidgetType-contact__form::before { height: 6px !important; }

/* لمسات أخيرة */
html body .-widgets-h1-title, html body .-forms-title-h1, html body .-widget-after-intro-h1 { text-align: start !important; }
html body .clickb-comtec-hero__media-frame::before, html body .clickb-comtec-hero__media-frame::after { content: none !important; display: none !important; }
html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts img { box-shadow: none !important; filter: none !important; }
html body .cb-footer__contact-list li > i, html body .cb-footer__contact-list li > a > i { background: rgba(255,255,255,.08) !important; border: 0 !important; border-radius: var(--af-r-sm) !important; }
@media (max-width: 640px) {
	html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts::before { inset: 10px 10px -10px -10px !important; }
	html body .ClickB-IntroBoxes.intro-model-intro_v1 .Intro-slider-master--singleposts { margin-bottom: 14px; }
}