/* Frontend styles for Referanseprosjekter v2.0.0 */
.km-rf{--km-rf-cols:2; --km-rf-gap:20px; font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.km-rf-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px;gap:12px;flex-wrap:wrap}
.km-rf-filters{display:flex;gap:8px;flex-wrap:wrap}
.km-rf-filter{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:999px;font-size:14px;cursor:pointer}
.km-rf-filter.is-active{background:#111;color:#fff;border-color:#111}
.km-rf-search-input{padding:12px 14px;border:1px solid #ddd;border-radius:12px;min-width:260px;width:100%}

.km-rf-grid{display:grid;grid-template-columns:repeat(var(--km-rf-cols),minmax(0,1fr));gap:var(--km-rf-gap)}
.km-rf-card{background:var(--km-rf-card-bg,#fff);color:var(--km-rf-text,#111);border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.km-rf-mediawrap{position:relative;aspect-ratio:16/9;overflow:hidden}
.km-rf-mediawrap[data-fixed="1"]{aspect-ratio:auto;height:var(--km-rf-img-h);}
.km-rf-img{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat}
.km-rf-body{padding:var(--km-rf-card-pad,16px);padding-bottom:calc(var(--km-rf-card-pad,16px) + 2px)}
.km-rf-title{font-size:var(--km-rf-title,30px);line-height:1.15;margin:0 0 6px;font-weight:600}
.km-rf-overlevert{margin:0 0 14px;opacity:.9}
.km-rf-block{margin:10px 0}
.km-rf-block-title{font-size:18px;font-weight:600;margin-bottom:4px}
.km-rf-block-text{font-size:var(--km-rf-body,16px);line-height:1.5}
.km-rf-foto{margin-top:14px;font-size:13px;color:#666}

@media (max-width: 900px){
  .km-rf{--km-rf-cols:1}
  .km-rf-title{font-size:24px}
  .km-rf-block-title{font-size:16px}
  .km-rf-block-text{font-size:15px}
}

.km-rf-mediawrap{height:auto}
.km-rf-mediawrap[data-h] .km-rf-img{position:absolute;inset:0}

.km-rf-load{padding:10px 14px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer}
.km-rf-load:hover{background:#f7f7f7}

.km-rf-block-title{display:flex;align-items:center;gap:8px}
.km-rf-ico{width:20px;height:20px;object-fit:contain;display:inline-block}

.km-rf-toolbar{align-items:stretch}
.km-rf-search{flex:1;max-width:420px}


/* URL-ikon + Vis flere knapp */
.km-rf-linkicon img{ width:20px; height:20px; display:block; opacity:.9; transition:opacity .15s ease-in-out; }
.km-rf-linkicon:hover img{ opacity:1; }
.km-rf-load{ display:inline-block; margin:16px 0 0; padding:10px 16px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; cursor:pointer; }
.km-rf-load:hover{ background:#f9fafb; }
/* Lightbox overlay */
.km-rf-lightbox{cursor:zoom-out}

.km-rf-block-title{display:flex;align-items:center;gap:8px}
.km-rf-ico{width:18px;height:18px;display:inline-block}
.km-rf-lightbox{cursor:zoom-out}



/* Bottom-right link icon */
.km-rf-card{ position:relative; }
.km-rf-linkicon{ position:absolute; right:10px; bottom:10px; display:inline-block; z-index:3; }
.km-rf-linkicon img{ width:22px; height:22px; display:block; opacity:.92; transition:transform .15s ease, opacity .15s ease; }
.km-rf-linkicon:hover img{ opacity:1; transform:scale(1.05); }