/* =========================================================
   education-single.css (CLEAN, scoped)
   يعتمد على:
   - site-core.css / global-skin.css
   - edu-hero-key.css  ← يحوي (Hero + Key Info + Program Sections + Program Tabs + Methods)
   هذا الملف يبقي فقط الأجزاء الخاصة بـ graduate_education
   ========================================================= */

/* 0) PAGE TOKENS (خاصة بهذه الصفحة) */
body.single-graduate_education:not(.single-training-course){
  --gutter-desktop: 80px;
  --gutter-mobile: 20px;
}

/* =========================
   4) SIDE CARD (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .app-info-card{
  background:#eaf3ff; border-radius:12px; padding:22px; box-shadow:0 6px 18px rgba(0,0,0,.06);
  position:-webkit-sticky; position:sticky; top:24px; align-self:start; height:fit-content;
}
body.single-graduate_education:not(.single-training-course) .app-info-title{ font-size:20px; font-weight:800; color:#0e2a4d; margin:0 0 10px; }
body.single-graduate_education:not(.single-training-course) .app-intro{ font-size:15px; line-height:1.8; color:#233142; margin-bottom:12px; }
body.single-graduate_education:not(.single-training-course) .app-subtitle{ font-weight:800; color:#0e2a4d; margin:14px 0 8px; }
body.single-graduate_education:not(.single-training-course) .app-info-row{ display:flex; align-items:flex-start; gap:10px; padding:6px 0; }
body.single-graduate_education:not(.single-training-course) .app-info-icon{ width:18px; height:18px; flex:0 0 18px; margin-top:2px; }
body.single-graduate_education:not(.single-training-course) .app-info-text{ font-size:14px; color:#234; line-height:1.7; }
body.single-graduate_education:not(.single-training-course) .app-ask{
  font-size:14px; color:#233142; margin-top:18px;
  border-top: 2px solid #d8dee9;
  padding-top:14px;
}
body.single-graduate_education:not(.single-training-course) .app-ask a{ color:#1e5bd6; text-decoration:none; }

/* =========================
   5) PROGRAM OF STUDY + MODULES (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) #prog-study{ margin:50px 0 16px; }
body.single-graduate_education:not(.single-training-course) #prog-study .prog-container{
  max-width: var(--content-max); width: min(var(--content-max), 100%); margin: 0 auto;
}
body.single-graduate_education:not(.single-training-course) #prog-study .prog-heading{ margin:0; }

body.single-graduate_education:not(.single-training-course) .modules-wrap{
  max-width: var(--content-max); width: min(var(--content-max), 100%);
  margin: 0 auto; border:1px solid #dde6f4; border-radius:12px; background:#fff; padding:16px 20px;
}
body.single-graduate_education:not(.single-training-course) .modules-wrap .edu-accordion:not(:first-child){ border-top:1px solid #e8edf7; }
body.single-graduate_education:not(.single-training-course) .edu-accordion{ margin:0; }
body.single-graduate_education:not(.single-training-course) .acc-header{
  display:flex; align-items:center; gap:10px; border:none; border-radius:8px; padding:14px 12px;
  background:transparent; transition:background .2s ease;
}
body.single-graduate_education:not(.single-training-course) .acc-header:hover{ background:#eef4ff; }
body.single-graduate_education:not(.single-training-course) .acc-title{ margin:0; font-size:17px; font-weight:700; color:#2b2f36; }
body.single-graduate_education:not(.single-training-course) .acc-toggle{
  order:-1; display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border:none; border-radius:6px; cursor:pointer; background:transparent; color:#1d4a8d;
  transition:background .2s ease, transform .2s ease;
}
body.single-graduate_education:not(.single-training-course) .acc-toggle:hover{ background:#e8f0ff; }
body.single-graduate_education:not(.single-training-course) .acc-chev{ transition:transform .25s ease; }
body.single-graduate_education:not(.single-training-course) .acc-panel{
  border:none; background:#fff; overflow:hidden; height:0; padding:0 12px; border-radius:8px; transition:height .32s ease; will-change:height;
}
body.single-graduate_education:not(.single-training-course) .acc-intro,
body.single-graduate_education:not(.single-training-course) .acc-outro{ margin-bottom:16px; color:#333; line-height:1.8; }
body.single-graduate_education:not(.single-training-course) .acc-grid{ display:grid; grid-template-columns:1fr; gap:24px; margin:8px 0 4px; }
@media (min-width:900px){
  body.single-graduate_education:not(.single-training-course) .acc-grid{ grid-template-columns:1fr 1fr; column-gap:32px; }
}
body.single-graduate_education:not(.single-training-course) .acc-sub{ font-size:16px; font-weight:700; color:#222; margin:10px 0 8px; }
body.single-graduate_education:not(.single-training-course) .acc-rich{ color:#333; line-height:1.8; }
body.single-graduate_education:not(.single-training-course) .acc-rich ul,
body.single-graduate_education:not(.single-training-course) .acc-rich ul.acc-bullets{
  list-style:disc; margin:0 0 12px 20px; padding:0;
}
body.single-graduate_education:not(.single-training-course) .acc-rich li{ margin:6px 0; line-height:1.7; }
body.single-graduate_education:not(.single-training-course) .acc-rich li::marker{ color:#17488a; font-weight:700; }

/* =========================
   6) CAREER SECTION (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .career-section{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; row-gap:16px;
  max-width:var(--content-max); margin:60px auto; padding:0 20px;
}
body.single-graduate_education:not(.single-training-course) .career-header{
  grid-column:1 / -1; text-align:left; padding:20px; margin:0;
}
body.single-graduate_education:not(.single-training-course) .career-item{ padding:20px; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.1); }
body.single-graduate_education:not(.single-training-course) .career-item.no-background{ background:transparent; box-shadow:none; }
body.single-graduate_education:not(.single-training-course) .career-item.with-background{ background:#e6f0ff; }
body.single-graduate_education:not(.single-training-course) .career-list{ list-style:none; padding-left:0; }
body.single-graduate_education:not(.single-training-course) .career-point{ display:flex; gap:10px; align-items:flex-start; line-height:1.7; font-size:16px; color:#34495e; margin-bottom:8px; }
body.single-graduate_education:not(.single-training-course) .career-point .check-icon{ width:18px; height:18px; flex:0 0 18px; margin-top:3px; }
body.single-graduate_education:not(.single-training-course) .career-salary strong{ font-weight:800; color:#000; }
body.single-graduate_education:not(.single-training-course) .career-block-title{ font-weight:800; color:#000; margin:14px 0 6px; font-size:18px; }

body.single-graduate_education:not(.single-training-course) .career-header .main-title{
  margin:0; font-weight:800; line-height:1.2;
}
/* (اختياري) لو عايز العنوان داخل كادر أبيض مثل الكروت */
body.single-graduate_education:not(.single-training-course) .career-header.card-like{
  background:#fff; border:1px solid #e5e9f2; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.05);
}

/* =========================
   7) CERTIFICATES (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .certificates-section{
  max-width:var(--content-max); width:min(var(--content-max),100%); margin:48px auto 24px; padding:0 20px;
}
body.single-graduate_education:not(.single-training-course) .cert-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
@media (max-width:1024px){ body.single-graduate_education:not(.single-training-course) .cert-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){  body.single-graduate_education:not(.single-training-course) .cert-grid{ grid-template-columns:1fr; } }
body.single-graduate_education:not(.single-training-course) .cert-card{
  background:#fff; border:1px solid #e5e9f2; border-radius:12px; padding:16px 18px;
  box-shadow:0 4px 12px rgba(0,0,0,.05); display:flex; flex-direction:column; height:100%;
}
body.single-graduate_education:not(.single-training-course) .cert-card h3{ font-size:18px; font-weight:800; color:#0e1b2a; margin:2px 0 8px; }
body.single-graduate_education:not(.single-training-course) .cert-img-wrap{ height:120px; display:flex; align-items:center; justify-content:flex-start; margin:8px 0 12px; }
body.single-graduate_education:not(.single-training-course) .cert-img-wrap img{ max-height:110px; width:auto; object-fit:contain; display:block; }
body.single-graduate_education:not(.single-training-course) .cert-info{ font-size:15px; line-height:1.75; color:#233142; margin-top:2px; flex:1 1 auto; }

/* =========================
   8) CAREER SERVICES (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .career-services{ background:#eaf2ff; padding:56px 0; }
body.single-graduate_education:not(.single-training-course) .career-services .cs-container{
  max-width:var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px;
  display:grid; grid-template-columns:1.25fr 1fr; gap:28px;
}
body.single-graduate_education:not(.single-training-course) .career-services .cs-title{
  font-size: clamp(24px, 3.2vw, 36px); font-weight:800; color:#0e1b2a; margin-bottom:14px;
}
body.single-graduate_education:not(.single-training-course) .career-services .cs-text{ font-size:16px; line-height:1.9; color:#233142; margin-bottom:18px; }
body.single-graduate_education:not(.single-training-course) .career-services .cs-link{ color:#1e5bd6; text-decoration:none; }
body.single-graduate_education:not(.single-training-course) .career-services .cs-image{
  width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 6px 24px rgba(0,0,0,.12);
}

/* =========================
   9) RAIL ALIGNMENT (محاذاة الحاويات)
   ========================= */
body.single-graduate_education:not(.single-training-course) .key-info-section,
body.single-graduate_education:not(.single-training-course) .career-section,
body.single-graduate_education:not(.single-training-course) #prog-study .prog-container,
body.single-graduate_education:not(.single-training-course) .modules-wrap,
body.single-graduate_education:not(.single-training-course) .certificates-section{
  max-width: var(--content-max);
  width: min(var(--content-max), 100%);
  margin-left: auto; margin-right: auto;
  padding-left: 0; padding-right: 0;
  box-sizing: border-box;
}

/* =========================
   10) MOBILE OVERRIDES
   ========================= */
@media (max-width: 768px){
  /* MAIN → single column (الحاوية الرئيسية موجودة في edu-hero-key.css) */
  body.single-graduate_education:not(.single-training-course) .program-sections{ margin:20px 0 40px; padding:0 16px; grid-template-columns:1fr; gap:20px; }
  body.single-graduate_education:not(.single-training-course) .app-info-card{ position:static; top:auto; }

  /* PROG STUDY + MODULES */
  body.single-graduate_education:not(.single-training-course) #prog-study{ margin:30px 0 10px; padding:0 16px; }
  body.single-graduate_education:not(.single-training-course) .modules-wrap{ width:calc(100% - 32px); margin:0 auto; padding:10px 12px; }

  /* CAREER SERVICES */
  body.single-graduate_education:not(.single-training-course) .career-services .cs-container{
    display:grid !important; grid-template-columns:1fr !important;
    gap:16px !important; padding:0 16px !important; margin:0 auto !important;
    max-width:var(--content-max) !important; width:min(var(--content-max),100%) !important;
  }
  body.single-graduate_education:not(.single-training-course) .career-services .cs-title{ font-size:28px !important; margin-bottom:12px !important; }

  /* Careers → force single column */
  body.single-graduate_education:not(.single-training-course) .career-section{
    display:grid !important; grid-template-columns:minmax(0, 1fr) !important;
    grid-auto-flow:row !important; row-gap:16px !important;
    padding:0 16px !important; margin:32px auto !important;
  }
  body.single-graduate_education:not(.single-training-course) .career-section > *{
    grid-column:1 / -1 !important; width:auto !important; max-width:100% !important; min-width:0 !important;
  }
}

/* =========================
   11) GLOBAL
   ========================= */
body.single-graduate_education:not(.single-training-course){ overflow-x:hidden; }

/* =========================
   12) MODALITÉS SECTION (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .modalites-section{
  background: linear-gradient(135deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue), #000 6%));
  padding: 38px 0;
}
body.single-graduate_education:not(.single-training-course) .modalites-container{
  max-width: var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px; box-sizing:border-box;
}
body.single-graduate_education:not(.single-training-course) .modalites-grid{
  display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:center;
}
@media (max-width: 900px){
  body.single-graduate_education:not(.single-training-course) .modalites-grid{ grid-template-columns:1fr; }
}
body.single-graduate_education:not(.single-training-course) .modalites-heading{ color:#fff; font-weight:800; margin:0 0 10px; }
body.single-graduate_education:not(.single-training-course) .modalites-rich{ color:#f1f5f9; font-size:16px; line-height:1.85; }
body.single-graduate_education:not(.single-training-course) .modalites-rich p{ margin:0 0 12px; }
body.single-graduate_education:not(.single-training-course) .modalites-img{
  width:100%; height:360px; object-fit:cover; display:block; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.18);
}
@media (max-width: 768px){
  body.single-graduate_education:not(.single-training-course) .modalites-img{ height:220px; }
}

/* =========================
   13) TUITION & FINANCING (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .tuition-section{ padding:44px 0 28px; background:#f7f9fc; }
body.single-graduate_education:not(.single-training-course) .tuition-container{
  max-width: var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px; box-sizing:border-box;
}
body.single-graduate_education:not(.single-training-course) .tuition-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; align-items:stretch;
}
@media (max-width:1024px){ body.single-graduate_education:not(.single-training-course) .tuition-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){  body.single-graduate_education:not(.single-training-course) .tuition-grid{ grid-template-columns:1fr; } }
body.single-graduate_education:not(.single-training-course) .tuition-card{
  background:#fff; border:1px solid #e5e9f2; border-radius:12px; padding:16px 18px;
  box-shadow:0 4px 12px rgba(0,0,0,.05); display:flex; flex-direction:column;
}
body.single-graduate_education:not(.single-training-course) .tuition-card-title{ font-size:18px; font-weight:800; color:#0e1b2a; margin:2px 0 8px; }
body.single-graduate_education:not(.single-training-course) .tuition-card-text{ font-size:15px; color:#233142; line-height:1.75; }
body.single-graduate_education:not(.single-training-course) .tuition-cta-wrap{ margin-top:12px; text-align:left; }
body.single-graduate_education:not(.single-training-course) .tuition-cta{
  display:inline-block; font-weight:700; font-size:14px; text-decoration:none; border-bottom:2px solid currentColor; padding-bottom:2px; color:#1e5bd6;
}
body.single-graduate_education:not(.single-training-course) .tuition-cta:hover{ opacity:.85; }

/* =========================
   14) SKILLS & DETAILS (خاصة بالقالب)
   ========================= */
body.single-graduate_education:not(.single-training-course) .skills-section{ margin:28px 0 10px; }
body.single-graduate_education:not(.single-training-course) .skills-cloud,
body.single-graduate_education:not(.single-training-course) .skills-cloud.grid-5{
  display:flex !important; flex-wrap:wrap !important; gap:12px 18px !important; align-items:flex-start;
  grid-template-columns:none !important;
}
body.single-graduate_education:not(.single-training-course) .skills-cloud .skill-cell{ min-width:0; display:block; }
body.single-graduate_education:not(.single-training-course) .skill-pill{
  display:inline-block; max-width:100%; padding:8px 12px; border-radius:8px;
  background:#eaf2ff; color:#0F1114; font-weight:600; font-size:14px; line-height:1.35;
  white-space:normal; word-break:break-word; overflow-wrap:anywhere;
}
body.single-graduate_education:not(.single-training-course) a.skills-all-link{
  display:inline-block; margin-top:8px; color:#1e5bd6; font-weight:600; text-decoration:none;
}
body.single-graduate_education:not(.single-training-course) a.skills-all-link:hover{ opacity:.9; }

body.single-graduate_education:not(.single-training-course) .details-section{ margin-top:28px; }
body.single-graduate_education:not(.single-training-course) .details-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body.single-graduate_education:not(.single-training-course) .detail-card{ display:flex; flex-direction:column; gap:6px; }
body.single-graduate_education:not(.single-training-course) .detail-icon{
  width:44px; height:44px; border-radius:10px; background:#eaf2ff;
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(0,0,0,.06);
}
.material-symbols-outlined.ms-icon{ font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; font-size:26px; line-height:1; color:#1F1F1F; }
body.single-graduate_education:not(.single-training-course) .detail-title{
  font-family:"Source Sans Pro", Arial, sans-serif; font-weight:600; font-size:16px; line-height:1.25; color:#0F1114; margin:6px 0 4px;
}
body.single-graduate_education:not(.single-training-course) .detail-text{
  font-family:"Source Sans Pro", Arial, sans-serif; font-weight:400; font-size:14px; line-height:1.6; color:#5B6780;
}
@media (max-width: 992px){
  body.single-graduate_education:not(.single-training-course) .details-grid{ grid-template-columns:1fr; }
  body.single-graduate_education:not(.single-training-course) .detail-card{ flex-direction:row; align-items:center; gap:12px; }
  body.single-graduate_education:not(.single-training-course) .detail-title{ margin:0; }
}

/* =========================
   TAX HERO parity for gategories-education (خاصة بالقالب)
   ========================= */
body.tax-gategories-education .hero-section.hero--edu{
  position:relative;
  background:linear-gradient(180deg,#17488a 0%,#1f5bb0 100%);
  color:#fff; min-height:520px; display:flex; align-items:center; overflow:hidden;
}
body.tax-gategories-education .hero-section.hero--edu::after{
  content:""; position:absolute; right:-20%; bottom:-30%;
  width:60vw; max-width:900px; height:120%;
  background:radial-gradient(120% 100% at 0% 50%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}
body.tax-gategories-education .hero-section .container.hero-inner{
  max-width:1345px; padding:56px 20px; display:grid; grid-template-columns:minmax(0,1fr);
}
@media (min-width:1024px){
  body.tax-gategories-education .hero-section .container.hero-inner{
    grid-template-columns:7fr 5fr; gap:32px; align-items:center;
  }
}
body.tax-gategories-education .hero-title{
  margin:0 0 12px; font-weight:800; font-size:clamp(32px,2.2vw + 1rem,56px); line-height:1.1; letter-spacing:-.3px; color:#fff; text-align:left;
}
body.tax-gategories-education .hero-description{
  color:#eef4ff; font-size:18px; line-height:1.6; margin:0; max-width:760px; text-align:left;
}
body.tax-gategories-education .edu-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin-top:32px;
}
body.tax-gategories-education .edu-card{
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
body.tax-gategories-education .edu-card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.08); }
body.tax-gategories-education .edu-card__media{ aspect-ratio:16/9; overflow:hidden; }
body.tax-gategories-education .edu-card__title{ font-size:18px; line-height:1.35; margin:0 0 8px; }
body.tax-gategories-education .edu-card__excerpt{ color:#555; font-size:14px; }

/* =========================
   HERO for courses-categories taxonomy (خاصة بالقالب)
   ========================= */
body.tax-courses-categories #eduTaxHero {
  --hero-min-h: 150px;
  --hero-pad-y: 18px;
  position: relative;
  background: #17488a;
  color: #fff;
  min-height: var(--hero-min-h);
  padding: var(--hero-pad-y) 0;
  overflow: hidden;
}
body.tax-courses-categories #eduTaxHero .eduTax-hero__inner {
  display: flex; align-items: center; justify-content: space-between; gap:16px;
}
body.tax-courses-categories #eduTaxHero .eduTax-hero__left { max-width: 60%; }
body.tax-courses-categories #eduTaxHero .eduTax-title {
  margin:0 0 8px; line-height:1.15; color:#fff;
  font-size:clamp(28px, 2.4vw, 42px); font-weight:800;
}
body.tax-courses-categories #eduTaxHero .eduTax-desc {
  margin:0; color:#eef4ff; max-width:640px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* =========================
   EXTRA: إخفاء عناصر ليست جزءًا من هذا القالب
   ========================= */
body.single-graduate_education:not(.single-training-course) .course-info,
body.single-graduate_education:not(.single-training-course) .info-course,
body.single-graduate_education:not(.single-training-course) .course-summary-section,
body.single-graduate_education:not(.single-training-course) .course-cta,
body.single-graduate_education:not(.single-training-course) .course-head .chev{ display:none !important; }