/* Serviceaftale-beregner - samme sprog som resten af sitet */

.bmc {
    --bmc-gul: #FCB026;
    --bmc-moerk: #262626;
    --bmc-moerk-2: #1D1D1D;
}

.bmc-valg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    margin: 0 0 26px;
}

.bmc-felt { display: flex; flex-direction: column; gap: 7px; margin: 0; }
.bmc-felt > span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #a8a8a8;
}
.bmc-felt select {
    width: 100%;
    padding: 13px 14px;
    background: var(--bmc-moerk-2);
    border: 1px solid #3a3a3a;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
}
.bmc-felt select:focus { outline: 2px solid var(--bmc-gul); outline-offset: 1px; }
.bmc-felt select:disabled { opacity: .45; }

.bmc-resultat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 28px;
    padding: 26px 28px;
    background: var(--bmc-moerk-2);
    border-top: 3px solid var(--bmc-gul);
    border-radius: 4px;
}

.bmc-pris { display: flex; flex-direction: column; gap: 2px; }
.bmc-pris-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #a8a8a8;
}
.bmc-pris-tal { font-size: clamp(30px, 4vw, 44px); line-height: 1; color: var(--bmc-gul); }
.bmc-pris-note { font-size: 13px; color: #9a9a9a; }

.bmc-opsummering {
    flex: 1 1 240px;
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #d2d2d2;
}

.bmc-knap {
    padding: 14px 26px;
    background: var(--bmc-gul);
    border-radius: 4px;
    color: var(--bmc-moerk);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
.bmc-knap:hover { background: #E39D18; color: var(--bmc-moerk); }

.bmc-tom { margin: 0; font-size: 15px; color: #9a9a9a; }