/* /public_html/assets/css/ui-filter-bubbles.css */

@media (min-width: 0px) {
  .filter-bubbles[hidden],
  .filter-bubbles-trigger[hidden] {
    display: none !important;
  }

  .filter-bubbles {
    --filter-bubbles-center-y: calc(env(safe-area-inset-top, 0px) + 185px);
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    overflow: visible;
    z-index: 1260;
    pointer-events: none;
  }

  .filter-bubbles__stage {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    overflow: visible;
    pointer-events: none;
    z-index: 1261;
  }

  .filter-bubbles__group {
    display: contents;
  }

  .filter-bubbles__bubble {
    --filter-bubble-x: 0px;
    --filter-bubble-y: 0px;
    --filter-bubble-size: 42px;
    --filter-bubble-scale: 1;
    --filter-bubble-accent: var(--chip-accent, #38bdf8);

    position: fixed !important;
    left: 50vw !important;
    top: var(--filter-bubbles-center-y) !important;
    right: auto !important;
    bottom: auto !important;
    width: var(--filter-bubble-size) !important;
    height: var(--filter-bubble-size) !important;
    min-width: var(--filter-bubble-size) !important;
    max-width: var(--filter-bubble-size) !important;
    min-height: var(--filter-bubble-size) !important;
    max-height: var(--filter-bubble-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    pointer-events: auto !important;
    z-index: 1264 !important;
    transform-origin: center !important;
    transform:
      translate3d(var(--filter-bubble-x), var(--filter-bubble-y), 0)
      translate(-50%, -50%)
      scale(var(--filter-bubble-scale));
    will-change: transform, opacity, filter, width, height !important;
    animation: none !important;
    border: 1px solid color-mix(in srgb, var(--filter-bubble-accent) 58%, rgba(255,255,255,.24)) !important;
    color: rgba(241, 245, 249, .94) !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.26), rgba(255,255,255,.10) 28%, transparent 42%),
      radial-gradient(circle at 72% 82%, color-mix(in srgb, var(--filter-bubble-accent) 18%, transparent), transparent 58%),
      linear-gradient(145deg,
        color-mix(in srgb, var(--filter-bubble-accent) 18%, rgba(8,13,31,.82)),
        rgba(8, 13, 31, .84)
      ) !important;
    box-shadow:
      0 12px 30px rgba(0, 0, 0, .30),
      0 0 16px color-mix(in srgb, var(--filter-bubble-accent) 20%, transparent),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -10px 20px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(10px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.18) !important;
    transition:
      opacity .22s ease,
      filter .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      background .22s ease !important;
  }

  .filter-bubbles.is-closing .filter-bubbles__bubble {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .filter-bubbles__bubble::before {
    content: "";
    position: absolute;
    inset: -12px;
    border-radius: inherit;
    z-index: -2;
    pointer-events: none;
    background:
      radial-gradient(circle at center,
        color-mix(in srgb, var(--filter-bubble-accent) 30%, transparent) 0%,
        color-mix(in srgb, var(--filter-bubble-accent) 12%, transparent) 44%,
        transparent 76%);
    filter: blur(9px) saturate(1.08);
    opacity: .68;
  }

  .filter-bubbles__bubble::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    pointer-events: none;
    z-index: 4;
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--filter-bubble-accent) 64%, rgba(255,255,255,.22)),
      0 0 16px color-mix(in srgb, var(--filter-bubble-accent) 26%, transparent);
    opacity: .78;
  }

  .filter-bubbles__bubble > i,
  .filter-bubbles__bubble .course-style-chip-icon,
  .filter-bubbles__bubble .course-style-chip-txt {
    position: relative;
    z-index: 5;
    font-size: calc(var(--filter-bubble-size) * .43) !important;
    line-height: 1;
  }

  .filter-bubbles__bubble--reset {
    --filter-bubble-accent: #94a3b8;
    color: rgba(248, 250, 252, .96) !important;
    border-color: rgba(203, 213, 225, .62) !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.24), rgba(255,255,255,.10) 28%, transparent 42%),
      linear-gradient(145deg, rgba(148, 163, 184, .24), rgba(15, 23, 42, .82)) !important;
    box-shadow:
      0 12px 30px rgba(0, 0, 0, .30),
      0 0 18px rgba(203, 213, 225, .22),
      inset 0 1px 0 rgba(255,255,255,.24),
      inset 0 -10px 20px rgba(0,0,0,.18) !important;
  }

  .filter-bubbles__bubble--reset i {
    font-size: calc(var(--filter-bubble-size) * .46) !important;
  }

  .filter-bubbles__bubble--icon:not(.is-active),
  .filter-bubbles__bubble--avatar:not(.is-active) {
    opacity: .92 !important;
    filter: grayscale(.54) saturate(.54) brightness(.94) !important;
  }

  .filter-bubbles__bubble--icon:not(.is-active)::before,
  .filter-bubbles__bubble--avatar:not(.is-active)::before {
    opacity: .34;
  }

  .filter-bubbles__bubble--icon:not(.is-active)::after,
  .filter-bubbles__bubble--avatar:not(.is-active)::after {
    opacity: .48;
  }

  .filter-bubbles__bubble--icon:not(.is-active) i,
  .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-icon,
  .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-txt {
    color: rgba(226, 232, 240, .92) !important;
    -webkit-text-fill-color: rgba(226, 232, 240, .92) !important;
    opacity: .96 !important;
    text-shadow: 0 0 8px rgba(148, 163, 184, .24) !important;
  }

  .filter-bubbles__bubble--avatar:not(.is-active) .chip__avatar img {
    filter: grayscale(.44) contrast(1) brightness(.92) !important;
    opacity: .88 !important;
  }

  .filter-bubbles__bubble--icon.is-active,
  .filter-bubbles__bubble--avatar.is-active,
  .filter-bubbles__bubble--reset {
    opacity: 1 !important;
    filter: saturate(1.18) brightness(1.06) !important;
  }

  .filter-bubbles__bubble--icon.is-active i,
  .filter-bubbles__bubble--icon.is-active .course-style-chip-icon,
  .filter-bubbles__bubble--icon.is-active .course-style-chip-txt {
    color: var(--filter-bubble-accent) !important;
    -webkit-text-fill-color: var(--filter-bubble-accent) !important;
    text-shadow:
      0 0 10px color-mix(in srgb, var(--filter-bubble-accent) 78%, transparent),
      0 0 20px color-mix(in srgb, var(--filter-bubble-accent) 40%, transparent) !important;
  }

  .filter-bubbles__bubble--avatar .chip__avatar,
  .filter-bubbles__bubble--avatar .chip__initials {
    position: relative;
    z-index: 2;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  }

  .filter-bubbles__bubble--avatar .chip__avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  .filter-bubbles__bubble--avatar.is-active .chip__avatar img {
    filter: saturate(1.08) contrast(1.04) brightness(1.02) !important;
    opacity: 1 !important;
  }

  .mobile-shell-navbar__left .filter-bubbles-trigger {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 8 !important;
    margin: 0 0 0 .45rem !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    min-height: 2.5rem !important;
    max-width: 2.5rem !important;
    max-height: 2.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
  }

  .mobile-shell-navbar__left .filter-bubbles-trigger.is-active,
  .mobile-shell-navbar__left .filter-bubbles-trigger.is-open {
    --mobile-shell-navbar-btn-border: color-mix(in srgb, var(--theme-primary, #38bdf8) 56%, rgba(255,255,255,.14));
    --mobile-shell-navbar-btn-bg: linear-gradient(135deg, rgba(56, 189, 248, .22), rgba(14, 165, 233, .16));
    --mobile-shell-navbar-btn-shadow: 0 10px 24px rgba(14, 165, 233, .18);
    color: #7dd3fc !important;
  }

  html[data-theme="light"] .filter-bubbles__bubble,
  body[data-theme="light"] .filter-bubbles__bubble {
    color: rgba(15, 23, 42, .86) !important;
    border-color: color-mix(in srgb, var(--filter-bubble-accent) 42%, rgba(15, 23, 42, .14)) !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.90), rgba(255,255,255,.40) 30%, transparent 42%),
      radial-gradient(circle at 70% 82%, color-mix(in srgb, var(--filter-bubble-accent) 12%, transparent), transparent 58%),
      linear-gradient(145deg,
        color-mix(in srgb, var(--filter-bubble-accent) 10%, rgba(255,255,255,.88)),
        rgba(255, 255, 255, .74)
      ) !important;
    box-shadow:
      0 10px 24px rgba(15, 23, 42, .13),
      0 0 14px color-mix(in srgb, var(--filter-bubble-accent) 15%, transparent),
      inset 0 1px 0 rgba(255,255,255,.82),
      inset 0 -8px 16px rgba(15,23,42,.05) !important;
  }

  html[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active),
  html[data-theme="light"] .filter-bubbles__bubble--avatar:not(.is-active),
  body[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active),
  body[data-theme="light"] .filter-bubbles__bubble--avatar:not(.is-active) {
    opacity: .94 !important;
    filter: grayscale(.42) saturate(.62) brightness(1) !important;
  }

  html[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) i,
  html[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-icon,
  html[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-txt,
  body[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) i,
  body[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-icon,
  body[data-theme="light"] .filter-bubbles__bubble--icon:not(.is-active) .course-style-chip-txt {
    color: rgba(30, 41, 59, .88) !important;
    -webkit-text-fill-color: rgba(30, 41, 59, .88) !important;
  }

  html[data-theme="light"] .filter-bubbles__bubble--reset,
  body[data-theme="light"] .filter-bubbles__bubble--reset {
    --filter-bubble-accent: #64748b;
    color: rgba(15, 23, 42, .88) !important;
    border-color: rgba(100, 116, 139, .28) !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(255,255,255,.95), rgba(255,255,255,.44) 30%, transparent 42%),
      linear-gradient(145deg, rgba(226,232,240,.96), rgba(248,250,252,.80)) !important;
    box-shadow:
      0 10px 24px rgba(15, 23, 42, .12),
      0 0 16px rgba(100, 116, 139, .16),
      inset 0 1px 0 rgba(255,255,255,.85),
      inset 0 -8px 16px rgba(15,23,42,.05) !important;
  }

  html[data-theme="light"] .mobile-shell-navbar__left .filter-bubbles-trigger.is-active,
  html[data-theme="light"] .mobile-shell-navbar__left .filter-bubbles-trigger.is-open,
  body[data-theme="light"] .mobile-shell-navbar__left .filter-bubbles-trigger.is-active,
  body[data-theme="light"] .mobile-shell-navbar__left .filter-bubbles-trigger.is-open {
    --mobile-shell-navbar-btn-border: color-mix(in srgb, var(--theme-primary, #38bdf8) 40%, rgba(15,23,42,.08));
    --mobile-shell-navbar-btn-bg: linear-gradient(135deg, rgba(224, 242, 254, .98), rgba(186, 230, 253, .92));
    --mobile-shell-navbar-btn-shadow: 0 8px 22px rgba(14, 165, 233, .14);
    color: #0284c7 !important;
  }

  /* Position alternative validée : bouton Filtres flottant en bas à droite. */
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    --filter-trigger-size: 3rem;
    position: fixed !important;
    left: auto !important;
    top: auto !important;
    right: calc(env(safe-area-inset-right, 0px) + 1rem) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem) !important;
    z-index: 1258 !important;
    width: var(--filter-trigger-size) !important;
    height: var(--filter-trigger-size) !important;
    min-width: var(--filter-trigger-size) !important;
    min-height: var(--filter-trigger-size) !important;
    max-width: var(--filter-trigger-size) !important;
    max-height: var(--filter-trigger-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid color-mix(in srgb, var(--theme-primary, #38bdf8) 42%, rgba(255,255,255,.18));
    border-radius: 999px;
    background:
      radial-gradient(circle at 28% 22%, rgba(255,255,255,.30), rgba(255,255,255,.10) 34%, transparent 54%),
      linear-gradient(135deg, rgba(56, 189, 248, .25), rgba(14, 165, 233, .18));
    color: #7dd3fc !important;
    box-shadow:
      0 1rem 2.4rem rgba(14, 165, 233, .22),
      0 .65rem 1.7rem rgba(15, 23, 42, .20),
      inset 0 1px 0 rgba(255,255,255,.28);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right i {
    font-size: 1.18rem !important;
    line-height: 1;
  }

  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right.is-open,
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right.is-active {
    transform: translateY(-1px) scale(1.035) !important;
    box-shadow:
      0 1.25rem 2.7rem rgba(14, 165, 233, .28),
      0 .72rem 1.9rem rgba(15, 23, 42, .24),
      inset 0 1px 0 rgba(255,255,255,.32);
  }

  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right.has-badge::after {
    content: attr(data-badge-count);
    position: absolute;
    top: -.42rem;
    right: -.42rem;
    min-width: 1.28rem;
    height: 1.28rem;
    padding: 0 .32rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 .38rem .9rem rgba(239, 68, 68, .30);
  }

  html[data-theme="light"] .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right,
  body[data-theme="light"] .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    border-color: color-mix(in srgb, var(--theme-primary, #38bdf8) 34%, rgba(15,23,42,.10));
    background:
      radial-gradient(circle at 28% 22%, rgba(255,255,255,.96), rgba(255,255,255,.48) 36%, transparent 56%),
      linear-gradient(135deg, rgba(224, 242, 254, .96), rgba(186, 230, 253, .90));
    color: #0284c7 !important;
    box-shadow:
      0 1rem 2.4rem rgba(14, 165, 233, .16),
      0 .55rem 1.45rem rgba(15, 23, 42, .12),
      inset 0 1px 0 rgba(255,255,255,.78);
  }

}

/* V23 - bouton Filtres bas droite, protege par la zone sure en paysage. */
@media (max-width: 980px) and (max-height: 520px) and (orientation: landscape) {
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    right: max(1.12rem, calc(env(safe-area-inset-right, 0px) + 0.92rem)) !important;
    bottom: max(.72rem, calc(env(safe-area-inset-bottom, 0px) + .72rem)) !important;
  }
}

/* V24 - le bouton Filtres respecte la safe area effective en paysage iPhone. */
@media (max-width: 980px) and (max-height: 520px) and (orientation: landscape) {
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    right: max(1.12rem, calc(var(--edq-safe-area-right-effective, env(safe-area-inset-right, 0px)) + 0.82rem)) !important;
    bottom: max(.72rem, calc(var(--edq-safe-area-bottom-effective, env(safe-area-inset-bottom, 0px)) + .72rem)) !important;
  }
}

/* V25 - bouton Filtres protege des coins et de l'ilot en paysage iPhone. */
@media (max-width: 980px) and (max-height: 520px) and (orientation: landscape) {
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    --filter-trigger-landscape-cutout-guard: max(var(--edq-iphone-landscape-cutout-guard, 0px), 0px);
    right: max(
      1.02rem,
      calc(var(--edq-safe-area-right-effective, env(safe-area-inset-right, 0px)) + .56rem),
      calc(var(--filter-trigger-landscape-cutout-guard) + .46rem)
    ) !important;
    bottom: max(.46rem, calc(var(--edq-safe-area-bottom-effective, env(safe-area-inset-bottom, 0px)) + .46rem)) !important;
  }

  @supports (-webkit-touch-callout: none) {
    .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
      --filter-trigger-landscape-cutout-guard: max(var(--edq-iphone-landscape-cutout-guard, 0px), 44px);
    }
  }
}

/* V28 - en paysage, le bouton Filtres ne recrée plus de marge basse fantôme. */
@media (max-width: 980px) and (max-height: 520px) and (orientation: landscape) {
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right {
    right: max(
      .72rem,
      calc(var(--edq-safe-area-right-effective, env(safe-area-inset-right, 0px)) + .46rem),
      calc(var(--edq-iphone-landscape-cutout-guard, 0px) + .36rem)
    ) !important;
    bottom: .42rem !important;
  }
}


/* =========================================================
   EDQ V22.1.1 - ancrage robuste du bouton Filtres flottant
   ---------------------------------------------------------
   Le bouton est portalise dans <body> en JS. Ces regles evitent
   qu'une ancienne navbar / un ancien panel le recalcule a gauche.
   ========================================================= */
.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right {
  position: fixed !important;
  left: auto !important;
  top: auto !important;
  right: max(1rem, calc(var(--edq-safe-area-right-effective, env(safe-area-inset-right, 0px)) + 1rem)) !important;
  bottom: max(1rem, calc(var(--edq-safe-area-bottom-effective, env(safe-area-inset-bottom, 0px)) + 1rem)) !important;
  transform: none !important;
  margin: 0 !important;
}

@media (max-width: 980px) and (max-height: 520px) and (orientation: landscape) {
  .filter-bubbles-trigger.filter-bubbles-trigger--bottom-right,
  .planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right {
    right: max(
      .86rem,
      calc(var(--edq-safe-area-right-effective, env(safe-area-inset-right, 0px)) + .68rem),
      calc(var(--edq-iphone-landscape-cutout-guard, 0px) + .48rem)
    ) !important;
    bottom: max(.52rem, calc(var(--edq-safe-area-bottom-effective, env(safe-area-inset-bottom, 0px)) + .52rem)) !important;
  }
}


/* EDQ V42.0.12 — pastilles sans anneau noir/blanc parasite */
body.is-dashboard-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-mobile-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-panel-shell .mobile-shell-navbar__btn.has-badge::after,
.filter-bubbles-trigger.has-badge::after,
.mobile-shell-menu__action-badge,
.mobile-shell-menu__title-badge {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 .35rem .95rem color-mix(in srgb, #000 18%, transparent) !important;
}

body.is-dashboard-shell-visible .mobile-shell-navbar__btn.has-badge[data-badge-kind="notifications"]::after,
body.is-public-mobile-shell-visible .mobile-shell-navbar__btn.has-badge[data-badge-kind="notifications"]::after,
body.is-public-panel-shell .mobile-shell-navbar__btn.has-badge[data-badge-kind="notifications"]::after,
.mobile-shell-menu__action-badge[data-badge-kind="notifications"] {
  box-shadow: 0 .35rem .95rem color-mix(in srgb, #e11d48 28%, transparent) !important;
}

body.is-dashboard-shell-visible .mobile-shell-navbar__btn.has-badge[data-badge-kind="chat"]::after,
body.is-public-mobile-shell-visible .mobile-shell-navbar__btn.has-badge[data-badge-kind="chat"]::after,
body.is-public-panel-shell .mobile-shell-navbar__btn.has-badge[data-badge-kind="chat"]::after,
.mobile-shell-menu__action-badge[data-badge-kind="chat"] {
  box-shadow: 0 .35rem .95rem color-mix(in srgb, #2563eb 26%, transparent) !important;
}

/* EDQ V42.0.13 — pastilles sans bord clair/noir parasite */
body.is-dashboard-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-mobile-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-panel-shell .mobile-shell-navbar__btn.has-badge::after,
.filter-bubbles-trigger.has-badge::after,
.mobile-shell-menu__action-badge,
.mobile-shell-menu__title-badge,
.chat-navbar-badge {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18), 0 0 12px rgba(239, 68, 68, .18) !important;
}


/* EDQ V42.0.14 — pastilles sans cerclage clair/sombre */
body.is-dashboard-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-mobile-shell-visible .mobile-shell-navbar__btn.has-badge::after,
body.is-public-panel-shell .mobile-shell-navbar__btn.has-badge::after,
.filter-bubbles-trigger.has-badge::after,
.mobile-shell-menu__action-badge,
.mobile-shell-menu__title-badge,
.chat-navbar-badge {
  border: none !important;
  outline: none !important;
  box-shadow: 0 8px 16px rgba(15, 23, 42, .18) !important;
  background-clip: border-box !important;
}

/* EDQ V42.0.16 — bouton Filtres flottant sans bordure réelle */
.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right,
.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right.is-open,
.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right.is-active,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right.is-open,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right.is-active {
  border: 0 !important;
  outline: 0 !important;
  background-clip: padding-box !important;
}

.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right::before,
.filter-bubbles-trigger.filter-bubbles-trigger--bottom-right::after,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right::before,
.planning-public-mobile-filter-trigger.filter-bubbles-trigger--bottom-right::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}