/*
 * @file
 * WS Listings Avancés - Toggle buttons stylesheet.
 *
 * @see https://gitlab.com/websenso/wordpress/plugins/ws-apidae/-/blob/main/assets/css/listing.css?ref_type=heads
 */

/* SWITCHERS */
.ws-listing .toggle-container{
  display: flex;
  gap: 10px;
}
@media (max-width: 991px) {
  .ws-listing .toggle-container .btn {
    width: 50%;
    flex-grow: 1;
  }

  .ws-listing:not([data-display]) .btn.toggle-list,
  .ws-listing[data-display='list'] .btn.toggle-list,
  .ws-listing[data-display='map'] .btn.toggle-map {
    display: none;
  }

  .ws-listing .btn.toggle-fulllist {
    display: none !important;
  }

  .ws-listing:not([data-display]) .attachment-before,
  .ws-listing[data-display='list'] .attachment-before,
  .ws-listing[data-display='map'] .view-content {
    display: none;
  }

  .ws-listing {
    padding-top: 15px;
  }

  .ws-listing .listing-header {
    position: sticky;
    top: 15px;
    z-index: 9;
    margin: 0;
  }

  .ws-listing .view-content,
  .ws-listing .attachment-before {
    margin-top: 15px;
    padding-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .ws-listing .btn.toggle-list,
  .ws-listing .btn.toggle-map {
    display: none;
  }

  .ws-listing .btn.toggle-fulllist {
    margin-left: auto;
  }

  .ws-listing[data-display='fulllist'] .attachment-before {
    display: none;
  }
}

.ws-listing .listing-header .btn.toggle-facets {
  position: relative;
}

.ws-listing .listing-header .btn.toggle-facets::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: #B70404;
  border-radius: 12px;
  position: absolute;
  top: -1px;
  right: -1px;
  box-shadow: 0 0 0 4px rgb(183, 4, 4, 0.3);
}

/*.ws-listing .panel-facets:has(.facetwp-selections:empty) + .listing-header .btn.toggle-facets::after {*/
/*  display: none;*/
/*}*/