.nav-tabs, .topbar ul, ul.contact-info, ul.menu {
  list-style: none !important;
  padding-left: 0;
}

.node--view-mode-full p {
  margin-top: 0;
  margin-bottom: 10px;
}

body div.body-page {
  background-color: #fff;
}

.site-branding-logo {
  max-height: inherit;
}
.site-branding-logo img {
  max-height: 80px;
  width: auto;
}


:root {
  --blue: #4f72bf;
  --blue-dk: #2d4a8a;
  --blue-dkr: #3c609e;
  --blue-lt: #eef2fb;
  --blue-ltr: #f5f7fd;
  --amber: #e8872a;
  --amber-dk: #c96f18;
  --amber-lt: #fdf3e8;
  --cyan: #38bdf8;
  --red: #e5484d;
  --dark: #3c609e;
  --mid: #5a6a8a;
  --border: #dde3f0;
  --bg: #f5f7fd;
  --bg-alt: #eef2f9;
  --white: #ffffff;
  --shadow-sm: 0 1px 3px rgba(79, 114, 191, .10);
  --shadow-md: 0 4px 20px rgba(79, 114, 191, .12);
  --shadow-lg: 0 8px 40px rgba(79, 114, 191, .18);
  --font-ar: 'Cairo', Tahoma, sans-serif;
  --font-en: 'Lato', system-ui, sans-serif;
  --max-w: 1200px;
  --radius: 10px;
}

.org-tree-wrap .org-tree ul,
.org-tree-wrap .org-tree li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ════════════════════════════════════════
   ORGANIZATIONAL CHART (nested tree - scoped & !important)
════════════════════════════════════════ */
.org-tree-wrap {
  margin-top: 50px !important;
  overflow-x: auto !important;
  position: relative !important;
  cursor: grab !important;
  user-select: none !important;
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 30px 20px 20px !important;
  display: block !important;
}

.org-tree-wrap.dragging {
  cursor: grabbing !important;
}

.org-tree-wrap::before,
.org-tree-wrap::after {
  display: none !important;
}

.org-tree-wrap .org-tree {
  display: inline-block !important;
  min-width: 100% !important;
  width: auto !important;
}

.org-tree-wrap .org-tree ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 30px 0 0 !important;
  position: relative !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.org-tree-wrap .org-tree > ul {
  padding-top: 0 !important;
}

.org-tree-wrap .org-tree li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 30px 12px 0 !important;
  margin: 0 !important;
  position: relative !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

.org-tree-wrap .org-tree li::before,
.org-tree-wrap .org-tree li::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 50% !important;
  width: 50% !important;
  height: 30px !important;
  border-top: 2px dashed var(--blue) !important;
  box-sizing: border-box !important;
}

.org-tree-wrap .org-tree li::after {
  right: auto !important;
  left: 50% !important;
  border-left: 2px dashed var(--blue) !important;
  border-top: 2px dashed var(--blue) !important;
}

.org-tree-wrap .org-tree li:only-child::before,
.org-tree-wrap .org-tree li:only-child::after {
  display: none !important;
}

.org-tree-wrap .org-tree li:only-child {
  padding-top: 0 !important;
}

/* Trim the outer edges of each sibling row (RTL Default) */
.org-tree-wrap .org-tree li:last-child::before,
.org-tree-wrap .org-tree li:first-child::after {
  border-top: 0 none !important;
  border-left: 0 none !important;
  border-right: 0 none !important;
}

.org-tree-wrap .org-tree li:first-child::before {
  border-right: 2px dashed var(--blue) !important;
  border-top: 2px dashed var(--blue) !important;
  border-radius: 0 6px 0 0 !important;
}

.org-tree-wrap .org-tree li:last-child::after {
  border-left: 2px dashed var(--blue) !important;
  border-top: 2px dashed var(--blue) !important;
  border-radius: 6px 0 0 0 !important;
}

/* LTR Trimming Overrides (English) */
[dir="ltr"] .org-tree-wrap .org-tree li:first-child::before,
[dir="ltr"] .org-tree-wrap .org-tree li:last-child::after {
  border-top: 0 none !important;
  border-left: 0 none !important;
  border-right: 0 none !important;
}

[dir="ltr"] .org-tree-wrap .org-tree li:last-child::before,
[dir="ltr"] .org-tree-wrap .org-tree li:first-child::after {
  border-top: 2px dashed var(--blue) !important;
}

[dir="ltr"] .org-tree-wrap .org-tree li:first-child::after {
  border-left: 2px dashed var(--blue) !important;
  border-radius: 6px 0 0 0 !important;
}

[dir="ltr"] .org-tree-wrap .org-tree li:last-child::before {
  border-right: 2px dashed var(--blue) !important;
  border-radius: 0 6px 0 0 !important;
}

.org-tree-wrap .org-tree ul ul::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  border-left: 2px dashed var(--blue) !important;
  width: 0 !important;
  height: 30px !important;
}

.org-tree-wrap .org-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: white !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  color: var(--blue-dkr) !important;
  max-width: 190px !important;
  width: auto !important;
  min-width: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.org-tree-wrap .org-box i,
.org-tree-wrap .org-box svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}

.org-tree-wrap .org-box-l1 {
  background: var(--blue-dkr) !important;
  color: white !important;
  font-size: 15px !important;
  padding: 16px 26px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

.org-tree-wrap .org-box-l1 i { color: #fdd8a0 !important; }

.org-tree-wrap .org-box-l2 {
  background: var(--amber) !important;
  color: white !important;
  padding: 14px 22px !important;
  max-width: none !important;
  white-space: nowrap !important;
}

.org-tree-wrap .org-box-l3 {
  background: var(--blue) !important;
  color: white !important;
}

.org-tree-wrap .org-box-l4 {
  background: var(--blue-lt) !important;
  color: var(--blue-dkr) !important;
}

.org-tree-wrap .org-dept-card {
  display: inline-flex !important;
  flex-direction: column !important;
  background: var(--blue-lt) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  min-width: 175px !important;
  max-width: 210px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.org-tree-wrap .org-dept-head {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-weight: 800 !important;
  font-size: 13.5px !important;
  color: var(--blue-dkr) !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px dashed var(--border) !important;
  width: auto !important;
}

.org-tree-wrap .org-dept-head i,
.org-tree-wrap .org-dept-head svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
}

.org-tree-wrap .org-dept-units {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.org-tree-wrap .org-dept-unit {
  background: white !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--mid) !important;
}

@media (max-width: 640px) {
  .org-tree-wrap .org-box { font-size: 12.5px !important; padding: 10px 14px !important; max-width: 150px !important; }
  .org-tree-wrap .org-dept-card { min-width: 145px !important; max-width: 175px !important; padding: 10px 12px !important; }
}