/* === Iraq Gate — Team Page v3 (final) === */

/* Fix 1: Remove fadeInUp animations so cards render immediately */
.elementor-element-7a4e9c1,
.elementor-element-100b699 {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Fix 2: All Image Box images — zero out wrapper margin, force portrait */
.elementor-widget-image-box .elementor-image-box-img {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}
.elementor-widget-image-box .elementor-image-box-img img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 0 !important;
  display: block !important;
}
.elementor-widget-image-box .elementor-image-box-wrapper {
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Fix 3a: Mohammed + Jaafar row containers — side-by-side (image | content) */
.elementor-element-7a4e9c1,
.elementor-element-100b699 {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

/* Fix 3b: Featured attorney image card — fixed portrait width */
.elementor-element-c8debea,
.elementor-element-a851a97 {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 260px !important;
  max-width: 340px !important;
  padding: 0 !important;
}

/* Fix 3c: Content companion panels fill remaining width */
.elementor-element-ce1f393,
.elementor-element-eb23919 {
  flex: 1 1 400px !important;
  min-width: 280px !important;
}

/* Fix 3d: 5-member row — allow wrapping + larger columns */
.elementor-element-8f4502b {
  flex-wrap: wrap !important;
  gap: 16px !important;
}
.elementor-element-350c964,
.elementor-element-042bd78,
.elementor-element-04ab24f,
.elementor-element-f25ad54,
.elementor-element-3622c42 {
  flex: 1 1 180px !important;
  min-width: 180px !important;
  max-width: 220px !important;
}

/* Fix 3e: Remove 30px Elementor padding from 5-member inner cards so images fill full width */
.elementor-element-b06dfa4,
.elementor-element-a710de6,
.elementor-element-70119c3,
.elementor-element-01405cf,
.elementor-element-f722459 {
  padding: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Fix 4: Member name — white serif, readable at small card size */
.elementor-widget-image-box .elementor-image-box-title {
  font-size: 15px !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 12px 12px 4px !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

/* Fix 5: Role/title — gold small caps */
.elementor-widget-image-box .elementor-image-box-description {
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #C9A84C !important;
  font-family: Arial, sans-serif !important;
  margin: 0 12px 12px !important;
}

/* Fix 6: Featured cards — dark navy + gold border */
.elementor-element-c8debea,
.elementor-element-a851a97 {
  background-color: #0D2150 !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* Fix 7: 5-member cards — consistent dark card treatment */
.elementor-element-b06dfa4,
.elementor-element-a710de6,
.elementor-element-70119c3,
.elementor-element-01405cf,
.elementor-element-f722459 {
  background-color: #0D2150 !important;
  border: 1px solid rgba(201,168,76,0.15) !important;
  border-radius: 4px !important;
}

/* Fix 8: Restore full colour on all team photos (Elementor had saturate(0) set) */
.elementor-widget-image-box .elementor-image-box-img img {
  filter: none !important;
  -webkit-filter: none !important;
}













/* Fix 9: Outer columns — flex-start stops row-height stretch; bio text remains visible */
.elementor-element-350c964,
.elementor-element-042bd78,
.elementor-element-04ab24f,
.elementor-element-f25ad54,
.elementor-element-3622c42 {
  align-self: flex-start !important;
  min-height: 0 !important;
}

/* Fix 9b: Inner cards — no collapse, keep rounding */
.elementor-element-b06dfa4,
.elementor-element-a710de6,
.elementor-element-70119c3,
.elementor-element-01405cf,
.elementor-element-f722459 {
  flex-shrink: 0 !important;
  border-radius: 6px !important;
}

/* Fix 9c: Zero widget-wrap padding */
.elementor-element-b06dfa4 .elementor-widget-wrap,
.elementor-element-a710de6 .elementor-widget-wrap,
.elementor-element-70119c3 .elementor-widget-wrap,
.elementor-element-01405cf .elementor-widget-wrap,
.elementor-element-f722459 .elementor-widget-wrap {
  padding: 0 !important;
}

/* Fix 10: Photo column backgrounds for 5 member blocks — match Jaafar navy */
.elementor-element-0021e79,
.elementor-element-006f1c6,
.elementor-element-0052847,
.elementor-element-00d7a63,
.elementor-element-00d321b {
  background-color: #0d2150 !important;
}

/* Fix 11: Inner row flex layout for 5 member blocks — match Jaafar row */
.elementor-element-00bd87b,
.elementor-element-01126e3,
.elementor-element-00c89c5,
.elementor-element-00761ff,
.elementor-element-0064c6e {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 40px !important;
}
/* Fix 11b: Photo column width */
.elementor-element-0021e79,
.elementor-element-006f1c6,
.elementor-element-0052847,
.elementor-element-00d7a63,
.elementor-element-00d321b {
  width: 300px !important;
  flex-shrink: 0 !important;
}
/* Fix 11c: Bio column fills remaining space */
.elementor-element-005bb5d,
.elementor-element-006f1c6 ~ .e-con,
.elementor-element-00bd87b > .e-con:last-child,
.elementor-element-01126e3 > .e-con:last-child,
.elementor-element-00c89c5 > .e-con:last-child,
.elementor-element-00761ff > .e-con:last-child,
.elementor-element-0064c6e > .e-con:last-child {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}