.elementor-864 .elementor-element.elementor-element-786484e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:50px 50px 50px 50px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-864 .elementor-element.elementor-element-f8aba3b{--display:flex;--min-height:400px;--justify-content:center;--overlay-opacity:0.7;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-864 .elementor-element.elementor-element-f8aba3b:not(.elementor-motion-effects-element-type-background), .elementor-864 .elementor-element.elementor-element-f8aba3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AAAAAA;}.elementor-864 .elementor-element.elementor-element-f8aba3b::before, .elementor-864 .elementor-element.elementor-element-f8aba3b > .elementor-background-video-container::before, .elementor-864 .elementor-element.elementor-element-f8aba3b > .e-con-inner > .elementor-background-video-container::before, .elementor-864 .elementor-element.elementor-element-f8aba3b > .elementor-background-slideshow::before, .elementor-864 .elementor-element.elementor-element-f8aba3b > .e-con-inner > .elementor-background-slideshow::before, .elementor-864 .elementor-element.elementor-element-f8aba3b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(74deg, #640000 10%, #B3B3B3 100%);}.elementor-864 .elementor-element.elementor-element-0cff9f0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-864 .elementor-element.elementor-element-eb4b887{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-864 .elementor-element.elementor-element-99a4ddb .elementor-heading-title{font-family:"Alexandria", Sans-serif;font-size:3em;font-weight:700;line-height:1.1em;color:var( --e-global-color-astglobalcolor4 );}.elementor-864 .elementor-element.elementor-element-6806f96{--display:flex;}.elementor-864 .elementor-element.elementor-element-df1e076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-864 .elementor-element.elementor-element-9fcef5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}@media(max-width:767px){.elementor-864 .elementor-element.elementor-element-0cff9f0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-864 .elementor-element.elementor-element-eb4b887{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-864 .elementor-element.elementor-element-99a4ddb .elementor-heading-title{font-size:2em;}.elementor-864 .elementor-element.elementor-element-df1e076{--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-864 .elementor-element.elementor-element-9fcef5a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-864 .elementor-element.elementor-element-0cff9f0{--content-width:1500px;}}/* Start custom CSS for shortcode, class: .elementor-element-d5e2f8c *//* =========================
   FUBIZO Filters — Pill UI
   ========================= */

.fubizo-insights-filters{
  --pill-bg: #f2f2f2;
  --pill-border: transparent;
  --pill-text: #111;
  --label: #111;
  --muted: rgba(0,0,0,.55);
  --radius: 999px;
  --padY: 14px;
  --padX: 18px;
  --gap: 18px;
}

/* Layout: 2 columns like your screenshot */
.fubizo-insights-filters{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gap);
  align-items: end;
}

/* First row: 3 selects */
.fubizo-filter:has(#fubizo_focus_area){
  grid-column: span 4;
}

.fubizo-filter:has(#fubizo_decision_stage){
  grid-column: span 4;
}

.fubizo-filter:has(#fubizo_region){
  grid-column: span 4;
}

/* Role spans full width */
.fubizo-filter-roles{
  grid-column: 1 / -1;
}

/* Clear button full width */
.fubizo-clear{
  grid-column: 1 / -1;
}

/* Make each filter block stack label + field */
.fubizo-insights-filters .fubizo-filter{
  display: grid;
  gap: 10px;
}

/* Labels */
.fubizo-insights-filters label,
.fubizo-insights-filters .fubizo-label{
  font-weight: 600;
  color: var(--label);
  font-size: 14px;
  line-height: 1.2;
}

/* Select & input pill styling */
.fubizo-insights-filters select,
.fubizo-insights-filters input[type="text"],
.fubizo-insights-filters input[type="search"]{
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--pill-border);
  background: var(--pill-bg);
  color: var(--pill-text);
  border-radius: var(--radius);
  padding: var(--padY) calc(var(--padX) + 28px) var(--padY) var(--padX);
  font-size: 15px;
  line-height: 1.2;
  outline: none;
  box-shadow: none;
}

/* Dropdown arrow */
.fubizo-insights-filters .fubizo-filter{
  position: relative;
}
.fubizo-insights-filters .fubizo-filter select{
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(0,0,0,.55) 50%),
    linear-gradient(135deg, rgba(0,0,0,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Focus state */
.fubizo-insights-filters select:focus,
.fubizo-insights-filters input[type="text"]:focus{
  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
}

/* Make Role block span full width (optional) */
.fubizo-insights-filters .fubizo-filter-roles{
  grid-column: 1 / -1;
}

/* Role checkboxes -> pill chips */
.fubizo-role-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.fubizo-role{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--pill-bg);
  border-radius: var(--radius);
  padding: 10px 14px;
  cursor: pointer;
  user-select: none;
}

/* Hide default checkbox */
.fubizo-role input[type="checkbox"]{
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}

/* Chip text */
.fubizo-role span{
  font-size: 14px;
  color: rgba(0,0,0,.75);
  white-space: nowrap;
}

/* Selected chip state */
.fubizo-role input[type="checkbox"]:checked + span{
  color: #111;
  font-weight: 600;
}

/* Add a subtle selected indicator (optional) */
.fubizo-role input[type="checkbox"]:checked + span::before{
  content: "✓";
  display: inline-block;
  margin-right: 8px;
  opacity: .8;
}

/* Clear button styling */
.fubizo-clear{
  grid-column: 1 / -1;
  justify-self: start;

  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  background: #111;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.fubizo-clear:hover{ opacity: .92; }

/* Mobile: stack into one column */
@media (max-width: 767px){
  .fubizo-insights-filters{
    grid-template-columns: 1fr;
  }
  .fubizo-insights-filters .fubizo-filter-roles{
    grid-column: auto;
  }
}

/* Fix clipped text inside pill selects */
.fubizo-insights-filters select{
  line-height: 1.4;          /* was too tight */
  padding-top: 16px;
  padding-bottom: 16px;
  min-height: 52px;          /* ensures full text box */
}

/* Safari / Chrome vertical alignment fix */
.fubizo-insights-filters select{
  display: flex;
  align-items: center;
}

/* Clear button – brand red, max radius */
.fubizo-clear{
  background: #E50000 !important;
  border-radius: 999px !important;
  color: #fff !important;
}

/* Hover / active states */
.fubizo-clear:hover{
  opacity: 0.9;
}

.fubizo-clear:active{
  transform: translateY(1px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9d61142 *//* ===== FUBIZO Insights Grid Layout ===== */
#fubizo-insights-grid .fubizo-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch;
}

@media (max-width: 1024px){
  #fubizo-insights-grid .fubizo-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px){
  #fubizo-insights-grid .fubizo-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* Remove wrapper spacing that can cause "fake gaps" */
#fubizo-insights-grid .fubizo-loop-item{
  margin: 0 !important;
  padding: 0 !important;
}

/* Optional loading state */
[data-fubizo-gridwrap].is-loading{
  opacity: 0.6;
  pointer-events: none;
}/* End custom CSS */