/* ==========================================================================
   MJC Phase 5.2 — «عن الكلية» pages (MJC Content – About / Vision & Mission / Dean / Strategic Plan / Org Structure / Board)
   ========================================================================== */

/* section titles with a short gold line */
.mjc-abh .elementor-heading-title::after{content:"";display:block;width:46px;height:3px;border-radius:2px;margin-top:12px;background:var(--mjc-gold)}
.mjc-ab .mjc-about-vis{position:relative;background:var(--mjc-ink)}

/* number chip (about cards) */
.mjc-numchip .elementor-heading-title{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:6px;background:#f4ecdf;direction:ltr}

/* vision / mission */
.e-con.mjc-vm-ic{background:#183f3f0f}
.e-con.mjc-vm-ic--dk{background:#ffffff14}
.e-con.mjc-vm{border-bottom:3px solid var(--mjc-gold)}

/* values */
.mjc-diamond .elementor-heading-title{position:relative;z-index:0;display:grid;place-items:center;width:32px;height:32px;color:#fff}
.mjc-diamond .elementor-heading-title::before{content:"";position:absolute;inset:4px;z-index:-1;transform:rotate(45deg);border-radius:4px;background:var(--mjc-ink)}

/* goals (vision page) */
.e-con.mjc-goal-ic{position:relative}
.mjc-goal-n{position:absolute!important;bottom:-4px;inset-inline-start:-4px;width:auto!important}
.mjc-goal-n .elementor-heading-title{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mjc-gold)}
.mjc-dots ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mjc-dots li{position:relative;padding-inline-start:20px}
.mjc-dots li::before{content:"";position:absolute;inset-inline-start:2px;top:.8em;width:7px;height:7px;border-radius:50%;background:var(--mjc-gold)}

/* strategy axes */
.e-con.mjc-axis{border-bottom:3px solid var(--mjc-gold)}
.mjc-axis-n .elementor-heading-title{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #e0b78580}

/* dean / chair word */
.mjc-cw-photo img{box-shadow:0 10px 30px #10323222;object-position:center top}

/* ---------------- org chart ---------------- */
.mjc-ob .elementor-heading-title{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:6px;border:1.5px solid var(--mjc-ink);background:#fff;color:var(--mjc-ink)}
.mjc-ob--d .elementor-heading-title{background:var(--mjc-ink);color:#fff}
.mjc-ob--s .elementor-heading-title{min-height:36px;padding:6px 10px;font-size:12.5px}
.mjc-ob--g .elementor-heading-title{min-height:34px;padding:6px 10px;font-size:12px;background:var(--mjc-gold);border-color:var(--mjc-gold);color:#fff}
.mjc-org .elementor-widget.mjc-ob,.mjc-org .e-con{position:relative}

/* chain: vertical connectors */
.e-con.mjc-org-chain>.mjc-ob{width:280px;max-width:100%}
.e-con.mjc-org-chain>.elementor-element:not(:first-child)::before{content:"";position:absolute;left:50%;top:-22px;height:22px;border-left:2px solid var(--mjc-ink)}
.e-con.mjc-org-row3::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid var(--mjc-ink);z-index:0}
.e-con.mjc-org-row3>*{position:relative;z-index:1}
.e-con.mjc-org-row3::before{display:none}
.e-con.mjc-org-chain>.mjc-org-row3::before{display:block;content:"";position:absolute;left:50%;top:-22px;height:22px;border-left:2px solid var(--mjc-ink)}

/* dean staff: spine + stubs */
.e-con.mjc-org-staff{position:relative;padding:8px 0}
.e-con.mjc-org-staff::before{content:"";position:absolute;left:50%;top:-22px;bottom:-34px;border-left:2px solid var(--mjc-ink)}
.e-con.mjc-org-staff>*:nth-child(odd)::after,.e-con.mjc-org-staff>*:nth-child(even)::after{content:"";position:absolute;top:50%;width:30px;border-top:2px solid var(--mjc-ink)}
.e-con.mjc-org-staff>*:nth-child(odd)::after{inset-inline-end:-30px}
.e-con.mjc-org-staff>*:nth-child(even)::after{inset-inline-start:-30px}
.e-con.mjc-org-pair>.mjc-ob:first-child{flex:1 1 0}
.e-con.mjc-org-pair>.mjc-ob--s{flex:0 0 auto}

/* branches: bus + drops */
.e-con.mjc-org-br{position:relative}
.e-con.mjc-org-br::before{content:"";position:absolute;top:-14px;bottom:auto;left:12.5%;right:auto;width:75%;height:0;border-top:2px solid var(--mjc-ink)}
.e-con.mjc-org-branch>.mjc-ob--d::before{content:"";position:absolute;left:50%;top:-16px;height:16px;border-left:2px solid var(--mjc-ink)}
.e-con.mjc-org-kids{padding-inline-start:14px;margin-inline-start:10px;border-inline-start:2px solid #b7c4c1}
.e-con.mjc-org-kids>*::after{content:"";position:absolute;top:18px;inset-inline-start:-16px;width:14px;border-top:2px solid #b7c4c1}
.e-con.mjc-org-gk{padding-inline-start:16px}
.e-con.mjc-org-kids>.mjc-org-gk::after{display:none}

.mjc-org-lg .elementor-heading-title{display:inline-flex;align-items:center;gap:8px}
.mjc-org-lg .elementor-heading-title::before{content:"";width:14px;height:14px;border-radius:3px;border:1.5px solid var(--mjc-ink);background:#fff}
.mjc-org-lg--d .elementor-heading-title::before{background:var(--mjc-ink)}
.mjc-org-lg--g .elementor-heading-title::before{background:var(--mjc-gold);border-color:var(--mjc-gold)}

@media (max-width:850px){
  .e-con.mjc-org-br::before,.e-con.mjc-org-branch>.mjc-ob--d::before{display:none}
  .e-con.mjc-org-staff::before{bottom:0}
}
@media (max-width:600px){
  .e-con.mjc-org-row3::after{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:2px solid var(--mjc-ink)}
  .e-con.mjc-org-staff::before,.e-con.mjc-org-staff>*::after{display:none!important}
  .e-con.mjc-org-staff{padding:0}
}

/* sidebar label: pages with a Loop Grid print Elementor's default heading typography after the theme CSS — keep the label small */
.e-con.mjc-side .mjc-side-label .elementor-heading-title{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.3px}