/*
 * Venues page filters and views (WHMCS #102050), venue-template.php.
 * Plain CSS, enqueued only on that template (inc/venues.php); the same
 * rules as src/scss/venues/_venues-archive.scss on the staging theme.
 */
.venues-archive__quick-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.venues-archive__quick-select{cursor:pointer;padding-right:14px}
.venues-archive__quick-select option{color:#1e2215}
.venues-archive__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:32px 0 24px}
.venues-archive__count{color:#6b6a66;font-size:1em}
.venues-archive__view-toggle{display:flex;gap:6px}
.venues-archive__view-btn{align-items:center;background:transparent;border:1px solid rgba(30,34,21,.15);border-radius:30px;color:#6b6a66;cursor:pointer;display:flex;font-family:inherit;font-size:.8666666667em;gap:6px;padding:8px 14px;transition:all .3s ease}
.venues-archive__view-btn svg{height:16px;width:16px}
@media (max-width:566px){.venues-archive__view-btn span{display:none}}
.venues-archive__view-btn:hover{color:#444c2f}
.venues-archive__view-btn.is-active{background-color:#444c2f;border-color:#444c2f;color:#f9f8f5}
.venues-archive__grid[hidden]{display:none}
.venues-archive__grid[data-view=list]{grid-template-columns:1fr!important}
.venues-archive__grid[data-view=list] .venue-card{align-items:center;display:grid;gap:20px;grid-template-columns:160px 1fr}
.venues-archive__grid[data-view=list] .venue-card__image{margin-bottom:0}
.venues-archive__map-canvas{border-radius:8px;height:60vh;min-height:420px;overflow:hidden;width:100%}
.venues-map-popup{color:inherit;display:flex;flex-direction:column;gap:4px;text-decoration:none;width:240px}
.venues-map-popup__image{aspect-ratio:16/9;background:#e8e6df;border-radius:4px;display:block;height:auto;margin-bottom:6px;-o-object-fit:cover;object-fit:cover;width:100%}
.venues-map-popup__title{font-size:15px;font-weight:600;line-height:1.3}
.venues-map-popup__region{font-size:13px;opacity:.7}
.venues-map-popup:focus-visible .venues-map-popup__title,.venues-map-popup:hover .venues-map-popup__title{text-decoration:underline}