.wi_grid_container {
  width: 100%;
  max-width: 1600px;
  margin-top: 1rem;
  /* Block themes: parent flex rows + `min-width:auto` can shrink the grid to one narrow track. */
  min-width: 0;
  box-sizing: border-box;
}

/*
 * Container queries must live on an ancestor of `.wi_grid_wrapper` (CQ styles only apply to descendants).
 * This host is width:100% of the real column (footer/sidebar), not the outer `.wi_grid_container` which
 * can span the full content area — fixes narrow multi-column on Blocksy/footers.
 */
.wi_grid_cq {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  container-type: inline-size;
  container-name: wigrid;
}

.is-layout-flex > .wi-sc-hosted,
.is-layout-flex > .wi_grid_container {
  flex: 1 1 100%;
  min-width: 0;
}

/*
 * FSE / block themes: `.is-layout-constrained` caps children to `--wp--style--global--content-size` (~645px).
 * Viewport-centred breakout (same idea as Thrive) so grids are not stuck to form/content width.
 * Content only — template parts (footer/header/sidebar) intentionally excluded so footer `[wi_grid]` does NOT
 * blow up page width on mobile. The footer grid stays inside its theme-given column (see template-part override below).
 */
@media (min-width: 601px) {
  .wp-site-blocks .is-layout-constrained .wi_grid_container {
    max-width: min(100vw - 32px, var(--wp--style--global--wide-size, 1340px)) !important;
    width: min(100vw - 32px, var(--wp--style--global--wide-size, 1340px));
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
  }
}

/*
 * Content columns: never breakout to viewport width.
 * Fill exactly the given column width and keep centering transforms disabled.
 */
.wp-site-blocks .wp-block-columns .wp-block-column .wi_grid_container,
.wp-site-blocks .wp-block-column .wi_grid_container,
.wp-block-columns .wp-block-column .wi_grid_container {
  max-width: 100% !important;
  width: 100% !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*
 * Template parts (footer / header / sidebar): grid stays strictly inside the part's own column.
 * Never break out to 100vw / wide-size — that was inflating page width on mobile (themes with 100vw footers
 * + negative margins caused horizontal scroll on phones). The grid fills the space the theme gives it; card
 * count is driven by container queries + the min-track rule further down.
 * !important + extra-specific selector overrides the `.is-layout-constrained` breakout when a template part
 * happens to be layout-constrained too (Blocksy / TT5 variations).
 */
.wp-block-template-part .wi_grid_container,
.wp-site-blocks .wp-block-template-part .wi_grid_container,
.wp-site-blocks .wp-block-template-part.is-layout-constrained .wi_grid_container {
  max-width: 100% !important;
  width: 100% !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
 * Thrive Architect / Theme Builder: the grid often sits inside a narrow `.tve-cb-col` flex cell (~300–400px).
 * `repeat(auto-fit, minmax(270px, 1fr))` can resolve to a single track in a narrow flex cell. Break out to viewport width (capped)
 * so multiple columns can render, same intent as the FSE constrained-content rule above.
 * Scoped to >=601px so small phones avoid extra horizontal overflow from vw + centering.
 */
@media (min-width: 601px) {
  .tve .wi_grid_container,
  .thrv-page-section .wi_grid_container,
  .tcb-post-content .wi_grid_container {
    max-width: min(100vw - 32px, 1400px) !important;
    width: min(100vw - 32px, 1400px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
  }
}

/* Thrive/Oxygen columns: same rule as WP columns, keep inside assigned column width. */
.tve .tve-cb-col .wi_grid_container,
.thrv-page-section .tve-cb-col .wi_grid_container,
.ct_inner_content .wi_grid_container {
  max-width: 100% !important;
  width: 100% !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wi-filter-wrap,
.wi-filter-wrap * {
  box-sizing: border-box;
}

.wi_grid_wrapper {
  --wi-grid-card-min: 270px;
  --wi-grid-card-max: 360px;
  padding: 10px 10px 12px 10px;
  width: 100%;
  max-width: 100% !important;
  border-radius: 15px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--wi-grid-card-min), 100%), 1fr));
  justify-content: stretch;
  row-gap: 15px;
  column-gap: 15px;
  margin: 20px 0 0;
  /* background: var(--wp--preset--color--accent-5) !important; */
}

/* When embedded in columns, the inner grid should also obey column width fully. */
.wp-block-column .wi_grid_wrapper,
.tve-cb-col .wi_grid_wrapper {
  max-width: 100% !important;
}

@container wigrid (max-width: 620px) {
  .wi_grid_wrapper {
    --wi-grid-card-min: 300px;
    --wi-grid-card-max: 420px;
  }
}

@container wigrid (min-width: 621px) and (max-width: 980px) {
  .wi_grid_wrapper {
    --wi-grid-card-min: 280px;
    --wi-grid-card-max: 390px;
  }
}

@container wigrid (min-width: 981px) {
  .wi_grid_wrapper {
    --wi-grid-card-min: 250px;
    --wi-grid-card-max: 360px;
  }
}

.wi_grid_desc_wrap {
  padding: 18px 10px;
  width: 100%;
  box-sizing: border-box !important;
}
.wi_grid_wrapper .wi_grid_icon_para {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  margin: 5px 0;
  padding-top: 0 !important;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a));
}
.wi_grid_wrapper .wi_grid_icon_para p,
.wi_grid_wrapper .wi_grid_icon_para span {
  color: inherit;
  min-width: 0;
  word-break: normal;
  overflow-wrap: break-word;
}
.wi_grid_wrapper .wi_grid_icon_para svg {
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #333));
  background-color: var(--wi-fse-surface-bg, var(--wp--preset--color--base, #f0f0f0));
  border-radius: 15px;
  padding: 2px;
  transition: color 400ms ease, background-color 400ms ease;
}

.wi_grid_wrapper .wi_grid_icon_para svg:hover {
  background-color: var(--wi-fse-cta-fill, var(--wp--preset--color--primary, #e64f1d));
  color: var(--wi-fse-cta-text, #ffffff);
  cursor: pointer;
}
/*
 * Mobile layout: keep the base `minmax(min(270px, 100%), 1fr)` auto-fit formula — it already collapses to
 * a single track when the container is narrower than ~270px, so we do NOT forcibly set 1fr here. That
 * forced override was breaking 2-up on tablet / narrow-desktop widths 640–767px where the content column
 * is still 600–730px wide (two 300px cards fit comfortably). Phones ≤ 460px still go 1fr via the rule below.
 */
@media only screen and (max-width: 767px) {
  .wi_grid_wrapper {
    padding: 10px 10px 13px 10px;
    margin: 0px 0px;
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 100% !important;
  }
}

/*
 * Footer / header / sidebar grids (FSE template parts): "fill the space you get".
 * Desktop: `minmax(min(180px, 100%), 1fr)` → as soon as the template-part column ≥ ~375px, two tracks fit
 *   (2×180 + 15px gap) → 2 columns instead of one oversized card. Narrower footer columns fall to 1 column
 *   automatically via `min(180px, 100%)` — no forced `1fr` that would also trigger on phones.
 * Mobile: hard `1fr` (beats the container-query desktop rule via !important + max-width:767px) so phones
 *   always show a single column, independent of template-part width or theme column settings.
 */
.wp-block-template-part .wi_grid_wrapper {
  --wi-grid-card-min: 260px;
  --wi-grid-card-max: 360px;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--wi-grid-card-min), 100%), 1fr));
}
@media only screen and (max-width: 767px) {
  .wp-block-template-part .wi_grid_wrapper {
    grid-template-columns: 1fr !important;
  }
}

.wi_grid_webinar {
  color: var(--wi-fse-neutral-text, #000);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: var(--wi-grid-card-max);
  justify-self: center;
  background: var(--wi-fse-surface-bg, #fff);
  padding: 9px 9px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow:  
  0 2px 6px rgba(0, 0, 0, 0.06),    /* Subtle base */
  0 6px 16px rgba(0, 0, 0, 0.10),   /* Medium depth */
  0 12px 24px rgba(0, 0, 0, 0.12); 
  border: 0.1px solid color-mix(in srgb, var(--wi-fse-neutral-text, #000) 18%, transparent);
}
.wi_grid_webinar:hover {
  box-shadow:  
  0 4px 10px rgba(0, 0, 0, 0.08),
    0 10px 24px rgba(0, 0, 1, 0.14),
    0 16px 32px rgba(0, 0, 0, 0.16);
}

.wi_grid_cta {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  object-fit: 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.wi_grid_cta iframe {
  max-width: 100%;
  max-height: 200px !important;
  margin-top: -52px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.wi_grid_cta_content {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  height: 200px;
  background: #00000000;
  padding: 7px;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.wi_grid_webinar h2 {
  text-align: left;
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 17px;
  /* color: #e64f1d; */
  line-height: 1.3;
  margin-top: 0px;
  height: calc(1.4em * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(
    --wi-fse-heading-text,
    var(--wi-fse-neutral-text, var(--wp--preset--color--black, #1a1a1a))
  );
}

.wi_grid_cta_time {
  font-size: 15px;
  font-weight: 500;
  color: inherit;
}

p.wi_grid_sub_desc {
  margin-top: 7px;
  font-size: 0.8em;
  color: color-mix(in srgb, var(--wi-fse-neutral-text, #1a1a1a) 78%, transparent);
  text-overflow: ellipsis;
  overflow: hidden;
  height: calc(1.6em * 1.9);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0px;
  padding-top: 0 !important;
}
p.wi_grid_cta_time {
  background-color: color-mix(in srgb, var(--wi-fse-neutral-text, #1a1a1a) 8%, var(--wi-fse-surface-bg, #f2f2f2));
  color: var(--wi-fse-neutral-text, #1a1a1a);
  width: 100%;
}

.wi_grid_cta_social_desc {
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--wi-fse-neutral-text, #1a1a1a) 72%, transparent);
  min-height: 40px;
}

/* Not .wp-block-button — avoids Astra / theme global block-button CSS on grid CTAs */
.wi-grid-cta-wrap {
  display: block;
  width: 100%;
}

.wi_grid_cta_btn {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  --wi-fse-cta-rim: color-mix(
    in srgb,
    var(--wi-fse-surface-bg, var(--wp--preset--color--base, #ffffff)) 80%,
    var(
      --wi-fse-on-light-chrome-text,
      var(--wp--preset--color--contrast, #1a1a1a)
    ) 20%
  );
  font-size: var(
    --wp--preset--font-size--medium,
    var(--wp--preset--font-size--small, 1rem)
  );
  font-weight: 600;
  line-height: 1.35;
  min-height: var(--wp--preset--spacing--50, 3rem);
  padding: 0.875rem 3.25rem !important;
  border-radius: 10px;
  border: 1px solid var(--wi-fse-cta-rim);
  cursor: pointer;
  box-sizing: border-box;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    filter 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
  /* Solid shorthand beats theme `background: linear-gradient(...) !important` (Astra, etc.) */
  background: var(--wi-fse-cta-fill, var(--wp--preset--color--contrast, #111111)) !important;
  color: var(--wi-fse-cta-text, #ffffff) !important;
  position: relative;
  overflow: hidden;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}
/* Arrow strip — match reg CTA strength */
.wi_grid_cta_btn::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 3.65rem;
  height: 100%;
  background-image: url(../../inc/lp/images/arrows2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 112%;
  filter: brightness(0) invert(1) contrast(1.2) drop-shadow(0 0 1px rgba(255, 255, 255, 0.65));
  pointer-events: none;
  transition: filter 0.2s ease, transform 0.2s ease;
}

/* Classic themes (Astra, etc.): .entry-content a + gradient text + background !important — TT25 bridge + beat theme */
body .wi_grid_container .wi_grid_webinar a.wi_grid_cta_btn,
body .wi_grid_container .wi_grid_webinar a.wi_grid_cta_btn:link,
body .wi_grid_container .wi_grid_webinar a.wi_grid_cta_btn:visited,
.entry-content .wi_grid_container a.wi_grid_cta_btn,
.entry-content .wi_grid_container a.wi_grid_cta_btn:link,
.entry-content .wi_grid_container a.wi_grid_cta_btn:visited,
.wi_grid_container a.wi_grid_cta_btn,
.wi_grid_container a.wi_grid_cta_btn:link,
.wi_grid_container a.wi_grid_cta_btn:visited {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--wi-fse-cta-fill, #1a1a1a) !important;
  color: var(--wi-fse-cta-text, #ffffff) !important;
  -webkit-text-fill-color: var(--wi-fse-cta-text, #ffffff) !important;
  /* border-box: avoid theme `background-clip: text` on .entry-content a hiding ink */
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 1 !important;
}

.wi_grid_container a.wi_grid_cta_btn:hover,
.wi_grid_container a.wi_grid_cta_btn:focus-visible {
  color: var(--wi-fse-cta-text, #ffffff) !important;
  -webkit-text-fill-color: var(--wi-fse-cta-text, #ffffff) !important;
  filter: none;
  text-decoration: none !important;
  outline: none;
  background: color-mix(
    in srgb,
    var(--wi-fse-cta-fill, var(--wp--preset--color--contrast, #111)) 68%,
    #000
  ) !important;
  transform: translateY(-2px);
  box-shadow:
    0 8px 24px color-mix(in srgb, var(--wi-fse-cta-fill, #333) 42%, transparent),
    0 2px 8px rgba(0, 0, 0, 0.14);
}

.wi_grid_container a.wi_grid_cta_btn:hover::after,
.wi_grid_container a.wi_grid_cta_btn:focus-visible::after {
  filter: brightness(0) invert(1) contrast(1.45) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
  transform: scale(1.08);
}

.wi_grid_container a.wi_grid_cta_btn:active {
  filter: none;
  background: color-mix(
    in srgb,
    var(--wi-fse-cta-fill, var(--wp--preset--color--contrast, #111)) 58%,
    #000
  ) !important;
  transform: translateY(0);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--wi-fse-cta-fill, #333) 30%, transparent);
}

.wi_grid_container a.wi_grid_cta_btn:active::after {
  transform: scale(1.02);
}

@supports not (background-color: color-mix(in srgb, red, blue)) {
  .wi_grid_container a.wi_grid_cta_btn:hover,
  .wi_grid_container a.wi_grid_cta_btn:focus-visible {
    filter: brightness(0.88);
    transform: translateY(-1px);
  }
  .wi_grid_container a.wi_grid_cta_btn:active {
    filter: brightness(0.82);
  }
}

.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn,
.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn:link,
.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn:visited {
  color: var(--wi-brand-contrast-color, #ffffff) !important;
}

/* .wi_grid_cta_btn:hover,
.wi_grid_cta_btn:focus {
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--contrast);
  border: 1px solid
    var(--wp--preset--color--base) !important;
} */

.wi_grid_label_evergreen {
  background: var(--wp--preset--color--black, #000);
  padding: 1px 11px;
  font-size: 12px;
  margin-left: 5px;
  border-radius: 15px;
  margin-top: 0px;
  color: var(--wp--preset--color--white, #ffffff);
}

.wi_grid_label {
  padding: 2px 7px;
  border-radius: 15px;
}

.wi_grid_label_upcoming {
  background-color: var(--wp--preset--color--contrast, #1a1a1a);
  color: var(--wp--preset--color--base, #ffffff);
  font-weight: 600;
}

.wi_grid_wrapper .wig_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.wi_grid_icon_para p {
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  padding-top: 0 !important;
}

.wi_grid_icon_para.flex_start {
  align-items: flex-start;
}
.wi_grid_label_live {
  /* Same pairing as CTA / FREE pill — avoids white label text when accent resolves to white/light. */
  background-color: var(
    --wi-fse-cta-fill,
    var(--wi-fse-accent, var(--wp--preset--color--primary, #ce0202))
  );
  padding: 1px 11px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
  border-radius: 15px;
  margin-top: 0px;
  color: var(--wi-fse-cta-text, #ffffff);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  border: 1px solid
    color-mix(
      in srgb,
      var(--wi-fse-cta-text, #ffffff) 35%,
      transparent
    );
}

.wi_grid_label_replay {
  background-color: #ccc;
}

.wi_grid_label_closed {
  background-color: #333;
}
.wi-grid-filter-wrap {
  margin-bottom: 10px;
  font-size: 1rem;
}

/* Css for custom dropdown without bootstrap */
.wi-filter-wrap {
  display: flex;
  gap: 10px;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 5px;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

.wi-dropdown {
  position: relative;
  width: 30%;
  height: auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(255, 255, 255, 0.1);
  border-radius: 50px;
}

/* Dark page background (e.g. Elementor): stronger light rim so filters don’t disappear. */
.wi_grid_container.wi-grid-parent-bg-dark .wi-dropdown {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.22),
    0 2px 12px rgba(255, 255, 255, 0.14),
    0 4px 20px rgba(0, 0, 0, 0.35);
}
.wi-dropdown .select2-container--default {
  width: 200px;
  border: none !important;
}
.wi-dropdown .select2-container--default .select2-selection--multiple {
  /* width: 300px; */
  text-align: left;
  display: flex;
}
.wi-dropdown .select2-results__option {
  font-size: 14px;
  border: none;
}
.wi-dropdown ul {
  /* width: 200px; */
}
.wi-dropdown .select2-container {
  width: 100% !important;
  min-height: 33px;
}
.wi-timezones .select2-selection__rendered {
  line-height: 33px !important;
  padding-left: 10px !important;
  min-height: 33px;
}
.wi-timezones .select2-selection__clear {
  height: 32px !important;
}
.wi-dropdown .select2-selection {
  border: none;
  min-height: 33px;
  /* border: 1px solid var(--wp--preset--color--contrast) !important; */
  border-bottom-right-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.wi_ignore_fsc .wi-dropdown .select2-selection {
  border: 1px solid var(--wi-brand-contrast-color) !important;
}
.wi-dropdown .select2-selection__clear {
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7px !important;
  font-size: 19px !important;
  color: var(--wp--preset--color--contrast);
}
.wi_ignore_fsc .wi-dropdown .select2-selection__clear {
  color: var(--wi-brand-contrast-color);
}
.wi-dropdown-menu a:hover {
  background: var(--wp--preset--color--contrast, #000);
  color: var(--wp--preset--color--base, #fff);
}
.clear-btn {
  color: var(--wp--preset--color--contrast);
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.wi_ignore_fsc .clear-btn {
  color: var(--wi-brand-contrast-color);
}
.select2-selection__arrow {
  display: none;
}

.clear-btn:hover {
  color: #ed1b2e;
}
.wi-dropdown .select2-selection__rendered {
  font-size: 13px;
  padding-left: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  display: flex !important;
}

.wi-grid-parent-bg-light .wi-timezones .select2-selection__rendered {
  color: var(--wi-fse-neutral-text, #1a1a1a) !important;
  text-align: left;
}
/* Filter row: light pills — do not depend on wi-grid-parent-bg-dark (JS adds it after first paint). */
.wi_grid_container .wi-filter-wrap .wi-timezones .select2-selection__rendered {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi-grid-parent-bg-light .select2-container--default .select2-search--inline .select2-search__field::placeholder{
  color: var(--wi-fse-neutral-text, #1a1a1a) !important;
}
/* Filter dropdowns on light backgrounds need dark text */
.wi-grid-parent-bg-light .wi-dropdown .select2-selection__rendered,
.wi-grid-parent-bg-light .wi-dropdown .select2-selection__choice {
  color: var(--wi-fse-neutral-text, #1a1a1a) !important;
}
.wi-grid-parent-bg-light .wi-dropdown .select2-selection__placeholder {
  color: color-mix(in srgb, var(--wi-fse-neutral-text, #1a1a1a) 65%, transparent) !important;
}

/* Filter strip: always light pills — ink from palette vs white (parent-bg-dark is JS-late). */
.wi_grid_container .wi-filter-wrap .select2-selection__rendered,
.wi_grid_container .wi-filter-wrap .select2-selection__choice {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi_grid_container .wi-filter-wrap .select2-selection__placeholder {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
  -webkit-text-fill-color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
  text-align: left !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}
.wi_grid_container
  .wi-filter-wrap
  .select2-container--default
  .select2-search--inline
  .select2-search__field::placeholder {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
  -webkit-text-fill-color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection__clear {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi_grid_container .wi-filter-wrap .wi-clear-webinar-type {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}

/* Select2 multiple: textarea / search field must not use body neutral (often light on dark-card pages). */
.wi_grid_container .wi-filter-wrap .wi-dropdown textarea,
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-search__field {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
  -webkit-text-fill-color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi_grid_container .wi-filter-wrap .select2-selection__choice__remove {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection__choice {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  align-self: center !important;
}

li.wi-grid-parent-bg-dark {
  color: white;
}
li.wi-grid-parent-bg-light {
  color: black;
}

/* Select2 attaches dropdown to <body>: light panel + dark text (don’t inherit li white-on-white). */
.select2-dropdown.wi-grid-parent-bg-dark {
  background-color: var(--wi-fse-surface-bg, var(--wp--preset--color--base, #ffffff)) !important;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a)) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

.select2-dropdown.wi-grid-parent-bg-dark .select2-results__option,
.select2-dropdown.wi-grid-parent-bg-dark li.wi-grid-parent-bg-dark {
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a)) !important;
}

.select2-dropdown.wi-grid-parent-bg-dark .select2-search__field {
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a)) !important;
}

/* Variable-based hover conflicts with wi-grid-select2-dropdown + wi_ignore_fsc brand vars — skip when grid class is set */
.select2-dropdown.wi-grid-parent-bg-dark:not(.wi-grid-select2-dropdown) .select2-results__option--highlighted,
.select2-container--default .select2-dropdown.wi-grid-parent-bg-dark:not(.wi-grid-select2-dropdown) .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--wp--preset--color--base, #ffffff) !important;
  color: var(--wp--preset--color--contrast, #1a1a1a) !important;
  -webkit-text-fill-color: var(--wp--preset--color--contrast, #1a1a1a) !important;
}
.wi-grid-parent-bg-light .wi-clear-webinar-type {
  color: black !important;
}
.wi-grid-parent-bg-dark .wi-clear-webinar-type {
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi-grid-parent-bg-dark .wi-dropdown .select2-selection__clear{
  color: var(--wi-fse-on-light-chrome-text, #1a1a1a) !important;
}
.wi-grid-parent-bg-light .wi-dropdown .select2-selection__clear{
  color: black !important;
}

.wi-grid-parent-bg-dark .wi_grid_webinar {
  color: var(--wi-fse-neutral-text, #f2f2f2);
  border-color: color-mix(in srgb, var(--wi-fse-neutral-text, #fff) 24%, transparent);
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.06),    /* Subtle base */
  0 6px 16px rgba(255, 255, 255, 0.10),   /* Medium depth */
  0 6px 24px rgba(255, 255, 255, 0.2);
}
.wi-grid-parent-bg-dark .wi_grid_webinar h2,
.wi-grid-parent-bg-dark p.wi_grid_sub_desc,
.wi-grid-parent-bg-dark .wi_grid_cta_social_desc {
  color: var(--wi-fse-neutral-text, #f0f0f0);
}
.wi-grid-parent-bg-dark p.wi_grid_sub_desc {
  color: color-mix(in srgb, var(--wi-fse-neutral-text, #f0f0f0) 82%, transparent);
}
.wi-grid-parent-bg-dark .wi_grid_webinar:hover{
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(255, 255, 255, 0.14),
    0 16px 32px rgba(255, 255, 255, 0.6);
}
.wi-grid-parent-bg-dark .wi-dropdown .select2-selection{
  box-shadow: 0 4px 10px rgba(255, 255, 255, 0.08),
  0 10px 24px rgba(255, 255, 255, 0.14),
  0 16px 32px rgba(255, 255, 255, 0.16);
}
.wi-timezones .select2-selection__rendered {
  padding-left: 15px !important;
  margin-top: 0px;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast)) !important;
  /* color: var(--wp--preset--color--base) !important; */
  font-weight: 600;
  height: 33px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Non-grid Select2 only — WI grid dropdown is on <body> without bridge vars; use .wi-grid-select2-dropdown rules below. */
.select2-container--default .select2-dropdown:not(.wi-grid-select2-dropdown) .select2-results__option--highlighted,
.select2-container--default
  .select2-dropdown:not(.wi-grid-select2-dropdown)
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(
    --wi-fse-cta-fill,
    var(--wp--preset--color--contrast, #1a1a1a)
  ) !important;
  color: var(--wi-fse-cta-text, var(--wp--preset--color--base, #ffffff)) !important;
  -webkit-text-fill-color: var(
    --wi-fse-cta-text,
    var(--wp--preset--color--base, #ffffff)
  ) !important;
  font-weight: 600;
}
.wi-dropdown .select2-selection{
  background-color: transparent !important; 
  /* color: var(--wp--preset--color--accent-6) !important;  */
  border: 1px solid var(--wp--preset--color--contrast) !important;
  box-shadow: 
  0 2px 6px rgba(0, 0, 0, 0.06),    /* Subtle base */
  0 6px 16px rgba(0, 0, 0, 0.10),   /* Medium depth */
  0 12px 24px rgba(0, 0, 0, 0.12);
  font-weight: 600;
}

/* Classic themes (Astra): opaque filter pills — transparent selection showed grid/cards through the pill + broke multiselect ink. */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection {
  background: var(--wi-fse-surface-bg, #ffffff) !important;
  background-color: var(--wi-fse-surface-bg, #ffffff) !important;
}

/* Shrink pills: base `.wi-dropdown { width:30% }` + `select2-container { width:100% }` stretched pills on Flatsome. */
.wi_grid_container .wi-filter-wrap .wi-dropdown {
  width: auto !important;
  max-width: min(380px, 92vw);
  flex: 0 1 auto;
  min-width: 0;
}
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-container,
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-container.select2-container--default {
  width: auto !important;
  min-width: 10.5rem;
  max-width: min(380px, 92vw);
}

/* Filter strip: left-aligned label text, compact pill, vertical center (Flatsome centers flex children by default). */
.wi_grid_container .wi-filter-wrap {
  text-align: left !important;
  direction: ltr !important;
}
.wi_grid_container .wi-filter-wrap .select2-container {
  min-height: 32px !important;
  text-align: left !important;
}
.wi_grid_container .wi-filter-wrap .select2-container .select2-selection {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.wi_grid_container .wi-filter-wrap .select2-container .select2-selection__rendered {
  text-align: left !important;
  justify-content: flex-start !important;
}
/* Themes (Flatsome etc.) center `li` / inputs inside Select2 — force start alignment on all filter labels. */
.wi_grid_container .wi-filter-wrap .select2-selection__rendered,
.wi_grid_container .wi-filter-wrap .select2-selection__choice,
.wi_grid_container .wi-filter-wrap .select2-selection__placeholder,
.wi_grid_container .wi-filter-wrap li.select2-selection__choice,
.wi_grid_container .wi-filter-wrap li.select2-selection__placeholder {
  text-align: left !important;
  justify-content: flex-start !important;
}
.wi_grid_container .wi-filter-wrap .select2-search__field,
.wi_grid_container .wi-filter-wrap .select2-search textarea {
  text-align: left !important;
}
/* Room for external × (.wi-clear-webinar-btn) — applied per selection type below so padding shorthand does not reset it. */
/* Select2 single: DOM order is often [×][label] — move × to the right like the multiselect pill. */
.wi_grid_container .wi-filter-wrap .wi-timezones .select2-selection--single {
  min-height: 32px !important;
  padding: 0 10px 0 12px !important;
  flex-direction: row !important;
}
.wi_grid_container .wi-filter-wrap .wi-timezones .select2-selection--single .select2-selection__rendered {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.wi_grid_container .wi-filter-wrap .wi-timezones .select2-selection--single .select2-selection__clear {
  order: 2 !important;
  flex-shrink: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  align-self: center !important;
  margin: 0 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.wi_grid_container .wi-filter-wrap .wi-timezones .select2-selection--single .select2-selection__arrow {
  order: 3 !important;
  flex-shrink: 0 !important;
}

/* Multiselect: avoid placeholder (“Filter Type”) overlapping selected chips (Live, …). */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 32px !important;
  max-height: 9rem;
  overflow-y: auto;
  padding: 0 8px !important;
  box-sizing: border-box !important;
}
.wi_grid_container
  .wi-filter-wrap
  .wi-dropdown:has(.wi-clear-webinar-btn)
  .select2-selection--multiple {
  padding: 0 2.35rem 0 8px !important;
}
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 4px 6px !important;
  padding: 0 !important;
  min-height: 0 !important;
  flex-wrap: nowrap !important;
}
/* Select2 4.1: __rendered is sibling of .select2-search--inline (not parent).
   When empty (no chips), collapse it so the search span fills the pill width
   and the placeholder textarea starts at the left edge. */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple .select2-selection__rendered:empty {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple li.select2-selection__placeholder {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
  line-height: 1.25 !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.wi_grid_container
  .wi-filter-wrap
  .wi-dropdown
  .select2-selection--multiple:has(.select2-selection__choice)
  .select2-selection__rendered {
  flex-wrap: wrap !important;
  max-height: 6.5rem;
  overflow-y: auto;
}
/* .select2-search--inline is a <span> in Select2 4.1 (not <li>) — target by class only. */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple .select2-search--inline {
  flex: 1 1 0 !important;
  min-width: 2.5rem !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
/* Placeholder li for older Select2 versions that use li instead of span. */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple li.select2-selection__placeholder {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
/* Flatsome / theme resets: Select2 uses textarea or input — kill theme min-heights.
   width: 100% ensures the placeholder text starts at the left edge of the pill
   (Select2 sets inline style="width:Npx" which is overridden by !important). */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple .select2-search__field,
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection--multiple textarea {
  min-height: 0 !important;
  height: 26px !important;
  max-height: 28px !important;
  line-height: 26px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  resize: none !important;
  overflow: hidden !important;
  width: 100% !important;
  text-align: left !important;
}
.wi_grid_container
  .wi-filter-wrap
  .wi-dropdown
  .select2-selection--multiple:has(.select2-selection__choice)
  .select2-search__field::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Align clear (×) with pill center — margin-top:7px was for old layout; themes vary. */
.wi_grid_container .wi-filter-wrap .wi-dropdown .select2-selection__clear {
  margin-top: 0 !important;
  align-self: center !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--wi-fse-surface-bg, var(--wp--preset--color--base)) !important;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast)) !important;
  font-weight: 600;
}
.wi_ignore_fsc .wi-timezones .select2-selection__rendered {
  color: var(--wi-fse-neutral-text, var(--wi-brand-contrast-color, #1a1a1a)) !important;
}
.wi-dropdown .select2-selection:focus {
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.wi-dropdown-btn {
  padding: 5px 14px;
  cursor: pointer !important;
  background: var(--wi-fse-surface-bg, var(--wp--preset--color--base));
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast));
  font-size: 0.75rem;
  border: 1px solid
    color-mix(in srgb, var(--wi-fse-neutral-text, #1a1a1a) 28%, transparent);
  border-radius: 0.625rem;
  margin-bottom: 10px;
  font-family: inherit;
}

.select2-search--dropdown {
  padding: 10px !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  margin-top: 0px !important;
  margin-right: 10px;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-bottom: 2px;
 
}
.wi_ignore_fsc  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove{
   background-color: var(--wi-brand-contrast-color, #000) !important;
  color: var(--wi-brand-color, #fff) !important;
}
.wi-dropdown-btn:focus {
  outline: none;
}
.select2-search__field:focus-visible {
  outline: none;
  border: 1px solid var(--wp--preset--color--contrast) !important;
}
.wi_ignore_fsc .select2-search__field:focus-visible {
  border: 1px solid var(--wi-brand-contrast-color) !important;
}

.wi-dropdown-menu {
  display: none;
  position: absolute;
  background: var(--wi-fse-surface-bg, var(--wp--preset--color--base, #fff));
  min-width: 220px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-top: 0px;
  z-index: 1000;
  /* border: 1px solid var(--wp--preset--color--contrast, #000); */
}
.wi-timezones .select2-selection__clear {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 33px !important;
  box-shadow: initial;
}
.select2-dropdown li {
  font-size: 13px !important;
  margin-left: 0 !important;
  color: var(
    --wi-fse-neutral-text,
    var(--wp--preset--color--contrast, #1a1a1a)
  ) !important;
}
.select2-dropdown.wi-grid-select2-dropdown li {
  color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
  -webkit-text-fill-color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
}
.select2-dropdown {
  background-color: var(
    --wi-fse-surface-bg,
    var(--wp--preset--color--base, #ffffff)
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a)) 14%,
      transparent
    );
  margin-top: -2px;
  overflow: hidden;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top: 1px solid
    color-mix(
      in srgb,
      var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a)) 14%,
      transparent
    ) !important;
  z-index: 9999 !important;
}
.select2-dropdown .select2-results__option {
  color: var(
    --wi-fse-neutral-text,
    var(--wp--preset--color--contrast)
  ) !important;
  padding: 8px 12px;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder{
  color: var(
    --wi-fse-neutral-text,
    var(--wp--preset--color--contrast)
  ) !important;
}

/* WI grid Select2: dropdown is appended to <body> — use hex fallbacks so Astra/classic never get empty vars. */
.select2-dropdown.wi-grid-select2-dropdown {
  --wi-grid-dd-surface: #ffffff;
  --wi-grid-dd-ink: #1a1a1a;
  background-color: var(--wi-fse-surface-bg, var(--wi-grid-dd-surface)) !important;
  background-image: none !important;
  color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, var(--wi-grid-dd-ink))
  ) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow:
    0 12px 40px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(15, 23, 42, 0.06) !important;
  z-index: 50010 !important;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-search--dropdown {
  background-color: var(--wi-fse-surface-bg, #ffffff) !important;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-search__field {
  color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
  -webkit-text-fill-color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
  background-color: var(--wi-fse-surface-bg, #ffffff) !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-results,
.select2-dropdown.wi-grid-select2-dropdown .select2-results__options {
  background-color: var(--wi-fse-surface-bg, #ffffff) !important;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-results__option,
.select2-dropdown.wi-grid-select2-dropdown li.select2-results__option {
  background-color: var(--wi-fse-surface-bg, #ffffff) !important;
  color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
  -webkit-text-fill-color: var(
    --wi-fse-on-light-chrome-text,
    var(--wi-fse-neutral-text, #1a1a1a)
  ) !important;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-results__option--highlighted,
.select2-dropdown.wi-grid-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable,
.select2-dropdown.wi-grid-select2-dropdown .select2-results__option--highlighted.wi_ignore_fsc,
.select2-dropdown.wi-grid-select2-dropdown li.select2-results__option--highlighted.wi_ignore_fsc,
.select2-container--default .select2-dropdown.wi-grid-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(
    --wi-fse-cta-fill,
    var(--wp--preset--color--contrast, #1a1a1a)
  ) !important;
  color: var(--wi-fse-cta-text, var(--wp--preset--color--base, #ffffff)) !important;
  -webkit-text-fill-color: var(
    --wi-fse-cta-text,
    var(--wp--preset--color--base, #ffffff)
  ) !important;
  font-weight: 600;
}
.select2-dropdown.wi-grid-select2-dropdown .select2-results__option--selected {
  background-color: color-mix(
    in srgb,
    var(--wi-fse-cta-fill, var(--wp--preset--color--contrast)) 12%,
    var(--wi-fse-surface-bg, var(--wp--preset--color--base))
  ) !important;
  color: var(
    --wi-fse-neutral-text,
    var(--wp--preset--color--contrast)
  ) !important;
  font-weight: 600;
}
.select2-dropdown.wi-grid-select2-dropdown
  .select2-results__option--highlighted.select2-results__option--selected,
.select2-container--default
  .select2-dropdown.wi-grid-select2-dropdown
  .select2-results__option--highlighted.select2-results__option--selected.select2-results__option--selectable {
  background-color: var(
    --wi-fse-cta-fill,
    var(--wp--preset--color--contrast, #1a1a1a)
  ) !important;
  color: var(--wi-fse-cta-text, var(--wp--preset--color--base, #ffffff)) !important;
  -webkit-text-fill-color: var(
    --wi-fse-cta-text,
    var(--wp--preset--color--base, #ffffff)
  ) !important;
}

@supports not (background-color: color-mix(in srgb, red, blue)) {
  .select2-dropdown.wi-grid-select2-dropdown .select2-results__option--selected {
    background-color: var(
      --wi-fse-surface-bg,
      var(--wp--preset--color--base)
    ) !important;
  }
}

/* .wi_grid_container .select2-search__field:focus-visible{
  border: none !important;
} */
.select2-selection__arrow {
  margin-right: 2px;
  height: 31px !important;
}
/* .select2-search__field{
  border: 1px solid rgba(0,0,0,0.1) !important;
} */
.wi-dropdown-menu a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #000));
  font-size: 0.875rem;
  font-family: inherit;
}

.wi-dropdown-menu a:hover {
  background: var(--wi-fse-cta-fill, var(--wp--preset--color--primary, #111));
  color: var(--wi-fse-cta-text, #fff);
}
.wi-dropdown .select2-selection {
  padding: 0;
}
.wi-dropdown textarea {
  margin: 0 !important;
  height: 33px !important;
  max-height: 40px !important;
  min-height: 0 !important;
  padding-left: 15px !important;
  font-size: 13px !important;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #000));
  line-height: 33px;
  box-sizing: border-box !important;
  resize: none !important;
}
.wi_ignore_fsc .wi-dropdown textarea {
  color: var(--wi-fse-neutral-text, #1a1a1a);
}
.wi-dropdown .select2-selection__choice {
  border: none !important;
  border-radius: 50px !important;
  font-size: 13px;
  padding: 2px 25px !important;
  margin-bottom: 5px !important;
  margin-top: 0;
  /* color:var(--wp--preset--color--accent-3) !important; */
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast)) !important;
  background: var(--wi-fse-surface-bg, var(--wp--preset--color--base, #f2f2f2)) !important;
}

.wi_ignore_fsc .wi-dropdown .select2-selection__choice {
  color: var(--wi-fse-neutral-text, #1a1a1a) !important;
  background: var(--wi-fse-surface-bg, #f2f2f2) !important;
}
.wi-dropdown .select2-search {
  margin: 0;
}
 /* .select2-results__option--highlighted {
  background-color: var(--wp--preset--color--contrast, #000) !important;
}
.wi_ignore_fsc
  .select2-results__option--highlighted {
  background-color: var(--wi-brand-contrast-color, #000) !important;
  color: var(--wi-brand-color, #fff);
} */

.select2-selection__choice__remove {
  margin: auto;
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
  padding-left: 7px !important;
  border-right: none !important;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast)) !important;
  margin-top: -1px;
}
.wi_ignore_fsc .select2-selection__choice__remove {
  color: var(--wi-fse-neutral-text) !important;
}
.select2-selection__choice__remove:hover {
  background-color: var(--wi-fse-surface-bg, var(--wp--preset--color--base)) !important;
  color: var(--wi-fse-accent, #ce0202) !important;
}
.wi-filter-wrap .select2-search__field:focus-visible {
  border: none !important;
}
/* .wi-dropdown-filter .select2-selection__choice__remove span{
  margin-top: -1px;
} */
.wi-timezones .select2-selection__clear span:hover {
  color: var(--wi-fse-accent, #ce0202);
}
/* select design ends */
/* code ends for without bootstrap dropdown */
.wi_grid_label_live.wi_grid_label_video {
  background-color: var(
    --wi-fse-cta-fill,
    var(--wi-fse-accent, var(--wp--preset--color--primary, #ff0202))
  );
  color: var(--wi-fse-cta-text, #ffffff);
}

.wi_grid_type {
  background-color: var(--wi-fse-cta-fill, var(--wp--preset--color--contrast, #1a1a1a));
  color: var(--wi-fse-cta-text, #ffffff);
  padding: 0px 15px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
  border-radius: 15px;
  margin-top: 0px;
}
.wi_wrap_webinar_over {
  text-align: center;
  padding: 5px;
  font-weight: bold;
  font-size: 16px;
  color: var(--wi-fse-neutral-text, var(--wp--preset--color--contrast, #1a1a1a));
}

.wi_grid_container.wi_ignore_fsc .wi_grid_cta_btn {
  background-color: var(--wi-brand-color, #e64f1d) !important;
  color: var(--wi-brand-contrast-color) !important;
}
.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn:hover,
.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn:focus-visible {
  background-color: color-mix(
    in srgb,
    var(--wi-brand-color, #e64f1d) 68%,
    #000
  ) !important;
  color: var(--wi-brand-contrast-color) !important;
  transform: translateY(-2px);
  box-shadow:
    0 8px 24px color-mix(in srgb, var(--wi-brand-color, #e64f1d) 42%, transparent),
    0 2px 8px rgba(0, 0, 0, 0.14);
}
.wi_grid_container.wi_ignore_fsc a.wi_grid_cta_btn:active {
  background-color: color-mix(
    in srgb,
    var(--wi-brand-color, #e64f1d) 58%,
    #000
  ) !important;
  transform: translateY(0);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--wi-brand-color, #e64f1d) 30%, transparent);
}
.wi_grid_container.wi_ignore_fsc .wi_grid_icon_para svg {
  color: var(--wi-fse-neutral-text, #333) !important;
  background-color: var(--wi-fse-surface-bg, #f0f0f0) !important;
  transition: color 400ms ease, background-color 400ms ease;
}
.wi_grid_container.wi_ignore_fsc .wi_grid_icon_para svg:hover {
  background-color: var(--wi-fse-cta-fill, var(--wi-brand-color, #e64f1d)) !important;
  color: var(--wi-fse-cta-text, #fff) !important;
  cursor: pointer;
}
.wi_grid_container.wi_ignore_fsc .wi_grid_type {
  background-color: var(--wi-brand-color) !important;
  color: var(--wi-brand-contrast-color) !important;
}
.wi_hidden {
  display: none !important;
}

.wi-clear-webinar-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  line-height: 1;
  margin: 0;
}
.wi_grid_container .wi-filter-wrap .wi-clear-webinar-btn {
  right: 8px;
}

.select2-dropdown--below .select2-search__field {
  border: 1px solid var(--wp--preset--color--contrast, #000) !important;
}

.wi_one_item_only {
  /* Match main grid: auto-fit + 270px min track (v4.07.68 demo behaviour). */
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  justify-items: stretch;
}
/* Other Select2 + wi_ignore_fsc: same FSE CTA pairing (avoids dark brand text on dark hover). */
.select2-dropdown:not(.wi-grid-select2-dropdown) .wi_ignore_fsc.select2-results__option--highlighted,
.select2-container--default .select2-dropdown:not(.wi-grid-select2-dropdown) .wi_ignore_fsc.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(
    --wi-fse-cta-fill,
    var(--wp--preset--color--contrast, #1a1a1a)
  ) !important;
  color: var(--wi-fse-cta-text, var(--wp--preset--color--base, #ffffff)) !important;
  -webkit-text-fill-color: var(
    --wi-fse-cta-text,
    var(--wp--preset--color--base, #ffffff)
  ) !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.wi_ignore_fsc.select2-search__field{
  border: 1px solid var(--wi-brand-contrast-color, #000) !important;
}

@media screen and (max-width: 460px) {
  .wi_grid_wrapper {
    grid-template-columns: 1fr;
    padding-right: 0;
    padding-left: 0;
  }
  .wi_grid_webinar h2 {
    height: auto;
  }
  p.wi_grid_sub_desc {
    height: auto;
  }
}

@media (max-width: 768px) {
  .wi-filter-wrap {
    flex-direction: column;
    gap: 8px;
    padding: 3px 0;
    margin-bottom: 6px;
  }
  .wi_grid_container .wi-filter-wrap .wi-dropdown {
    width: 100% !important;
    max-width: none;
  }
  .wi_grid_container .wi-filter-wrap .wi-dropdown .select2-container,
  .wi_grid_container .wi-filter-wrap .wi-dropdown .select2-container.select2-container--default {
    width: 100% !important;
    max-width: none;
    min-width: 0;
  }
  .wi-dropdown {
    width: 100% !important;
  }
  .wi-dropdown .select2-container--default .select2-selection--multiple {
    width: 100% !important;
  }
  .wi-dropdown .select2-container {
    width: 100% !important;
  }
  .wi_one_item_only {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
}