/* Woningkaartjes: de hele kaart werkt als knop naar de woningpagina (zie site.js).
   Alleen het hartje, "Bekijk bij de aanbieder" en "Delen" doen hun eigen ding. */
.lc{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}
.lc:hover{box-shadow:0 16px 36px rgba(20,37,87,.13)}
.lc a,.lc button,.lc input,.lc select{cursor:pointer}
.lc:focus-within{box-shadow:0 0 0 3px var(--mint,#34C98B)}

/* Woningkaarten: knoppen altijd onderaan, ook als niet alle gegevens bekend zijn */
.lc .bd{flex:1 1 auto;display:flex;flex-direction:column}
.lc .bd .acts{margin-top:auto;padding-top:16px}
/* Kaart zonder foto (de aanbieder heeft geen werkende foto's): huisje uit het logo en een korte tekst, geen stockfoto */
.lc .visual:not([style*="background-image"]){position:relative;background:linear-gradient(135deg,#EAF8F1,#D3F1E3) !important}
.lc .visual:not([style*="background-image"])::before{content:"";position:absolute;left:50%;top:30%;width:36px;height:36px;transform:translate(-50%,-50%);opacity:.9;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 22 24 8l16 14' fill='none' stroke='%23F59E0B' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11' y='22' width='26' height='20' rx='7' fill='%2334C98B'/%3E%3Ccircle cx='19.5' cy='31' r='2.6' fill='%23fff'/%3E%3Ccircle cx='28.5' cy='31' r='2.6' fill='%23fff'/%3E%3Cpath d='M20 36.5q4 3 8 0' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.lc .visual:not([style*="background-image"])::after{content:"Foto's bij de aanbieder";position:absolute;left:0;right:0;top:30%;margin-top:22px;text-align:center;font-size:12px;font-weight:600;color:#1F6B4C;letter-spacing:.01em;pointer-events:none}