/* ==========================================================================
   HUB-SIDE FOR RENS
   Selvkilende: paletten ligger her, fordi /rens/ ikke indlaeser
   ydelser.css i en egen palette-fil.
   ========================================================================== */
:root{
  --jd-rens-ink:#203943;
  --jd-rens-sand:#eeeae1;
  --jd-rens-guld:#876b39;
  --jd-rens-linje:#dcd8ce;
  --jd-rens-damp:#5d6c68;
  --jd-rens-hvid:#fffefa;
}

/* Kortene er hele flader, ikke bare tekst - en kunde skal kunne pege
   på prisen og se, den er et krav, ikke en tilfældighed. */
.rens-gitter{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));
  gap:16px;
}
.rens-kort{
  display:flex;
  flex-direction:column;
  background:var(--jd-rens-hvid);
  border:1px solid var(--jd-rens-linje);
  border-radius:14px;
  padding:22px 22px 20px;
  text-decoration:none;
  color:var(--jd-rens-ink);
  transition:border-color .14s ease, transform .14s ease;
}
.rens-kort:hover{
  border-color:var(--jd-rens-guld);
  transform:translateY(-2px);
}
.rens-kort:focus-visible{
  outline:2px solid var(--jd-rens-guld);
  outline-offset:3px;
}

.rens-kort__navn{
  font-size:20px;
  font-weight:700;
  letter-spacing:-.02em;
  margin:0 0 .35em;
}
.rens-kort__pris{
  font-size:23px !important;
  font-weight:700;
  color:var(--jd-rens-guld) !important;
  margin:0 0 .7em !important;
  font-variant-numeric:tabular-nums;
}
.rens-kort__tekst{
  font-size:15px !important;
  line-height:1.55;
  color:var(--jd-rens-damp) !important;
  margin:0 0 1.2em !important;
}
.rens-kort__pil{
  margin-top:auto;
  font-size:14px;
  font-weight:700;
  color:var(--jd-rens-ink);
}
.rens-kort:hover .rens-kort__pil{color:var(--jd-rens-guld)}

.rens-faq details{
  border-bottom:1px solid var(--jd-rens-linje);
  padding:14px 0;
}
.rens-faq summary{
  font-weight:600;
  font-size:16px;
  cursor:pointer;
  color:var(--jd-rens-ink);
}
.rens-faq summary:focus-visible{outline:2px solid var(--jd-rens-guld);outline-offset:2px}
.rens-faq details p{
  max-width:70ch;
  font-size:15.5px;
  color:var(--jd-rens-damp);
  margin:.8em 0 0;
}
.rens-faq details[open] summary{color:var(--jd-rens-guld)}