.acc-heading { padding: 40px 0 10px; }

    .acc-heading .properties__title { margin-bottom: 0; }

.acc-filters .filters__wrap { padding-top: 10px; }

/* the three dropdowns across the top */
.acc-filters__select { height: 56px; }

/* light rule under the dropdowns and above the footer; .filters__line
   (gold) stays as the divider between Features and Categories */
.acc-filters__rule { height: 1px; background: rgba(19, 51, 81, 0.15); margin: 30px 0; }

/* checkbox lists flow into three balanced columns, so the number of
   options can change in Umbraco without the layout needing changing */
.acc-filters__checks { column-count: 3; column-gap: 30px; }

    .acc-filters__checks .filters__check { break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; }

.acc-filters .filters__sort { width: 180px; }

/* the caravan name links to its page, but keeps the card heading styling */
.prop-body__link { color: inherit; text-decoration: none; }

    .prop-body__link:hover,
    .prop-body__link:focus-visible { color: #caa24b; text-decoration: underline; }

.prop-media .swiper-slide { line-height: 0; }

.prop-media .swiper-slide .media-image { display: block; width: 100%; height: 100%; }

    .prop-media .swiper-slide .media-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
#accommodationList .prop-gallery { margin-top: 0px; }

/* park and area under the holiday home name, e.g. "Devon Cliffs, Devon" */
.prop-body__park { color: #caa24b; font-family: var(--font-sans); font-weight: 600; font-size: 16px; line-height: 1.3; }

.acc-empty { text-align: center; padding: 50px 0 10px; color: #133351; font-family: var(--font-sans); }

/* cards keep an even height and keep the button on the bottom edge */
.prop-card { display: flex; flex-direction: column; height: 100%; }

    .prop-card .prop-body { display: flex; flex-direction: column; flex: 1 1 auto; }

        .prop-card .prop-body .btn { margin-top: auto; align-self: flex-start; }

.prop-ribbon { background: #133351; text-transform: uppercase; }

.ribbon-lodge,
.ribbon-premier-lodge,
.ribbon-premier-lodge-plus,
.ribbon-supreme-lodge,
.ribbon-supreme-lodge-plus { background: #caa24b; }

/* show more */
.acc-more { margin-top: 45px; }

@media (max-width: 991.98px) {
    .acc-filters__checks { column-count: 2; }
}

@media (max-width: 767.98px) {
    .acc-heading { padding: 25px 0 5px; }

    .acc-filters__checks { column-count: 1; }

    .acc-filters__rule { margin: 25px 0; }

    .acc-filters .filters__footer { flex-direction: column; align-items: stretch; gap: 16px; }

    .acc-filters .filters__sort { width: 100%; }
}
