/* Community-spotted houses on the map, cards, key and submit chooser.
   Values follow the approved "Nominate a Display" design (1a, 1b, 1f, 1h). */
/* Pins: owner-pin proportions (30x35 mobile, 34x40 desktop) so unverified community pins never outshine owner pins,
   inside a 44x44 invisible tap area (the Leaflet icon box). Anchor is bottom centre. */
.community-icon{width:44px;height:44px}
html body .community-icon .pin.pin--community{position:absolute;left:50%;bottom:0;width:30px;height:35px;margin-left:-15px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
@media(min-width:768px){html body .community-icon .pin.pin--community{width:34px;height:40px;margin-left:-17px}}
html body .community-icon .pin.pin--community.is-linked,html body .community-icon .pin.pin--community.is-selected{transform:scale(1.18);filter:drop-shadow(0 0 10px rgba(180,140,255,.9))}
html body .pin.pin--community::after{display:none}
.pin--community .pin__art--route{display:none}
.pin--community.is-on-route .pin__art{display:none}
.pin--community.is-on-route .pin__art--route{display:block}
.pin__cnum{position:absolute;left:0;right:0;top:34%;text-align:center;font:800 11px/13px var(--f-cond);color:#FF7A1A;pointer-events:none}
@media(min-width:768px){.pin__cnum{font-size:12px;line-height:14px}}
.pin--community.is-on-route .pin__cnum{color:#A6E22E}
/* Card pins sit at 40x47 in the card head. */
html body .card__pin--community,html body #cardList .card--compact .card__head .card__pin--community{flex:none;width:40px;height:47px}
html body .card__pin--community .pin.pin--card,html body #cardList .card--compact .card__head .card__pin--community .pin{width:40px;height:47px;transform:none;filter:none}
.card__pin--community .pin__cnum{font-size:15px;line-height:18px;top:32%}

/* Filter toggle in the filter rail (and the phone Filters sheet): checkbox-style, separate from the scare-level chips. */
.filter-rail .filter.filter--rail[data-rail-filter="community"]{display:inline-flex;align-items:center;gap:8px;padding-left:8px}
.filter-rail .filter--rail[data-rail-filter="community"]::before{content:"";width:16px;height:16px;border-radius:4px;border:1.5px solid #A89DB4;box-sizing:border-box;flex:none}
.filter-rail .filter.filter--rail[data-rail-filter="community"][aria-pressed="true"]{border-color:#B48CFF;background:#241638;color:#F6EBD3}
.filter-rail .filter--rail[data-rail-filter="community"][aria-pressed="true"]::before{content:"✓";background:#B48CFF;border-color:#B48CFF;color:#120E18;font:800 12px/13px var(--f-body);text-align:center}
html[data-fullmap] .nominate-fab{display:none}

/* Entry point on the map, beside Submit. */
.nominate-fab{position:absolute;right:12px;bottom:28px;z-index:650;height:48px;padding:0 18px;display:flex;align-items:center;gap:10px;background:#16111E;border:2px solid #B48CFF;border-radius:24px;color:#F6EBD3;font:600 16px var(--f-body);text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.5)}
.nominate-fab:hover{background:#241638;color:#F6EBD3}
.nominate-fab img{width:20px;height:24px}
html:not([data-category="displays"]) .nominate-fab{display:none}
@media(max-width:767px){.nominate-fab{left:16px;right:16px;bottom:14px;height:46px;justify-content:center;border-radius:23px;font-size:15px}.nominate-fab img{width:18px;height:21px}html[data-mview="list"] .nominate-fab{display:none}}

/* Nominated list cards share the compact display-card layout. Why/notes, the
   disclaimer, and claim/remove live in .community__expand and open on click. */
html body #cardList .card--compact .card__hours-row .community__toggle{flex:none;margin:0;padding:0;border:0;background:none;cursor:pointer;font:600 12px/1.3 var(--f-body);color:#B48CFF;white-space:nowrap;text-transform:none}
.card--community .community__toggle:hover{color:#F6EBD3}
.card--community .community__expand{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}
.card--community .community__expand[hidden]{display:none!important}
.card--community .community__why{margin:0}
.map-popup--community{border:2px solid #B48CFF;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:14px;background:#1C1626;box-shadow:0 0 0 3px rgba(180,140,255,.18);position:relative}
.map-popup--community .community__expand{display:flex;flex-direction:column;gap:10px}
.community__head{display:flex;gap:12px;align-items:flex-start}
.community__head .card__heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.map-popup--community .community__head{padding-right:30px}
.community__head .card__name{margin:0;font:800 22px/1.05 var(--f-cond);text-transform:uppercase;color:#F6EBD3}
.community__town{font:700 14px var(--f-cond);letter-spacing:.12em;color:#FF7A1A;text-transform:uppercase}
.community__badge{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#241638;border:1.5px solid #7B3FE4;border-radius:4px;font:600 14px/1.35 var(--f-body);color:#E6DAFF}
.community__badge-dot{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:#B48CFF}
.community__photo{aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#0B0910}
.community__photo img{width:100%;height:100%;object-fit:cover;display:block}
.community__why{text-wrap:pretty}
.community__by{font:500 14px var(--f-body);color:#A89DB4}
.map-popup--community .community__actions{display:grid;grid-template-columns:1fr;gap:10px}
.community__route{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px;letter-spacing:.03em;text-decoration:none;cursor:pointer;background:transparent;color:#A6E22E;border:2px solid #A6E22E;font:800 17px var(--f-cond);padding:0 6px}
.community__route[aria-pressed="true"]{background:#A6E22E;color:#0B0910}
.community__claim{min-height:44px;display:flex;align-items:center;font:500 15px var(--f-body);color:#B48CFF;text-decoration:underline;text-underline-offset:3px}
.community__claim:hover{color:#F6EBD3}
@media(max-width:767px){.map-popup--community .community__actions{gap:8px}.community__route{font-size:16px}}
/* Map peek on phones: the card as a bottom sheet. */
.map-popup--community{max-height:70vh;overflow:auto}
@media(min-width:768px){html body .map-peek .map-popup--community{width:340px;max-width:calc(100% - 24px)}}
.pin__cnum--wide{font-size:9px}
.map-popup--community .map-popup__close{position:absolute;top:8px;right:8px;z-index:2}

/* Submit chooser: "A house I spotted". */
.type-option--spotted{border-style:dashed;border-color:var(--pumpkin);display:flex;flex-direction:row;align-items:center;gap:12px}
.type-option--spotted .type-option__name::after{content:none}