/* === 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;
}

/* Fix: Amjad photo white strip — image is landscape (400×388 px).
   With object-fit:cover the full height renders, exposing white background.
   Show at natural size inside overflow:hidden figure, cropping white bottom. */
.elementor-widget-image-box .elementor-image-box-img:has(img.wp-image-2808) {
  height: 300px !important;
  overflow: hidden !important;
  position: relative !important;
}
.elementor-widget-image-box .elementor-image-box-img img.wp-image-2808 {
  object-fit: none !important;
  width: 400px !important;
  height: 388px !important;
  aspect-ratio: auto !important;
  max-width: none !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
}

/* Hide Astra page title on team page — Elementor handles its own heading */
.page-id-1309 .entry-header {
  display: none !important;
}

/* === Footer contrast & CTA fix — Iraq Gate Legal Consulting (added via Cowork) === */
.elementor-location-footer .elementor-heading-title{
  color:#C8A24A !important;
  letter-spacing:.4px;
}
.elementor-location-footer .elementor-widget-text-editor,
.elementor-location-footer .elementor-widget-text-editor p,
.elementor-location-footer .elementor-text-editor,
.elementor-location-footer p{ color:#FFFFFF !important; }
.elementor-location-footer .elementor-icon-list-text{
  color:#F3F3F3 !important; transition:color .2s ease;
}
.elementor-location-footer .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-location-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{
  color:#C8A24A !important;
}
.elementor-location-footer .elementor-icon-list-icon i,
.elementor-location-footer .elementor-icon-list-icon svg{
  color:#C8A24A !important; fill:#C8A24A !important;
}
.elementor-location-footer .elementor-social-icon{
  color:#FFFFFF !important; border:1px solid rgba(255,255,255,.4) !important;
  background-color:rgba(255,255,255,.06) !important;
}
.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg{ color:#FFFFFF !important; fill:#FFFFFF !important; }
.elementor-location-footer .elementor-social-icon:hover{ color:#C8A24A !important; border-color:#C8A24A !important; }
.elementor-location-footer .elementor-social-icon:hover i,
.elementor-location-footer .elementor-social-icon:hover svg{ color:#C8A24A !important; fill:#C8A24A !important; }
.elementor-location-footer input[type=email],
.elementor-location-footer input[type=text]{
  color:#FFFFFF !important; border-color:rgba(255,255,255,.55) !important;
}
.elementor-location-footer input::placeholder{ color:rgba(255,255,255,.7) !important; }
.elementor-location-footer .elementor-button{
  background-color:#C8A24A !important; border-color:#C8A24A !important; color:#0D1B2A !important;
}
.elementor-location-footer .elementor-button:hover{
  background-color:#D9B969 !important; border-color:#D9B969 !important; color:#0D1B2A !important;
}

/* IGC: Industries hero subtext readability */
.page-id-25 .elementor-element-f716985, .page-id-25 .elementor-element-f716985 p{color:#ffffff !important;}

/* IGC: blog post title visibility (Elementor single template) */
.elementor-location-single .elementor-element-3bfa6af .elementor-heading-title,.elementor-location-single .elementor-element-3bfa6af .elementor-heading-title a{-webkit-text-fill-color:#ffffff !important;background:none !important;color:#ffffff !important;text-shadow:0 2px 6px rgba(0,0,0,.5) !important;}

/* IGC: Insights guide page title visibility */
.elementor-element-8d42f63 .elementor-heading-title,.elementor-element-8d42f63 .elementor-heading-title a{-webkit-text-fill-color:#ffffff !important;background:none !important;color:#ffffff !important;text-shadow:0 2px 6px rgba(0,0,0,.5) !important;}

/* IGC: blog post template links (meta + related posts) */
.single .elementor-icon-list-item a,.single .elementor-post-info a,.single .elementor-post-info__item a{color:#0b2545 !important;}
.single .jp-relatedposts-post-title a{color:#0b2545 !important;}
.single .jp-relatedposts-post-title a:hover,.single .elementor-icon-list-item a:hover{color:#C9A227 !important;}

/* IGC: language switcher (GTranslate) brand color */
.gtranslate_wrapper a,.gt_switcher-popup.glink,.gt_languages a.glink,a.glink{color:#0b2545 !important;}
.gtranslate_wrapper a:hover,a.glink:hover{color:#C9A227 !important;}

/* IGC: clean blog post header (remove duplicate title + overlapping recent-posts) */
.single .elementor-element-6860b16c,.single .elementor-element-68deebb2{display:none !important;}

/* IGC: push blog article body below banner */
.single .igc-body{padding-top:120px !important;}

/* IGC: remove leftover Recent Posts box on blog posts */
.single .elementor-element-b8b5b7d{display:none !important;}
/* IGC: hero post meta readable on banner */
.single .elementor-element-79346765,.single .elementor-element-79346765 a,.single .elementor-element-79346765 .elementor-icon-list-text,.single .elementor-element-79346765 .elementor-icon-list-icon i,.single .elementor-element-79346765 svg{color:#ffffff !important;fill:#ffffff !important;}


/* Make article intro paragraph readable over header image (post 3030) */
.postid-3030 .elementor-widget-theme-post-content .wp-block-paragraph:first-child{color:#ffffff !important;}


/* === Iraq Gate visibility fix (site-wide) — added by Claude === */
.elementor-invisible{opacity:1 !important;visibility:visible !important;}
.elementor .e-con.e-parent [class*="gradienttext"].elementor-widget-heading .elementor-heading-title{background-image:linear-gradient(90deg,#14264a 0%,#2c4f86 40%,#e1a122 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:#14264a !important;}
/* === end Iraq Gate fix === */

/* IGLC contact icon fix */
.elementor-32 .elementor-widget-image-box .elementor-image-box-img{height:auto !important;width:auto !important;max-width:100% !important;}
.elementor-32 .elementor-widget-image-box .elementor-image-box-img img{height:64px !important;width:auto !important;max-width:100% !important;aspect-ratio:auto !important;object-fit:contain !important;object-position:center !important;display:block !important;margin:0 auto !important;border-radius:0 !important;}
.elementor-32 .elementor-widget-image-box .elementor-image-box-wrapper{flex-direction:column !important;align-items:center !important;}
.elementor-32 .elementor-widget-image-box .elementor-image-box-content{text-align:center !important;}
.elementor-32 .elementor-widget-image-box .elementor-image-box-title{color:#00204C !important;font-size:18px !important;margin:12px 0 4px !important;}


/* === Chatbot widget fix (added 2026-07-04) === */
/* 1. Hide duplicate chat widget injected at body level (the working copy lives in the Elementor footer template) */
body > #ig-cw { display: none !important; }

/* 2. Resize chat panel to a normal widget size */
#ig-cw-panel {
  width: 330px !important;
  max-height: min(480px, 70vh) !important;
}
#ig-cw-bubble { width: 56px !important; height: 56px !important; }
#ig-cw-bubble svg { width: 26px !important; height: 26px !important; }
#ig-cw-head { padding: 12px 14px !important; }
#ig-cw { font-size: 13px !important; }

/* 3. Normalize oversized quick-reply buttons and prevent horizontal overflow */
#ig-cw .ig-opt {
  font-size: 13px !important;
  padding: 9px 14px !important;
  white-space: normal !important;
  max-width: 100% !important;
  line-height: 1.35 !important;
}
#ig-cw-body { overflow-x: hidden !important; }


/* Fix: Team page bio panels — intro paragraph + non-linked expertise items were dark slate on navy, nearly invisible. Force white. */
.elementor-element-ce1f393,
.elementor-element-eb23919,
.elementor-element-005bb5d,
.elementor-element-00b19c0,
.elementor-element-00cc49d,
.elementor-element-0055c85,
.elementor-element-00864fc {
  color: #ffffff !important;
}


/* Fix: Team page bio panels — "Areas of Expertise" label was gold; make it white per request. */
.elementor-element-c65d687,
.elementor-element-3044ada,
.elementor-element-006c6e0,
.elementor-element-008991e,
.elementor-element-00dae91,
.elementor-element-014700f,
.elementor-element-01079a8 {
  color: #ffffff !important;
}


/* Fix: Team page bio panels — "Areas of Expertise" list wording (.elementor-icon-list-text) had its own explicit dark-slate color rule that beat the panel-level white override, for both plain and hyperlinked items. Force white. */
.elementor-element-ce1f393 .elementor-icon-list-text,
.elementor-element-eb23919 .elementor-icon-list-text,
.elementor-element-005bb5d .elementor-icon-list-text,
.elementor-element-00b19c0 .elementor-icon-list-text,
.elementor-element-00cc49d .elementor-icon-list-text,
.elementor-element-0055c85 .elementor-icon-list-text,
.elementor-element-00864fc .elementor-icon-list-text {
  color: #ffffff !important;
}