.elementor-498 .elementor-element.elementor-element-7809d7f{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-498 .elementor-element.elementor-element-7809d7f:not(.elementor-motion-effects-element-type-background), .elementor-498 .elementor-element.elementor-element-7809d7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.luckyfinance.cz/wp-content/uploads/2026/03/bg-nastroje.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-498 .elementor-element.elementor-element-2f48f00{margin:8em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;text-align:center;}.elementor-498 .elementor-element.elementor-element-2f48f00 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:64px;font-weight:700;color:#FFFFFF;}.elementor-498 .elementor-element.elementor-element-85c53cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-498 .elementor-element.elementor-element-17a53df{text-align:center;}.elementor-498 .elementor-element.elementor-element-17a53df .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:48px;font-weight:700;}.elementor-widget-global .elementor-field-group > label, .elementor-widget-global .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group .elementor-field, .elementor-widget-global .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-global .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .e-form__indicators__indicator, .elementor-widget-global .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-global .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group{padding-right:calc( 50px/2 );padding-left:calc( 50px/2 );margin-bottom:20px;}.elementor-498 .elementor-element.elementor-global-525 .elementor-form-fields-wrapper{margin-left:calc( -50px/2 );margin-right:calc( -50px/2 );margin-bottom:-20px;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-498 .elementor-element.elementor-global-525 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-498 .elementor-element.elementor-global-525 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-498 .elementor-element.elementor-global-525 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-498 .elementor-element.elementor-global-525 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group > label, .elementor-498 .elementor-element.elementor-global-525 .elementor-field-subgroup label{color:#000000;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group > label{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-type-html{padding-bottom:0px;color:#000000;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group .elementor-field{color:#8C8C8C;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group .elementor-field, .elementor-498 .elementor-element.elementor-global-525 .elementor-field-subgroup label{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#31ADB980;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#31ADB980;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-498 .elementor-element.elementor-global-525 .elementor-field-group .elementor-select-wrapper::before{color:#31ADB980;}.elementor-498 .elementor-element.elementor-global-525 .elementor-button{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:700;border-radius:25px 25px 25px 25px;padding:17px 17px 17px 17px;}.elementor-498 .elementor-element.elementor-global-525 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .elementor-button[type="submit"]{color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .e-form__buttons__wrapper__button-next:hover{background-color:#475569;color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .elementor-button[type="submit"]:hover{background-color:#475569;color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-498 .elementor-element.elementor-global-525 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-498 .elementor-element.elementor-global-525{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-498 .elementor-element.elementor-element-5228bf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-498 .elementor-element.elementor-element-5228bf2:not(.elementor-motion-effects-element-type-background), .elementor-498 .elementor-element.elementor-element-5228bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.luckyfinance.cz/wp-content/uploads/2026/03/nastroje-bg-kalulacky.webp");background-repeat:no-repeat;background-size:cover;}.elementor-498 .elementor-element.elementor-element-6b82e7a{text-align:center;}.elementor-498 .elementor-element.elementor-element-6b82e7a .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:48px;font-weight:700;color:#000000;}.elementor-498 .elementor-element.elementor-element-26eef52{--display:flex;}.elementor-498 .elementor-element.elementor-element-f34e883{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-498 .elementor-element.elementor-element-7cc1861{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1530px){.elementor-498 .elementor-element.elementor-element-85c53cb{--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-498 .elementor-element.elementor-element-5228bf2{--padding-top:120px;--padding-bottom:120px;--padding-left:10px;--padding-right:10px;}}@media(max-width:1064px) and (min-width:768px){.elementor-498 .elementor-element.elementor-element-7809d7f{--content-width:95%;}.elementor-498 .elementor-element.elementor-element-85c53cb{--content-width:95%;}.elementor-498 .elementor-element.elementor-element-5228bf2{--content-width:95%;}}@media(max-width:1064px){.elementor-498 .elementor-element.elementor-element-2f48f00 .elementor-heading-title{font-size:48px;}.elementor-498 .elementor-element.elementor-element-17a53df .elementor-heading-title{font-size:40px;}.elementor-498 .elementor-element.elementor-element-6b82e7a .elementor-heading-title{font-size:40px;}}@media(max-width:767px){.elementor-498 .elementor-element.elementor-element-7809d7f{--content-width:95%;}.elementor-498 .elementor-element.elementor-element-85c53cb{--content-width:95%;}.elementor-498 .elementor-element.elementor-element-17a53df .elementor-heading-title{font-size:32px;}.elementor-498 .elementor-element.elementor-element-5228bf2{--content-width:95%;}.elementor-498 .elementor-element.elementor-element-6b82e7a .elementor-heading-title{font-size:32px;}}/* Start custom CSS for container, class: .elementor-element-7809d7f */.elementor-498 .elementor-element.elementor-element-7809d7f {
  -webkit-mask-image: url('https://www.luckyfinance.cz/wp-content/uploads/2026/03/maska-podstranky.svg');
  mask-image: url('https://www.luckyfinance.cz/wp-content/uploads/2026/03/maska-podstranky.svg');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* iPad */
@media (max-width: 1024px) {
  .elementor-498 .elementor-element.elementor-element-7809d7f {
    -webkit-mask-size: 150% 100%;
    mask-size: 150% 100%;
    -webkit-mask-position: right center;
    mask-position: right center;
  }
}

/* Mobil */
@media (max-width: 767px) {
  .elementor-498 .elementor-element.elementor-element-7809d7f {
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-position: right center;
    mask-position: right center;
  }
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-525 *//* ===== ODHAD FORM ===== */

/* labely */
.odhad-form .elementor-field-label{
    font-weight:600;
    color:#1a1a2e;
    margin-bottom:4px;
}

/* required hvězdička */
.odhad-form .elementor-required-mark{
    color:#31ADB9;
}

/* input underline */
.odhad-form .elementor-field-textual:not(textarea){
    border:none;
    border-bottom:1.5px solid #ccc;
    border-radius:0;
    background:transparent;
    padding:6px 0;
}

.odhad-form .elementor-field-textual:not(textarea):focus{
    border-bottom-color:#31ADB9;
}

/* textarea */
.odhad-form textarea.elementor-field-textual{
    border:1.5px solid rgba(49,173,185,.5);
    border-radius:12px;
    padding:12px;
    min-height:120px;
}

/* radio pills */
.odhad-form input[type="radio"]{display:none;}

.odhad-form input[type="radio"] + label{
    border:1px solid #31ADB9;
    border-radius:999px;
    padding:8px 16px;
    margin:4px;
    cursor:pointer;
    transition:.2s;
}

.odhad-form input[type="radio"]:checked + label{
    background:#31ADB9;
    color:#fff;
}

/* checkbox */
.odhad-form input[type="checkbox"]{
    accent-color:#31ADB9;
}

/* submit */
.odhad-form .elementor-button{
    width:100%;
    border-radius:50px;
    font-weight:600;
    letter-spacing:.3px;
    transition:.25s;
    margin-top: 20px;
}

.odhad-form .elementor-button:hover{
    transform:translateY(-2px);
}

/* ===== SECTION TITLES ===== */

.odhad-form .odhad-form-section-title{
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin: 28px 0 18px;
    padding-left: 30px;
    min-height: 20px;
    margin-bottom: 0px;
    margin-top: 0;
}

.odhad-form .no-margin{
    margin-top: 20px;
}


.odhad-form .odhad-form-icon{
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #31ADB9;
    transform: translateY(-50%);
}

.odhad-form .odhad-form-icon svg{
    width: 20px;
    height: 20px;
    display: block;
}

/* radio group */
.odhad-form .elementor-field-type-radio .elementor-field-subgroup{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

/* jednotlivá možnost */
.odhad-form .elementor-field-type-radio .elementor-field-option{
    margin:0;
    padding:0;
}

/* schovat default radio kolečko */
.odhad-form .elementor-field-type-radio input[type="radio"]{
    display:none;
}

/* pill button */
.odhad-form .elementor-field-type-radio input[type="radio"] + label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:8px 18px;
    border:1px solid #31ADB9;
    border-radius:999px;
    background:transparent;
    color:#31ADB9 !important;
    font-weight:500 !important;
    cursor:pointer;
    line-height:1;
    transition:.2s;
}

/* active */
.odhad-form .elementor-field-type-radio input[type="radio"]:checked + label{
    background:#31ADB9;
    color:#fff !important;
}

.odhad-form .elementor-field-type-radio label{
    margin-bottom: 10px;
}

/* hover jen pro neaktivní */
.odhad-form .elementor-field-type-radio input[type="radio"]:not(:checked) + label:hover{
    background:rgba(49,173,185,.08);
}

/* input underline - upraveno pro odstranění rámečku */
.odhad-form .elementor-field-textual:not(textarea) {
    border: none;
    border-bottom: 1.5px solid #ccc;
    border-radius: 0;
    background: transparent;
    padding: 6px 0;
    outline: none; /* Toto odstraní ten modrý/černý rámeček při kliknutí */
}

.odhad-form .elementor-field-textual:not(textarea):focus {
    border-bottom-color: #31ADB9;
    outline: none; /* Jistota pro focus stav */
    box-shadow: none; /* Některé šablony tam přidávají stín, taky pryč s ním */
}

/* textarea - upraveno */
.odhad-form textarea.elementor-field-textual {
    border: 1.5px solid rgba(49,173,185,.5);
    border-radius: 12px;
    padding: 12px;
    min-height: 120px;
    outline: none; /* Odstraní rámeček i u textarey */
}

.odhad-form textarea.elementor-field-textual:focus {
    border-color: #31ADB9;
    outline: none;
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1768 *//* ===== HYPOTEČNÍ KALKULAČKA ===== */

.celek {
    font-family: 'DM Sans', sans-serif;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 70px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.sazba-badge {
    position: absolute;
    top: 24px;
    right: 28px;
    background-color: #31ADB9;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 16px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.sazba-badge strong {
    font-weight: 700;
}

/* ===== Layout ===== */
.kalkulacka-kontejner-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 40px;
}

.leva-strana {
    flex: 0 0 auto;
    width: 60%;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: left;
    padding-left: 70px;
}

.prava-strana {
    flex: 1 1 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* ===== Nadpis a popis ===== */
.kalkulacka-nadpis {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #31ADB9;
    margin-top: 0;
    margin-bottom: 4px;
}

.kalkulacka-popis {
    font-size: 18px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #7A8C8E;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.4;
    text-align: left;
}

/* ===== Formulář ===== */
.formular {
    display: flex;
    flex-direction: column;
    align-items: left;
}

.kalkulacka-label {
    display: block;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #111111;
    margin-bottom: 8px;
    margin-top: 0;
    width: 376px;
    max-width: 100%;
}

.celek .kalkulacka-input,
.celek input.kalkulacka-input {
    width: 376px !important;
    max-width: 100% !important;
    padding: 10px 20px !important;
    margin-bottom: 40px !important;
    border: 1px solid rgba(49, 173, 185, 0.4) !important;
    border-radius: 25px !important;
    box-sizing: border-box !important;
    color: #1a1a1a !important;
    font-size: 15px !important;
    font-family: 'DM Sans', sans-serif !important;
    outline: none !important;
    transition: border-color 0.18s, box-shadow 0.18s;
}

.celek .kalkulacka-input::placeholder {
    color: #b0bec5;
    font-size: 14px;
}

.celek .kalkulacka-input:focus,
.celek input.kalkulacka-input:focus {
    border-color: #31ADB9 !important;
    box-shadow: 0 0 0 3px rgba(49, 173, 185, 0.15) !important;
}

/* Odstranění šipek u number inputů */
.kalkulacka-input::-webkit-outer-spin-button,
.kalkulacka-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.kalkulacka-input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* ===== Tlačítko ===== */
.celek .kalkulacka-tlacitko,
.celek button.kalkulacka-tlacitko {
    background-color: #31ADB9 !important;
    color: #ffffff !important;
    width: 376px !important;
    max-width: 100% !important;
    height: 42px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 25px !important;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'DM Sans', sans-serif !important;
    text-align: center !important;
    letter-spacing: 0.01em;
    transition: background-color 0.18s;
    margin-top: -10px;
}

.celek .kalkulacka-tlacitko:hover,
.celek button.kalkulacka-tlacitko:hover {
    background-color: #475569 !important;
}

/* ===== Výsledky ===== */
.vysledek-nadpis {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #31ADB9;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center;
}

.vysledek-hodnota {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #111111;
    margin-bottom: 4px;
    white-space: nowrap;
    text-align: center;
}

.vysledek-popis {
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #31ADB9;
    margin-bottom: 22px;
    white-space: nowrap;
    text-align: center;
}

.vysledek-popis:last-child {
    margin-bottom: 0;
}

/* ===== Tablet + menší desktop (max-width: 1024px) ===== */
@media (max-width: 1024px) {
    .celek {
        padding: 56px 24px 40px;
    }

    .sazba-badge {
        font-size: 12px;
        padding: 5px 12px;
        top: 16px;
        right: 16px;
    }

    .kalkulacka-kontejner-flex {
        flex-direction: column;
        gap: 28px;
        align-items: center;
    }

    .leva-strana {
        width: 100%;
        padding-left: 0;
        align-items: center;
        text-align: center;
    }

    .formular {
        align-items: center;
        width: 100%;
    }

    .kalkulacka-popis,
    .kalkulacka-label {
        text-align: center;
    }

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

    .prava-strana {
        width: 100%;
    }

    .celek .kalkulacka-input,
    .celek input.kalkulacka-input,
    .celek .kalkulacka-tlacitko,
    .celek button.kalkulacka-tlacitko,
    .kalkulacka-label {
        width: 100% !important;
        max-width: 420px !important;
    }
}

/* ===== Mobil (max-width: 480px) ===== */
@media (max-width: 480px) {
    .celek {
        padding: 52px 16px 32px;
    }

    .sazba-badge {
        font-size: 11px;
        padding: 5px 10px;
        top: 12px;
        right: 12px;
    }

    .kalkulacka-nadpis {
        font-size: 20px !important;
    }

    .kalkulacka-popis {
        font-size: 15px !important;
    }

    .celek .kalkulacka-input,
    .celek input.kalkulacka-input {
        font-size: 14px !important;
        padding: 11px 16px !important;
        margin-bottom: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .celek .kalkulacka-tlacitko,
    .celek button.kalkulacka-tlacitko {
        font-size: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .kalkulacka-label {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 15px !important;
    }

    .vysledek-nadpis {
        font-size: 24px !important;
    }

    .vysledek-hodnota {
        font-size: 22px !important;
    }

    .vysledek-popis {
        font-size: 16px !important;
    }
}/* End custom CSS */