/* Legefinder. Samme udtryk som drikkevareberegner, kortgenerator og gavebeloeb. */

.fblf { margin: 1.5em 0; }

.fblf .fblf-intro { margin-bottom: 1em; }
.fblf .fblf-title { margin: 0 0 .3em; font-size: 1.4em; }
.fblf .fblf-subtitle { margin: 0; color: #444; }

.fblf .fblf-filtre {
    background: #f5f7f9;
    border: 1px solid #dde3e8;
    border-radius: 6px;
    padding: .9em 1em .4em;
}
.fblf .fblf-facet {
    border: 0;
    margin: 0 0 .6em;
    padding: 0;
}
.fblf .fblf-facet legend {
    font-weight: 700;
    font-size: .9em;
    padding: 0;
    margin-bottom: .3em;
    color: #3a3a3a;
}
/* Temaets style.css saetter globalt button:hover{color:white}. Derfor saettes
   farven eksplicit i begge tilstande, ellers bliver teksten hvid paa hvidt. */
.fblf .fblf-knap {
    background: #fff;
    color: #2a4a5e;
    border: 1px solid #b9c4cd;
    border-radius: 999px;
    padding: .35em .85em;
    margin: 0 .3em .3em 0;
    font-size: .9em;
    line-height: 1.3;
    cursor: pointer;
}
.fblf .fblf-knap:hover { background: #e8eff4; color: #2a4a5e; }
.fblf .fblf-knap.fblf-valgt,
.fblf .fblf-knap.fblf-valgt:hover { background: #0f6ca2; border-color: #0f6ca2; color: #fff; }

.fblf .fblf-antal { margin: .9em 0 .6em; color: #556; }

.fblf .fblf-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .8em; }
@media (min-width: 700px) { .fblf .fblf-liste { grid-template-columns: 1fr 1fr; } }

.fblf .fblf-leg {
    border: 1px solid #dde3e8;
    border-left: 4px solid #0f6ca2;
    border-radius: 4px;
    padding: .9em 1em;
    background: #fff;
    margin: 0;
}
.fblf .fblf-leg.fblf-skjult { display: none; }
.fblf .fblf-leg h3 { margin: 0 0 .35em; font-size: 1.08em; }
.fblf .fblf-regel { margin: 0 0 .5em; }
.fblf .fblf-meta { margin: 0 0 .4em; font-size: .87em; color: #667; }
.fblf .fblf-maerkat {
    display: inline-block;
    margin-left: .4em;
    padding: .1em .5em;
    border-radius: 999px;
    background: #eef6f0;
    border: 1px solid #cfe6d8;
    color: #2c6e49;
    font-size: .92em;
}
.fblf .fblf-kilde { margin: 0; font-size: .9em; }

.fblf .fblf-tom {
    margin: 1em 0;
    padding: .9em 1em;
    background: #fdf6e3;
    border-left: 3px solid #c9a227;
}
.fblf .fblf-note { margin-top: 1.2em; color: #556; font-size: .92em; }

@media print {
    .fblf .fblf-filtre, .fblf .fblf-note { display: none; }
    .fblf .fblf-liste { grid-template-columns: 1fr; }
}