/* External block that holds our dropdowns (sits AFTER the FooGallery nav) */
.fg-ms-wrap-block {
  text-align: center;
  margin-bottom: 25px;
  margin-top: .5rem;
  position: relative;
  z-index: 99;
}

/* Dropdown shell */
.fg-ms {
  position: relative;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 13px;
}

.fg-ms__control {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  border: 1px solid #e2e2e2;
  background: #fff;
  cursor: pointer;
  line-height: 1.1;
  min-width: 250px;
  border-color: #FF21A6;
  outline-color: #FF21A6;
  outline-offset: 0px;
  outline-width: 1px;
  outline-style: solid;
  border-radius: 0.75rem !important;
  padding: .7rem 1rem;
  font-size: 16px;
  color: #535565 !important;
}

.fg-ms__control:focus { outline: none; box-shadow: 0 0 0 3px rgba(255, 0, 128, .15); }
.fg-ms__caret {
  font-size: 33px;
  color: #FF21A6;
  text-align: right;
  float: right;
  position: absolute;
  right: 13px;
}

/* Menu */
.fg-ms__menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 230px;
  max-height: 60vh;
  overflow: auto;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(0,0,0,.14);
  z-index: 99999;
  padding: .35rem .4rem;
}
.fg-ms.fg-ms--open .fg-ms__menu { display: block; }

/* Options */
.fg-ms__option {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .42rem .5rem;
  cursor: pointer;
  border-radius: 6px;
  white-space: nowrap;
}
.fg-ms__option span { color: #535565; }
.fg-ms__option:hover { background: #f6f6f6; }
.fg-ms__option input[type="checkbox"] { transform: translateY(1px); }

/* "All ..." row (not used; kept for safety) */
.fg-ms__option.fg-ms__all {
  display: none;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  margin-bottom: .25rem;
}

/* Hide the extra default ULs for this specific gallery (your rule) */
#foogallery-gallery-12362_filtering-top .fg-tag-list:nth-child(2),
#foogallery-gallery-12362_filtering-top .fg-tag-list:nth-child(3){
  display: none !important;
}
#foogallery-gallery-12362_filtering-top .fg-tag-list{ margin-bottom: 0px !important; }
#foogallery-gallery-12362_filtering-top{ padding-bottom: 5px !important; }
#footer-outer{ z-index: 9 !important; }

/* ===================== NEW: selected item highlight + clear all ===================== */

/* Selected option chip */
.fg-ms__menu .fg-ms__option.is-checked {
  background: #e5e5e5 !important;      /* light grey chip */
  border-radius: 6px !important;
}
.fg-ms__menu .fg-ms__option.is-checked span {
  color: #FF21A6 !important;           /* PINK text (change to #e5e5e5 if you prefer grey text) */
  font-weight: 600 !important;
}

/* Clear-all button (inline with your centered row) */
.fg-ms__clear-all {
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0;
  padding: .7rem 1rem;
  border: 1px solid #FF21A6;
  border-radius: 0.75rem;
  background: #fff;
  font-size: 16px;
  color: #535565;
  cursor: pointer;
  outline: 1px solid #FF21A6;
  line-height: 1.1;
}
.fg-ms__clear-all:hover { background: #f9f9f9; }

/* Make sure it sits above overlapping elements */
.fg-ms-wrap-block,
.fg-ms-wrap-block .fg-ms__clear-all {
  z-index: 99 !important;
  position: relative;
}
#fg-msjid,#fg-ms-clear-all
{
	 border-radius: 0.75rem !important;
	-webkit-border-radius: 0.75rem !important;
}