.elementor-2388 .elementor-element.elementor-element-47e839e3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:010px 010px;--row-gap:010px;--column-gap:010px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2388 .elementor-element.elementor-element-1a28e7df{text-align:center;}.elementor-2388 .elementor-element.elementor-element-1a28e7df .elementor-heading-title{font-size:24px;font-weight:400;color:#828F8F;}.elementor-2388 .elementor-element.elementor-element-6cc6f5a2{text-align:center;}.elementor-2388 .elementor-element.elementor-element-6cc6f5a2 .elementor-heading-title{font-size:60px;color:var( --e-global-color-d9f61c7 );}.elementor-2388 .elementor-element.elementor-element-4c57de8b{text-align:center;}.elementor-2388 .elementor-element.elementor-element-4c57de8b .elementor-heading-title{font-family:"DM Sans", sans-serif;font-size:18px;font-weight:200;line-height:20px;color:var( --e-global-color-d9f61c7 );}.elementor-2388 .elementor-element.elementor-element-61d10bb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2388 .elementor-element.elementor-element-9d0e528{--display:flex;}.elementor-2388 .elementor-element.elementor-element-345f8ee.elementor-element{--align-self:center;}.elementor-2388 .elementor-element.elementor-element-345f8ee{text-align:center;}.elementor-2388 .elementor-element.elementor-element-345f8ee .elementor-heading-title{font-family:"DM Sans", sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-text );}.elementor-2388 .elementor-element.elementor-element-f1bdada.elementor-element{--align-self:center;}.elementor-2388 .elementor-element.elementor-element-f1bdada{text-align:center;}.elementor-2388 .elementor-element.elementor-element-f1bdada .elementor-heading-title{font-family:"DM Sans", sans-serif;font-size:60px;font-weight:700;color:var( --e-global-color-d9f61c7 );}.elementor-2388 .elementor-element.elementor-element-fd898a7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2388 .elementor-element.elementor-element-8c3d910{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2388 .elementor-element.elementor-element-080222f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2388 .elementor-element.elementor-element-080222f{font-family:"DM Sans", sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-2388 .elementor-element.elementor-element-6f76a6d{--display:flex;}.elementor-2388 .elementor-element.elementor-element-4226ee2{--display:flex;}.elementor-2388 .elementor-element.elementor-element-fb28b47{--n-accordion-title-font-size:24px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-d9f61c7 );--n-accordion-title-hover-color:var( --e-global-color-d9f61c7 );--n-accordion-title-active-color:var( --e-global-color-d9f61c7 );--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:var( --e-global-color-d9f61c7 );}.elementor-2388 .elementor-element.elementor-element-fb28b47 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2388 .elementor-element.elementor-element-fb28b47.elementor-element{--align-self:center;}.elementor-2388 .elementor-element.elementor-element-fb28b47 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;}.elementor-2388 .elementor-element.elementor-element-fb28b47 {--n-accordion-padding:21px 0px 21px 0px;}:where( .elementor-2388 .elementor-element.elementor-element-fb28b47 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", sans-serif;font-weight:500;}:where( .elementor-2388 .elementor-element.elementor-element-fb28b47 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-2388 .elementor-element.elementor-element-b596474{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2388 .elementor-element.elementor-element-d0728d9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2388 .elementor-element.elementor-element-d0728d9{font-family:"DM Sans", sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-text );}.elementor-2388 .elementor-element.elementor-element-4387a44{--display:flex;}.elementor-2388 .elementor-element.elementor-element-e7efbae{--display:flex;}.elementor-2388 .elementor-element.elementor-element-adcff96{--n-accordion-title-font-size:24px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-d9f61c7 );--n-accordion-title-hover-color:var( --e-global-color-d9f61c7 );--n-accordion-title-active-color:var( --e-global-color-d9f61c7 );--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:var( --e-global-color-d9f61c7 );}.elementor-2388 .elementor-element.elementor-element-adcff96 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-2388 .elementor-element.elementor-element-adcff96.elementor-element{--align-self:center;}.elementor-2388 .elementor-element.elementor-element-adcff96 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;}.elementor-2388 .elementor-element.elementor-element-adcff96 {--n-accordion-padding:21px 0px 21px 0px;}:where( .elementor-2388 .elementor-element.elementor-element-adcff96 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"DM Sans", sans-serif;font-weight:500;}:where( .elementor-2388 .elementor-element.elementor-element-adcff96 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}body.elementor-page-2388:not(.elementor-motion-effects-element-type-background), body.elementor-page-2388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b480a98 );}:root{--page-title-display:none;}@media(max-width:1089px){.elementor-2388 .elementor-element.elementor-element-fb28b47{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-2388 .elementor-element.elementor-element-adcff96{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(min-width:768px){.elementor-2388 .elementor-element.elementor-element-61d10bb{--content-width:100%;}}@media(max-width:767px){.elementor-2388 .elementor-element.elementor-element-12471c6.elementor-element{--align-self:center;}.elementor-2388 .elementor-element.elementor-element-fd898a7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2388 .elementor-element.elementor-element-fb28b47{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;--n-accordion-title-font-size:22px;}.elementor-2388 .elementor-element.elementor-element-adcff96{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;--n-accordion-title-font-size:22px;}}/* Start custom CSS for html, class: .elementor-element-12471c6 */*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

input,
button,
textarea {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

input[type="number"],
input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  padding: 10px 12px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 1rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.celek {
  font-family: "DM Sans", sans-serif;
  color: white;
  padding: 20px;
  margin: 0 auto;
  contain: content;
  display: flex;
  justify-content: center;
}

.kalkulacka-wrapper {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #163832;
  border-radius: 25px;
  padding: 30px;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.advisor-section {
  margin-top: 40px;
  padding: 20px;
  background: #8eb69b;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-width: 300px;
}

.advisor-section:hover {
  box-shadow: 0 0px 50px rgba(0, 0, 0, 0.5);
  transition: 1s;
}

.advisor-popis {
  font-size: 16px;
  font-weight: 400;
  padding: 5px;
}

.advisor-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.advisor-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.advisor-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}

.advisor-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advisor-info {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.advisor-name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}

.advisor-email,
.advisor-phone {
  font-size: 16px;
  color: #daf1de;
  font-weight: 700;
  margin: 0;
}

.advisor-email:hover,
.advisor-phone:hover {
  color: white;
}

.advisor-button {
  width: auto;
  background-color: #ffffff;
  color: #163832;
  padding: 14px 14px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  min-width: 180px;
  margin: 0.5rem;
}

.advisor-button:hover {
  color: white;
  background-color: #235347;
  transition: 1s;
}

.menu-tlacitko {
  background-color: transparent;
  color: var(--text-color);
  border: none;
  padding: 20px;
  cursor: pointer;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  width: 100%;
  position: relative;
  white-space: nowrap;
  transform: translateZ(0);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}

.menu-tlacitko::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background-color: #8a8a8a;
}

.menu-tlacitko:last-child::after {
  display: none;
}

.menu-tlacitko.aktivni {
  font-weight: 700;
}

.menu-tlacitko:hover,
.menu-tlacitko:focus {
  color: white;
  background-color: #235347;
  transition: 1s;
}

.kalkulacka-obsah {
  display: none;
  flex-grow: 1;
  width: 100%;
  min-width: 400px;
}

.kalkulacka-obsah.aktivni {
  display: block;
}

.kalkulacka-kontejner-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 500px;
}

.leva-strana {
  width: 50%;
  min-width: 200px;
  margin-bottom: 0;
}

.prava-strana {
  display: flex;
  justify-content: left;
  text-align: left;
  min-width: 150px;
  padding-left: 3rem;
  margin-bottom: 0;
  padding-right: 3rem;
}

.formular {
  gap: 0;
  min-width: 250px;
  display: flex;
  flex-direction: column;
}

.wrap_6 {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.kalkulacka-nadpis {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 0;
  white-space: nowrap;
  white-space: normal;
  overflow-wrap: break-word; /* novější standard */
  word-wrap: break-word; /* zpětná kompatibilita */
}

.kalkulacka-popis {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 35px;
  margin-top: 0;
  color: #8a8a8a;
}

.kalkulacka-label {
  display: block;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 0;
  white-space: nowrap;
}

.kalkulacka-input {
  width: 80%;
  padding: 12px;
  margin-bottom: 14px;
  margin-top: 0;
  border: none;
  border-radius: 10px;
  box-sizing: border-box;
  color: #333;
  font-size: 18px;
  min-width: 150px;
}

.kalkulacka-tlacitko {
  background-color: #ffffff;
  color: #163832;
  padding: 14px 49px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  max-width: 180px;
}

.kalkulacka-tlacitko:hover,
.kalkulacka-tlacitko:focus {
  color: white;
  background-color: #235347;
  transition: 0.5s;
}

.kalkulacka-tlacitko:focus {
  background-color: white !important;
  color: black;
}

.vysledek-nadpis {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 28px;
  white-space: nowrap;
}

.vysledek-hodnota {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 0;
  color: #daf1de;
  white-space: nowrap;
}

.vysledek-popis {
  font-size: 24px;
  margin-bottom: 14px;
  white-space: nowrap;
}

.kalkulacka-obsah
  .kalkulacka-kontejner-flex
  .leva-strana
  .formular
  .kalkulacka-input {
  width: 80%;
  min-width: 150px;
}

/* Responsive styles for the calculator */
@media (max-width: 1024px) {
  .kalkulacka-wrapper {
    flex-direction: column;
    padding: 20px;
  }

  .formular {
    display: flex;
    align-items: center;
  }

  .wrap_6 {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
  }

  .mortgage-calculator,
  .prava-strana {
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
    padding: 0;
    text-align: center;
  }

  .kalkulacka-nadpis {
    font-size: 28px;
  }

  .kalkulacka-popis {
    font-size: 16px;
  }

  .kalkulacka-label {
    font-size: 14px;
  }

  .kalkulacka-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  .kalkulacka-tlacitko {
    font-size: 14px;
    padding: 10px 30px;
    width: 100%;
  }

  .vysledek-nadpis {
    font-size: 32px;
  }

  .vysledek-hodnota {
    font-size: 28px;
    font-weight: bold;
  }

  .vysledek-popis {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  .advisor-section {
    margin-top: 40px;
    padding: 20px;
    background: #8eb69b;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
  }
  .formular {
    display: flex;
    align-items: center;
  }
  .wrap_6 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .prava-strana {
    padding: 0;
    justify-content: center;
  }
  .kalkulacka-wrapper {
    padding: 15px;
  }

  .kalkulacka-nadpis {
    font-size: 24px;
  }

  .kalkulacka-popis {
    font-size: 14px;
  }

  .kalkulacka-label {
    font-size: 12px;
  }

  .kalkulacka-input {
    font-size: 12px;
  }

  .kalkulacka-tlacitko {
    font-size: 12px;
    padding: 8px 20px;
  }

  .vysledek-nadpis {
    font-size: 28px;
  }

  .vysledek-hodnota {
    font-size: 24px;
    font-weight: bold;
  }

  .vysledek-popis {
    font-size: 18px;
  }

  .results-section {
    text-align: center;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DM Sans';
	font-display: auto;
	src: url('https://jankalac.cz/wp-content/uploads/2025/04/DMSans-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */