/* Global SOLO-kalkylator – map/façade drawing step */
.gcalc-map {
    height: 480px;
    position: relative;
    z-index: 0;                 /* contain Leaflet's internal high z-indexes below the fixed navbar */
    overflow: hidden;           /* safety net so tiles never spill outside the frame */
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    cursor: crosshair;
}
.gcalc-map.is-selecting { cursor: pointer; }
.gcalc-map.is-done { cursor: grab; }

.gcalc-instruction { font-size: 0.95rem; }

.gcalc-result { border: 1px solid var(--border); }
.gcalc-facts {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.3rem 1rem;
    margin: 0;
}
.gcalc-facts dt { font-weight: 600; color: var(--ink-muted); font-size: 0.85rem; align-self: center; }
.gcalc-facts dd { margin: 0; color: var(--ink); font-weight: 600; }

.gcalc-help { border: 1px solid var(--border); }
.gcalc-steps { padding-left: 1.1rem; margin-top: 0.5rem; }
.gcalc-steps li { margin-bottom: 0.4rem; line-height: 1.5; }

/* Fas 11: a simple 3-step progress indicator (Rita hus / Fyll i uppgifter /
   Se resultat), updated by global_calculator.js as the map-drawing state
   machine advances. Purely visual -- doesn't gate navigation. */
.gcalc-progress {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0;
}
.gcalc-progress__step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
    position: relative;
    color: var(--ink-muted);
}
.gcalc-progress__step:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.9rem;
    height: 1px;
    background: var(--border);
}
.gcalc-progress__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--ink-muted);
}
.gcalc-progress__label { font-size: 0.88rem; font-weight: 500; white-space: nowrap; }

.gcalc-progress__step.is-active { color: var(--ink); }
.gcalc-progress__step.is-active .gcalc-progress__num {
    background: var(--pendax-accent);
    border-color: var(--pendax-accent);
    color: #fff;
}
.gcalc-progress__step.is-done .gcalc-progress__num {
    background: rgba(var(--pendax-accent-rgb), 0.15);
    border-color: var(--pendax-accent);
    color: var(--pendax-accent-strong);
}