/* Gavebeloeb-vejlederen. Samme udtryk som drikkevareberegner og kortgenerator. */

#fbgb-app { margin: 1.5em 0; }

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

#fbgb-app .fbgb-controls {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .8em 1em;
    background: #f5f7f9;
    border: 1px solid #dde3e8;
    border-radius: 6px;
    padding: 1em;
}
#fbgb-app .fbgb-field { display: flex; flex-direction: column; }
#fbgb-app .fbgb-field[hidden] { display: none; }
#fbgb-app .fbgb-field label { font-weight: 700; margin-bottom: .25em; font-size: .95em; }
#fbgb-app .fbgb-field select {
    width: 100%;
    padding: .5em;
    border: 1px solid #b9c4cd;
    border-radius: 4px;
    background: #fff;
    font-size: 1em;
}

#fbgb-app #fbgb-resultat { margin-top: 1.2em; }

#fbgb-app .fbgb-svar {
    border: 1px solid #dde3e8;
    border-left: 4px solid #0f6ca2;
    border-radius: 4px;
    padding: 1em 1.2em;
    background: #fff;
}
#fbgb-app .fbgb-interval { margin: 0 0 .2em; font-size: 1.7em; line-height: 1.2; color: #0f6ca2; }
#fbgb-app .fbgb-typisk { margin: 0 0 .7em; }
#fbgb-app .fbgb-basis { margin: 0 0 .4em; color: #556; font-size: .93em; }
#fbgb-app .fbgb-forbehold {
    margin: .7em 0 0;
    padding: .7em .9em;
    background: #fdf6e3;
    border-left: 3px solid #c9a227;
    font-size: .93em;
}

#fbgb-app .fbgb-maalt {
    margin-top: 1em;
    padding: 1em 1.2em;
    background: #f5f7f9;
    border: 1px solid #dde3e8;
    border-radius: 4px;
}
#fbgb-app .fbgb-maalt h3 { margin: 0 0 .4em; font-size: 1.1em; }
#fbgb-app .fbgb-maalt p { margin: 0 0 .5em; }
#fbgb-app .fbgb-maalt p:last-child { margin-bottom: 0; }
#fbgb-app .fbgb-kilde { color: #667; font-size: .9em; }

#fbgb-app .fbgb-tom { color: #556; }

#fbgb-app .fbgb-cta { margin: 1.1em 0 0; }
/* Temaets style.css saetter globalt button:hover{color:white}, saa knapper med
   lys hover-baggrund skal saette color eksplicit. Denne er moerk i begge
   tilstande, saa teksten aldrig forsvinder. */
#fbgb-app .fbgb-knap {
    display: inline-block;
    background: #0f6ca2;
    color: #fff;
    border-radius: 4px;
    padding: .65em 1.2em;
    font-weight: 700;
    text-decoration: none;
}
#fbgb-app .fbgb-knap:hover { background: #095c8a; color: #fff; }

#fbgb-app .fbgb-note { color: #556; font-size: .9em; margin-top: 1em; }

@media print {
    #fbgb-app .fbgb-controls, #fbgb-app .fbgb-cta { display: none; }
}