/* خلفيات الهيرو — مولّدة آلياً، لا تعدّلها يدوياً */
/* النص بيقع على النص الأيمن الفاضي من الصورة (الموقع RTL) */
:root{--hero-h:clamp(360px,30vw,520px);--hero-pad:56px}
@media(max-width:991px){:root{--hero-h:340px;--hero-pad:44px}}
@media(max-width:576px){:root{--hero-h:290px;--hero-pad:34px}}

.home-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.home-hero > .container{width:100%!important}
.about-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.about-hero > .container{width:100%!important}
.services-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.services-hero > .container{width:100%!important}
.paths-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.paths-hero > .container{width:100%!important}
.rvp-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.rvp-hero > .container{width:100%!important}
.blog-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.blog-hero > .container{width:100%!important}
.course-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.course-hero > .container{width:100%!important}
.tools-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.tools-hero > .container{width:100%!important}
.jobs-hero{background:radial-gradient(1100px 620px at 88% -18%, rgba(0,89,183,.13), transparent 62%),radial-gradient(900px 560px at 6% 112%, rgba(0,51,102,.10), transparent 60%),linear-gradient(180deg,#f7fafe 0%,#ffffff 74%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important;min-height:var(--hero-h)!important;display:flex!important;align-items:center!important;padding-top:var(--hero-pad)!important;padding-bottom:var(--hero-pad)!important;}
.jobs-hero > .container{width:100%!important}

/* تصحيح تباين: العنوان كان أبيض على خلفية غامقة */
.jobs-hero h1{color:#003366!important}
.jobs-hero h1 span{color:#0059b7!important}
.jobs-hero > .container > * > span:first-child{color:#003366!important}

/* كارت الكورس: الكوفر مربّع فالحاوية لازم تبقى مربّعة عشان مايتقصّش */
.path-img{height:auto!important;aspect-ratio:1/1;overflow:hidden}
.path-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.course-img{height:auto!important;aspect-ratio:1/1;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}

/* كروت المدونة: التصميم مربّع فمحتاج ارتفاع أكبر */
.blog-card .card-image,.blog-card .blog-img{height:300px!important;overflow:hidden}
.blog-card .card-image img,.blog-card .blog-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:576px){.blog-card .card-image,.blog-card .blog-img{height:260px!important}}

/* هيرو المسار التعليمي (ديسكتوب) */
@media(min-width:992px){
  .paths-hero{background:image-set(url('/assets/site/paths-hero-desktop.webp') type('image/webp'),url('/assets/site/paths-hero-desktop.png') type('image/png')) no-repeat center bottom/100% auto,linear-gradient(180deg,#f7fafe 0%,#ffffff 62%)!important;border-bottom:1px solid rgba(0,51,102,.07)!important}
  .paths-hero{position:relative!important}
  .paths-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.80) 45%,rgba(255,255,255,.55) 100%);z-index:0}
  .paths-hero > *{position:relative;z-index:1}
  .paths-hero h1{color:#0d2545!important;text-shadow:0 1px 0 rgba(255,255,255,.85)}
  .paths-hero h1 span{color:#0b5ed7!important}
  .paths-hero p{color:#33475f!important}
}

@media(max-width:768px){
  .home-hero,.about-hero,.services-hero,.paths-hero,.rvp-hero,.blog-hero,.course-hero,.tools-hero,.jobs-hero{background-image:none!important}
}