/*
 * List group (lister og nedtrekkslister med treff) for hagelanditweb.
 *
 * static/content/bootstrap.min.css er kjørt gjennom purgecss, som har fjernet både .list-group og Bootstraps
 * mørke tema ([data-bs-theme=dark]). Uten dette får treffknappene nettleserens hvite standardbakgrunn med lys
 * tekst fra temaet. Reglene under er Bootstrap 5.3.3 sine (MIT), med fargene fra Bootstraps mørke tema, slik
 * listene ser ut i Ladeland (/blimedlem) og Gjestelading. Aktiv rad bruker hagelanditweb sin primærfarge.
 * Brukes av adresseoppslaget (scripts/hagelandit.adresseoppslag.js) og enhetssøket på /registrer/gjestelading/.
 * Filen lastes bare av hagelanditweb; Ladeland og Gjestelading har hele Bootstrap.
 */
.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}

.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}

.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}

.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}

.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}

.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}

.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}

.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}

.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}

.list-group-item+.list-group-item{border-top-width:0}

.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}

.list-group-flush{border-radius:0}

.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}

.list-group-flush>.list-group-item:last-child{border-bottom-width:0}

/* Mørke farger (Bootstrap 5.3 data-bs-theme=dark) og hagelanditweb sin oransje for valgt rad */
.list-group {
  --bs-list-group-color: #dee2e6;
  --bs-list-group-bg: #212529;
  --bs-list-group-border-color: #495057;
  --bs-list-group-action-color: rgba(222, 226, 230, .75);
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: #2b3035;
  --bs-list-group-action-active-color: #dee2e6;
  --bs-list-group-action-active-bg: #343a40;
  --bs-list-group-disabled-color: rgba(222, 226, 230, .5);
  --bs-list-group-disabled-bg: #212529;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #c44d00;
  --bs-list-group-active-border-color: #c44d00;
}
.list-group-item-action .text-muted { color: #adb5bd !important; }
.list-group-item.active .text-muted { color: rgba(255, 255, 255, .8) !important; }
