/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/grdnrs-posts-listing/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/************************************
 * Grids
 */
/************************************
 * Breakpoints
 */
/************************************
 * Transitions
 */
/************************************
 * Fonts
 */
/*** LOCAL FONTS ***/
/*** FONTS ***/
/*** VARIABLES TO USE ***/
/************************************
 * Font Sizes
 */
/************************************
 * COLORS
 */
/************************************
 * THEME
 */
/**
 * Font-size calcul
 */
/**
* Trigger hover effect on different pseudo-classes
* depending on touch or no-touch device
* => no-touch > on hover and on focus (by default, can be disable)
* => touch > on active, and when a class is added on the targeted element (optionnal)
*
* @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only)
* @param $touchClass (string) the hover effect will be set if the targeted element has this class
*/
/**
* Set an item to 100% of its parent's width and height
*/
/**
* Set an item to 100% of the window width (and 100% of its parent height)
* even if located in a limited width wrapper
*/
/**
* Set an item to 100% of the window width
* even if located in a limited width wrapper,
* but keep it in the flow
*/
/**
* To call on an <img> tag.
* Set the image size to adapt to its parent
*/
/**
* Like img-cover(), but for responsive img with <picture>
* /!\ To call on <picture>, or <img> parent.
*/
/**
* Floating form items
* if $class2 equals 'empty', the next item is cleared
*/
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
/**
Convert em value into px
 */
/**
Fluid font-size between 2 breakpoints.
Font-size must be in px, use em2px() function to convert from em.
*/
/**
Fluid value between 2 breakpoints (can be use for other than font-size)
(Font-size must be in px, use em2px() function to convert from em)
*/
/*
Fluid value - clamp version (2023)
@see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/
 */
/**
 * Animated placeholder for images or divs (FB like)
 */
/*** SPECIFIC TO CURRENT PROJECT ***/
.wp-block-grdnrs-posts-listing {
  /* Map layer select */
  /* Posts list container pour la carte */
  /* Map container - même structure que l'original */
  /* Zoom level */
  /* Spinner pour la carte */
  /* Sidebar pour la carte */
  /* popup or sidebar content */
  /* Cluster styles pour la carte */
}
.wp-block-grdnrs-posts-listing__map-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 24px;
}
@media (max-width: 480px) {
  .wp-block-grdnrs-posts-listing__map-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wp-block-grdnrs-posts-listing__map-search form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}
@media (max-width: 480px) {
  .wp-block-grdnrs-posts-listing__map-search form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wp-block-grdnrs-posts-listing__map-search form .address-input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wp-block-grdnrs-posts-listing__map-search form .address-input-wrapper .input-loader {
  position: absolute;
  right: 10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
          animation: spin 0.8s linear infinite;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.wp-block-grdnrs-posts-listing__map-search form input {
  padding-inline: clamp(15px, 6.82vw + -80.45px, 30px);
  width: 100%;
}
@media (min-width: 481px) {
  .wp-block-grdnrs-posts-listing__map-search form input {
    min-width: 350px;
  }
}
.wp-block-grdnrs-posts-listing__map-search__input-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 480px) {
  .wp-block-grdnrs-posts-listing__map-search__input-container {
    width: 100%;
  }
}
.wp-block-grdnrs-posts-listing__map-search__address-suggestions {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1002;
  width: 100%;
}
.wp-block-grdnrs-posts-listing__map-search__address-suggestions .suggestion-item {
  background: #DDDBE4;
  cursor: pointer;
  padding: 10px;
}
.wp-block-grdnrs-posts-listing__map-search__address-suggestions .suggestion-item:hover {
  background: #B2B2B2;
}
.wp-block-grdnrs-posts-listing__map-search__address-suggestions.is-visible {
  display: block;
}
.wp-block-grdnrs-posts-listing #posts-listing-theme-select {
  padding-inline: clamp(15px, 6.82vw + -80.45px, 30px);
}
.wp-block-grdnrs-posts-listing .refresh-map-button {
  position: absolute;
  z-index: 400;
  cursor: pointer;
  left: 50%;
  bottom: 15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.wp-block-grdnrs-posts-listing__posts-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 400px;
  min-width: 400px;
  overflow: hidden;
}
.wp-block-grdnrs-posts-listing__posts-list-container input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-inline: clamp(15px, 6.82vw + -80.45px, 30px);
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list {
  overflow-y: auto;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list ul {
  border: 1px solid #000000;
  width: 100%;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  padding: 10px;
  cursor: pointer;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list ul li a {
  display: block;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list ul li:not(:last-of-type) {
  border-bottom: 1px solid #000000;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list::-webkit-scrollbar {
  width: 6px;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list::-webkit-scrollbar-track {
  background: #f3f3f3;
}
.wp-block-grdnrs-posts-listing__posts-list-container .posts-list::-webkit-scrollbar-thumb {
  background-color: var(--c-action);
}
.wp-block-grdnrs-posts-listing .map-container {
  position: relative;
  overflow: hidden;
  height: calc(100dvh - 100px);
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 601px) {
  .wp-block-grdnrs-posts-listing .map-container {
    height: 660px;
  }
}
.wp-block-grdnrs-posts-listing__content--with-map .wp-block-grdnrs-posts-listing .map-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
@media (max-width: 980px) {
  .wp-block-grdnrs-posts-listing__content--with-map .wp-block-grdnrs-posts-listing .map-container {
    margin-bottom: 24px;
  }
}
.wp-block-grdnrs-posts-listing .map-container > div[id$=-map] {
  pointer-events: auto !important;
  -ms-touch-action: none !important;
      touch-action: none !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  height: 100%;
}
.wp-block-grdnrs-posts-listing .map-container > div[id$=-map].leaflet-container {
  pointer-events: auto !important;
  -ms-touch-action: none !important;
      touch-action: none !important;
}
.wp-block-grdnrs-posts-listing .map-container .marker-icon {
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.wp-block-grdnrs-posts-listing .map-container .marker-icon.marker-icon-active {
  border: 2px solid var(--c-action);
}
.wp-block-grdnrs-posts-listing #posts-listing-zoom-level {
  position: absolute;
  bottom: 20px;
  right: 15px;
  z-index: 1000;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px 12px;
}
.wp-block-grdnrs-posts-listing #posts-listing-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.wp-block-grdnrs-posts-listing #posts-listing-loading-indicator .spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ddd;
  border-top-color: #007bff;
  border-radius: 50%;
  -webkit-animation: map-spin 1s linear infinite;
          animation: map-spin 1s linear infinite;
}
@-webkit-keyframes map-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes map-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002;
  height: 100%;
  width: 100%;
  background: #ffffff;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-radius: 15px 0 0 0;
  overflow-y: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (min-width: 601px) {
  .wp-block-grdnrs-posts-listing #posts-listing-sidebar {
    width: 400px;
  }
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar::-webkit-scrollbar {
  width: 6px;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar::-webkit-scrollbar-track {
  background: #f3f3f3;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--c-action);
  border-radius: 10px;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .sidebar-content {
  padding: 0 20px 20px;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  position: relative;
  width: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  z-index: 1000;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar .cross {
  position: relative;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar .cross .line {
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #333;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar .cross .line:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar .cross .line:last-child {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar:hover .line, .wp-block-grdnrs-posts-listing #posts-listing-sidebar .close-sidebar:focus .line {
  background-color: var(--c-link);
}
.wp-block-grdnrs-posts-listing .projet-content h3 {
  margin-top: 8px;
  font-size: clamp(18px, 0.13vw + 17.51px, 20px);
  font-weight: bolder;
  color: var(--c-action);
}
.wp-block-grdnrs-posts-listing .projet-content .link {
  color: var(--c-main);
}
.wp-block-grdnrs-posts-listing .projet-content .link:hover {
  color: var(--c-action);
}
.wp-block-grdnrs-posts-listing .marker-cluster-small {
  background-color: rgba(148, 0, 211, 0.5);
}
.wp-block-grdnrs-posts-listing .marker-cluster-small > div {
  background-color: #9400d3;
}
.wp-block-grdnrs-posts-listing .marker-cluster-small > div span {
  color: #ffffff;
}
.wp-block-grdnrs-posts-listing .marker-cluster-medium {
  background-color: rgba(102, 51, 153, 0.5);
}
.wp-block-grdnrs-posts-listing .marker-cluster-medium > div {
  background-color: #663399;
}
.wp-block-grdnrs-posts-listing .marker-cluster-medium > div span {
  color: #ffffff;
}
.wp-block-grdnrs-posts-listing .marker-cluster-large {
  background-color: rgba(37, 14, 98, 0.5);
}
.wp-block-grdnrs-posts-listing .marker-cluster-large > div {
  background-color: #250e62;
}
.wp-block-grdnrs-posts-listing .marker-cluster-large > div span {
  color: #ffffff;
}

.wp-block-grdnrs-posts-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .wp-block-grdnrs-posts-listing {
    overflow-x: hidden;
  }
}
.wp-block-grdnrs-posts-listing__filters-container {
  width: 100%;
  padding: clamp(0px, 1.55vw + -5.83px, 24px) 0;
  border-bottom: 1px solid #000;
  margin-bottom: 24px;
}
.wp-block-grdnrs-posts-listing__text-search {
  margin-bottom: 24px;
}
.wp-block-grdnrs-posts-listing__text-search .label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #333;
}
.wp-block-grdnrs-posts-listing__text-search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.wp-block-grdnrs-posts-listing__text-search input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 12px;
  border: 1px solid #000;
  background: #fff;
  border-radius: 0;
  font-size: 14px;
}
.wp-block-grdnrs-posts-listing__text-search input[type=text]:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.wp-block-grdnrs-posts-listing__text-search button[type=submit] {
  padding: 8px 16px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 14px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.wp-block-grdnrs-posts-listing__text-search button[type=submit]:hover {
  background: #fff;
  color: #000;
}
.wp-block-grdnrs-posts-listing__text-search .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wp-block-grdnrs-posts-listing #filter-switch {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 8px 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  /*@media (max-width: $bp-large) {
  	display: flex;
  }*/
}
.wp-block-grdnrs-posts-listing #filter-switch .picto {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy40MTQiIGhlaWdodD0iOC4xMjEiIHZpZXdCb3g9IjAgMCAxMy40MTQgOC4xMjEiPgogIDxnIGlkPSJhcnJvdy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjcwNyAwLjcwNykgcm90YXRlKDkwKSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzQ5IiBkYXRhLW5hbWU9IlRyYWPDqSA0OSIgZD0iTTQ2Myw2NzYuMzY1bDYsNi02LDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMgLTY3Ni4zNjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyMjIyMjEiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwvZz4KPC9zdmc+Cg==);
}
.wp-block-grdnrs-posts-listing #filter-switch.active .picto {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.wp-block-grdnrs-posts-listing .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*@media (max-width: $bp-large) {
  	max-height: 0;
  	overflow: hidden;
  	transition: $transition-link;

  	&.open {
  		max-height: 1000px !important;
  		padding-top: 16px;
  	}

  	.wp-block-grdnrs-posts-listing__filters__actions {
  		order: 2;
  	}
  	.wp-block-grdnrs-posts-listing__filters {
  		order: 1;
  	}
  }*/
}
.wp-block-grdnrs-posts-listing__results-count {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  margin-bottom: 16px;
  z-index: 1000;
}
.wp-block-grdnrs-posts-listing__results-count .count {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.wp-block-grdnrs-posts-listing__results-count .label-default,
.wp-block-grdnrs-posts-listing__results-count .label-filtered {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #666;
}
.wp-block-grdnrs-posts-listing__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: clamp(0px, 1.04vw + -3.88px, 16px);
}
.wp-block-grdnrs-posts-listing__filters__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 20px;
  min-width: 200px;
  margin-bottom: 0;
}
.wp-block-grdnrs-posts-listing__filters__group > label {
  display: block;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  color: var(--wp--preset--color--custom-bleu-fonce);
}
.wp-block-grdnrs-posts-listing__filters__select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  color: var(--wp--preset--color--custom-bleu-fonce);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%23999%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  min-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wp-block-grdnrs-posts-listing__filters__select:hover {
  border-color: #000;
  background-color: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__select:focus {
  outline: none;
  border-color: #000;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.wp-block-grdnrs-posts-listing__filters__select option:disabled {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__text {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  color: var(--wp--preset--color--custom-bleu-fonce);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__text:hover {
  border-color: #000;
  background-color: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__text:focus {
  outline: none;
  border-color: #000;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.wp-block-grdnrs-posts-listing__filters__text::-webkit-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__text::-moz-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__text:-ms-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__text::-ms-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__text::placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  font-weight: 400;
  padding: 4px;
  margin-bottom: 0;
  cursor: pointer;
  color: var(--wp--preset--color--custom-bleu-fonce);
  border-radius: 2px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container input[type=checkbox]:hover {
  border-color: var(--wp--preset--color--custom-bleu);
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container input[type=checkbox]:checked {
  background-color: var(--wp--preset--color--custom-bleu);
  border-color: var(--wp--preset--color--custom-bleu);
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wp-block-grdnrs-posts-listing__filters__checkbox-container input[type=checkbox]:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.wp-block-grdnrs-posts-listing__filters__custom-select {
  position: relative;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__trigger {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 8px 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  color: var(--wp--preset--color--custom-bleu-fonce);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  min-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__trigger:hover {
  border-color: #000;
  background-color: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__trigger:focus {
  outline: none;
  border-color: #000;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.wp-block-grdnrs-posts-listing__filters__custom-select__trigger:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #999;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__trigger.active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 2px 2px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  scrollbar-width: thin;
  scrollbar-color: #ccc #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown::-webkit-scrollbar {
  width: 6px;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown::-webkit-scrollbar-track {
  background: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 400;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  color: var(--wp--preset--color--custom-bleu-fonce);
  border-bottom: 1px solid #f0f0f0;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown label:hover {
  background-color: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__custom-select__dropdown label:last-child {
  border-bottom: none;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  font-size: clamp(14px, 0.26vw + 13.03px, 18px);
  color: var(--wp--preset--color--custom-bleu-fonce);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]:hover {
  border-color: #000;
  background-color: #f8f8f8;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]:focus {
  outline: none;
  border-color: #000;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]::-webkit-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]::-moz-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]:-ms-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]::-ms-input-placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs input[type=number]::placeholder {
  color: #999;
}
.wp-block-grdnrs-posts-listing__filters__range-container .range-inputs .range-separator {
  color: #999;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wp-block-grdnrs-posts-listing__filters__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.wp-block-grdnrs-posts-listing__filters__actions button {
  border-radius: 2px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-weight: 500;
}
.wp-block-grdnrs-posts-listing__filters__actions button.filter-apply-btn {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.wp-block-grdnrs-posts-listing__filters__actions button.filter-apply-btn:hover {
  background: #333;
  border-color: #333;
}
.wp-block-grdnrs-posts-listing__filters__actions button.filter-reset-btn {
  background: #fff;
  border: 1px solid #ddd;
  color: var(--wp--preset--color--custom-bleu-fonce);
}
.wp-block-grdnrs-posts-listing__filters__actions button.filter-reset-btn:hover {
  border-color: #000;
  background: #000;
  color: #fff;
}
.wp-block-grdnrs-posts-listing__filters__actions button .picto {
  display: none;
}
.wp-block-grdnrs-posts-listing__active-filters {
  margin-bottom: 16px;
}
.wp-block-grdnrs-posts-listing__active-filters__title {
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
}
.wp-block-grdnrs-posts-listing__active-filters__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.wp-block-grdnrs-posts-listing__active-filters__pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  padding: 4px 8px;
  font-size: 12px;
  color: #000;
  gap: 6px;
}
.wp-block-grdnrs-posts-listing__active-filters__pill--search {
  background: #000;
  color: #fff;
}
.wp-block-grdnrs-posts-listing__active-filters__pill__label {
  font-weight: 500;
}
.wp-block-grdnrs-posts-listing__active-filters__pill__value {
  font-weight: 400;
}
.wp-block-grdnrs-posts-listing__active-filters__pill__remove {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}
.wp-block-grdnrs-posts-listing__active-filters__pill__remove:hover {
  opacity: 0.7;
}
.wp-block-grdnrs-posts-listing__active-filters__pill__remove:before {
  content: "×";
}
.wp-block-grdnrs-posts-listing__display-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  margin-bottom: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #666;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn:first-child {
  border-right: none;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn:hover {
  background: #f5f5f5;
  color: #333;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn.active {
  background: #000;
  color: #fff;
  border-color: #000;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.wp-block-grdnrs-posts-listing__display-switcher .display-switch-btn svg {
  width: 16px;
  height: 16px;
}
.wp-block-grdnrs-posts-listing__content {
  width: 100%;
}
.wp-block-grdnrs-posts-listing__content--with-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 980px) {
  .wp-block-grdnrs-posts-listing__content--with-map {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wp-block-grdnrs-posts-listing__content--with-map .wp-block-grdnrs-posts-listing__listing-container {
  max-width: 400px;
  max-height: 660px;
  overflow-y: auto;
}
.wp-block-grdnrs-posts-listing__listing-container {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 980px) {
  .wp-block-grdnrs-posts-listing__listing-container {
    width: 100%;
  }
}
.wp-block-grdnrs-posts-listing__listing {
  width: 100%;
}
.wp-block-grdnrs-posts-listing__listing--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
  gap: 25px;
}
@media screen and (min-width: 768px) {
  .wp-block-grdnrs-posts-listing__listing--grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .wp-block-grdnrs-posts-listing__listing--grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.wp-block-grdnrs-posts-listing__listing__item {
  padding: 16px 0;
}
.wp-block-grdnrs-posts-listing__load-more {
  text-align: center;
  margin-top: 2rem;
}
.wp-block-grdnrs-posts-listing__load-more button {
  background: #007cba;
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}
.wp-block-grdnrs-posts-listing__load-more button:hover {
  background: #005a87;
}
.wp-block-grdnrs-posts-listing__load-more button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.wp-block-grdnrs-posts-listing__loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  border-radius: 8px;
}
.wp-block-grdnrs-posts-listing__loading.show {
  opacity: 1;
  visibility: visible;
}
.wp-block-grdnrs-posts-listing__loading__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  padding: 24px 32px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.wp-block-grdnrs-posts-listing__loading .spinner {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top: 3px solid #000;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  margin-bottom: 16px;
}
.wp-block-grdnrs-posts-listing__loading p {
  margin: 0;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.wp-block-grdnrs-posts-listing__map-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.wp-block-grdnrs-posts-listing__map-loading.show {
  opacity: 1;
  visibility: visible;
}
.wp-block-grdnrs-posts-listing__map-loading .map-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid #007cba;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.filter-term-unavailable,
.filter-value-unavailable {
  opacity: 0.4;
  pointer-events: none;
}

option:disabled {
  opacity: 0.4;
  color: #999;
}

.wp-block-grdnrs-posts-listing__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px 0;
}
.wp-block-grdnrs-posts-listing__sort .sort-label {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: #333;
  white-space: nowrap;
}
.wp-block-grdnrs-posts-listing__sort .sort-selector {
  min-width: 200px;
  padding: 8px 32px 8px 12px;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23000%27 d=%27M1.41 0L6 4.59 10.59 0 12 1.41l-6 6-6-6z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: border-color 0.2s ease, outline 0.2s ease;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
.wp-block-grdnrs-posts-listing__sort .sort-selector:hover {
  border-color: #333;
}
.wp-block-grdnrs-posts-listing__sort .sort-selector:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-color: #000;
}
.wp-block-grdnrs-posts-listing__sort .sort-selector::-ms-expand {
  display: none;
}
@media (max-width: 640px) {
  .wp-block-grdnrs-posts-listing__sort {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  .wp-block-grdnrs-posts-listing__sort .sort-selector {
    width: 100%;
  }
}

/*# sourceMappingURL=style-index.css.map*/