* {
box-sizing: border-box;
}  .ws-listing {
display: flex;
flex-wrap: wrap;
}
.ws-listing.alignfull {
padding: 0 15px;
}
.ws-listing .listing-header {
width: 100%;
}
.ws-listing .facetwp-template,
.ws-listing .map-marker {
width: 100%;
}
.ws-listing .facetwp-template {
flex-grow: 1;
}
.ws-listing .map-marker {
position: relative;
z-index: 2;
}
.ws-listing .map-marker #map {
border-radius: var(--border-radius);
overflow: hidden;
}
.ws-listing .list-items {
display: grid;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 15px;
}
@media (min-width: 992px) {
.ws-listing .map-marker,
.ws-listing .facetwp-template {
padding-top: 15px;
}
.ws-listing .facetwp-template {
width: 60%;
}
.ws-listing .map-marker {
width: 40%;
height: calc(100vh - 15px);
position: sticky;
top: 0;
right: 15px;
padding-left: 15px;
}
.ws-listing .map-marker #map {
height: 100% !important;
background: var(--color-light);
}
}
.ws-listing .apidae-popup {
width: 230px;
} @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]) .map-marker,
.ws-listing[data-display='list'] .map-marker,
.ws-listing[data-display='map'] .facetwp-template {
display: none;
}
.ws-listing {
padding-top: 15px;
}
.ws-listing .listing-header {
position: sticky;
top: 15px;
z-index: 9;
margin: 0;
}
.ws-listing .facetwp-template,
.ws-listing .map-marker {
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'] .map-marker {
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;
} .listing-header {
margin-bottom: 10px;
}
.listing-header .results,
.facetwp-template .results {
font-weight: 700;
}
.facetwp-template .results {
margin-bottom: 10px;
}
.listing-header .toggle-container {
display: flex;
gap: 10px;
} .card-apidae {
padding: 0;
border: 0 none;
position: relative;
z-index: 0;
overflow: hidden;
}
.card-apidae .group-media {
border-radius: var(--border-radius);
}
.ws-listing .card-apidae {
height: 100%;
}
@media (min-width: 992px) {
.ws-listing .card-apidae {
max-width: 380px;
}
}
.card-apidae .ws-wishlist-link {
border-radius: var(--border-radius);
}
.card-apidae .group-actions {
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
display: flex;
}
.card-apidae .group-media {
overflow: hidden;
}
.card-apidae .group-media .field-image {
transform: scale(1);
transition: transform 0.45s;
}
.card-apidae .group-media img {
width: 100%;
display: block;
}
.card-apidae .group-content {
padding: 10px 0;
}
.card-apidae .field-title {
margin: 0;
font-size: 18px;
}
.card-apidae:hover .group-media .field-image,
.card-apidae:focus .group-media .field-image {
transform: scale(1.1);
}
.card-apidae .ws-apidae-date-coming {
font-weight: 700;
} .facetwp-pager {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 15px 0;
gap: 5px;
}
.facetwp-pager .facetwp-page {
display: flex;
align-items: center;
justify-content: center;
padding: 0 8px;
height: 34px;
margin: 0;
min-width: 34px;
text-align: center;
text-decoration: none;
line-height: 1;
font-size: 1rem;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--white);
border-radius: var(--border-radius);
transition: background 0.25s, color 0.25s;
}
.facetwp-pager .facetwp-page:hover,
.facetwp-pager .facetwp-page:focus,
.facetwp-pager .facetwp-page.active {
background: var(--color-1);
font-weight: 400;
} .panel-fixe .facet-buttons {
display: flex;
align-items: center;
gap: 15px;
}
.panel-fixe .facet-buttons input[type="submit"] {
margin-left: auto;
}
.panel-facets .facetwp-checkbox,
.panel-facets .facetwp-checkbox.checked {
background: 0 none;
appearance: none;
position: relative;
padding-left: 24px;
}
.panel-facets .facetwp-checkbox::before {
content: '';
display: block;
width: 12px;
height: 12px;
border: solid 2px #fff;
position: absolute;
top: 3px;
left: 0;
box-shadow: 0 0 0 1px #000;
}
.panel-facets .facetwp-checkbox.checked::before {
background: currentColor;
}
.panel-facets .facetwp-counter {
opacity: 0.6;
}
.panel-facets .facetwp-facet,
.facetwp-facet.facetwp-type-pager {
margin-bottom: 0;
}
.panel-facets .facet-label {
margin-bottom: 10px;
font-size: 20px;
}
.panel-facets .facetwp-date {
padding: 8px 12px;
}
.panel-facets .facetwp-facet {
font-size: 16px;
}
.panel-facets .facetwp-facet-dates {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.panel-facets .facetwp-facet-dates .facetwp-date-wrapper {
display: flex;
flex-direction: column;
width: 50%;
padding: 0 10px;
}
.panel-facets .facetwp-facet-dates .facetwp-date-wrapper label {
display: none;
}
.panel-facets .panel-content {
display: flex;
flex-direction: column;
}
.panel-facets .facetwp-toggle {
padding: 5px 0;
}
.panel-facets .facetwp-toggle:not(.facetwp-hidden) {
display: inline-block;
}
.panel-facets .facetwp-selections ul {
margin: 0;
}
.panel-facets .facetwp-selections li {
display: inline;
padding: 0;
}
.panel-facets .facetwp-selections li::before {
display: none;
}
.panel-facets .facetwp-selections .facetwp-selection-label {
display: none;
}
.panel-facets .facetwp-selections .facetwp-selection-value {
display: inline-block;
vertical-align: top;
margin: 0;
margin-right: 4px;
margin-bottom: 4px;
border: solid 1px;
font-size: 14px;
border-radius: 4px;
padding: 4px 6px;
border-color: #D1D1D1;
background: 0 none;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 20px;
position: relative;
}
.panel-facets .facetwp-selections .facetwp-selection-value::before {
content: '';
display: block;
position: absolute;
width: 9px;
height: 9px;
background: currentColor;
mask-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/close.svg);
mask-size: contain;
top: 7px;
right: 6px;
opacity: 0.4;
left: auto;
}
.panel-facets .facetwp-selections .facetwp-selection-value:hover::before {
opacity: 1;
}
.panel-facets .facet-wrap:last-child .facetwp-facet {
margin-bottom: 0;
}
.panel-facets .link-reset {
font-size: 14px;
display: none;
margin-left: 6px;
}
.panel-facets .group-summary .facetwp-selections,
.panel-facets .group-summary ul {
display: inline;
}
.panel-facets .facet-wrap,
.panel-facets .group-summary:has(.facetwp-selection-value) {
margin-bottom: 15px;
}
.panel-facets .facetwp-selections:has(.facetwp-selection-value) + .link-reset {
display: inline-block;
} .leaflet-popup img {
max-width: 100%; 
height: auto;
}
.marker-pin {
width: 20px;
height: 20px;
background-color: #ff5a5f;
border: 2px solid white;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}:root {
--sidebarWidth: 100%;
--contentWidth: 100%;
--layoutGap: 0;
}
@media (min-width: 992px) {
:root {
--sidebarWidth: 40%;
--contentWidth: calc(100% - var(--sidebarWidth));
--layoutGap: 30px;
}
}
@media (min-width: 1200px) {
:root {
--sidebarWidth: 30%;
--contentWidth: calc(100% - var(--sidebarWidth));
--layoutGap: 60px;
}
}
.h2, 
.h3,
.h4 {
display: block;
font-weight: bold;
}
.h2 {
font-size: 1.5rem;
}
.h3 {
font-size: 1.17rem;
}
.h4 {
font-size: 1em;
}  .single-apidae .apidae-row {
gap: var(--layoutGap);
}
.single-apidae .apidae-row > .wp-block-column.group-main,
.single-apidae .apidae-row > .wp-block-column.group-sidebar {
flex-basis: auto;
flex-grow: unset;
position: relative;
z-index: 0;
}
.single-apidae .apidae-row > .wp-block-column.group-sidebar {
min-width: var(--sidebarWidth);
width: var(--sidebarWidth);
}
@media (min-width: 768px) {
.single-apidae .apidae-row {
flex-wrap: wrap !important;
}
}
@media (min-width: 992px) {
.single-apidae .apidae-row {
flex-wrap: nowrap !important;
}
}  .single-apidae details {
margin: 15px 0;
}
.single-apidae summary {
list-style-type: none;
}
.single-apidae summary::-webkit-details-marker {
display: none;
}
.single-apidae summary > .h2 {
font-size: 26px;
margin-bottom: 15px;
}
.single-apidae details summary {
border: 0 none;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 15px;
cursor: pointer;
}
.single-apidae details summary .h2 {
margin: 0;
position: relative;
border-bottom: solid 1px;
}
.single-apidae .group-contact-address {
padding-left: 40px;
position: relative;
}
.single-apidae .group-contact-address::before {
content: '';
display: block;
width: 28px;
height: 28px;
background: var(--color-1);
position: absolute;
top: 0;
left: 5px;
mask-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/exemple/place.svg);
mask-size: contain;
mask-position: center center;
mask-repeat: no-repeat;
}
.single-apidae details summary .h2::after {
mask-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/exemple/chevron.svg);
mask-size: contain;
mask-position: center center;
mask-repeat: no-repeat;
}
.single-apidae details summary .h2::after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 9px;
right: 0;
background: currentColor;
transform: rotateZ(-90deg);
}
.single-apidae details[open] summary .h2::after {
transform: rotateZ(0);
}
.single-apidae .splide {
padding-bottom: 60px;
}
.single-apidae .splide img {
width: 100%;
}
.single-apidae .splide .splide__arrows {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 115px;
display: flex;
justify-content: space-between;
pointer-events: none;
}
.single-apidae .splide .splide__arrows .splide__arrow {
display: inline-flex;
vertical-align: top;
position: static;
transform: none;
height: auto;
width: auto;
padding: 17px;
background: var(--color-1);
pointer-events: all;
}
.single-apidae .splide .splide__arrows .splide__arrow svg {
fill: #FFFFFF;
}
.single-apidae .splide .splide__arrows .splide__arrow.btn-prev {
transform: rotateZ(180deg);
}
.single-apidae .splide .splide__slide .wrapper {
position: relative;
}
.single-apidae .splide .splide__slide .wrapper .copyright {
display: none;
}  .single-apidae .group-contact-address {
margin-bottom: 15px;
}
.single-apidae .group-contact-address .address-1 {
font-weight: 700;
}
.single-apidae .group-contact-links {
max-width: 260px;
display: flex;
flex-direction: column;
gap: 5px;
}
.single-apidae .group-descriptifcourt div {
font-size: var(--wp--preset--font-size--medium);
font-weight: bold;
}
.single-apidae .group-contact-links .btn {
width: 100%;
text-decoration: none;
}  .single-apidae .main-image img {
aspect-ratio: 3 / 2;
width: 100%;
height: auto;
display: block;
}
.taxonomy-list {
margin-bottom: 15px;
}
.details-wrapper > ul,
.details-wrapper > ul li {
list-style-type: none;
padding: 0; 
}
.taxonomy-list ul {
margin: 0;
}
.details-wrapper > ul li {
width: 100%;
padding-right: 15px;
margin: 0;
position: relative;
margin-bottom: 0;
break-inside: avoid-column;
page-break-inside: avoid;
padding-top: 6px;
padding-bottom: 6px;
min-height: 20px;
}
.taxonomy-list .details-wrapper > ul {
column-count: 2;
margin: 0;
margin-top: 5px;
}
@media (min-width: 768px) {
.taxonomy-list .details-wrapper > ul {
column-count: 3;
}
}
@media (min-width: 1200px) {
.taxonomy-list .details-wrapper > ul {
column-count: 4;
}
} .group-apidae-langues_parlees .details-wrapper > ul,
.group-apidae-modes_paiement .details-wrapper > ul {
column-count: unset;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees,
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement {
font-size: 0;
width: 55px;
height: 45px;
padding: 0;
position: relative;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees {
width: 40px;
height: 28px;
background-size: cover;
border-radius: 6px;
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/default.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/default.svg);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees::after,
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement::after {
content: attr(data-title);
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
min-width: 120px;
max-width: 220px;
padding: 6px 9px;
background: #000000;
color: #FFFFFF;
border-radius: 6px;
opacity: 0;
pointer-events: none;
text-align: center;
transform: translateX(-50%);
transition: opacity 0.25s;
line-height: 1.2;
font-size: 14px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees:hover::after,
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement:hover::after {
opacity: 1;
} .group-apidae-langues_parlees .taxonomy-apidae-langues_parlees.apidae-id-1192 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/en.svg);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees.apidae-id-1197 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/fr.svg);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees.apidae-id-1200 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/it.svg);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees.apidae-id-1194 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/es.svg);
}
.group-apidae-langues_parlees .taxonomy-apidae-langues_parlees.apidae-id-1189 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/flags/de.svg);
}
.group-apidae-langues_parlees p {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/translation.svg);
background-repeat: no-repeat;
background-size: 25px;
padding-left: 30px;
} .group-apidae-modes_paiement .taxonomy-apidae-modes_paiement {
filter: grayscale(100%);
transition: filter 0.25s;
&:hover {
filter: grayscale(0%);
}
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1268 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/cb.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1271 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/cheques.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1277 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/cash.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-6284 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/applepay.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1274 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/ancv-vacances.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1265 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/card-american-express.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-6283 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/contactless.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-5558 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/online-payment.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-4098 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/carte-ticket-restaurant.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-6181 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/cheque-vacances-connect.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-6367 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/coupon-sport-ancv.png);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1287 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/paypal.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1285 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/titre-restaurant.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-1281 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/virement.svg);
}
.group-apidae-modes_paiement .taxonomy-apidae-modes_paiement.apidae-id-6852 {
background-image: url(//www.puget-lesadrets-tourisme.com/wp-content/plugins/ws-apidae/assets/icons/payment/wero.svg);
} .apidae-dateModification {
font-size: var(--wp--preset--font-size--small);
font-style: italic;
text-align: right;
}
.ws-apidae-group-map-address {
background-color: #EEE;
border-radius: 0.5rem;
}