/* kalkulaatorid.css — only layout scaffolding, no visual overrides */

/* ensure consistent box‑model inside our scoped container */
#kalkulaatorid *,
#kalkulaatorid *::before,
#kalkulaatorid *::after {
  box-sizing: border-box;
}

/* overall page container */
#kalkulaatorid .container.wrapper {
  max-width: 1420px;
  width: 1400px !important;
  margin: 0 auto;
  padding: 0 1rem;
}

/* white card background + rounded corners + gentle shadow */
#kalkulaatorid .rounded-big,
#kalkulaatorid .bg-white,
#kalkulaatorid .bgwhite {
  background: #fff;
}
#kalkulaatorid .rounded-big {
  border-radius: 5rem;
}

#kalkulaatorid h2.text-center {
    text-align:center; 
    margin-top: 3rem;
}
#kalkulaatorid .content-wrapper {
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* split calc vs. graph columns */
#kalkulaatorid #calc {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;

}


#kalkulaatorid .calc_sliders {
  flex: 2 1 60%;
}
#kalkulaatorid #graf,
#kalkulaatorid #graf_divivdent {
  flex: 1 1 35%;
}

/* stack on mobile */
@media (max-width: 991px) {
  #kalkulaatorid #calc,
  #kalkulaatorid #graf,
  #kalkulaatorid #graf_divivdent {
    flex: 1 1 100%;
  }
}

/* simple spacing helpers */
#kalkulaatorid .block {
  margin-bottom: 2rem;
}
#kalkulaatorid .content {
  margin-bottom: 1.5rem;
}


@media (min-width: 992px) {
    #calcBG #box {
        display: flex
;
        gap: 2rem;
        flex-direction: row-reverse;
    }
}

/* Scoped Bootstrap‑style modal CSS under #kalkulaatorid */