:root, ::after, ::before {
    
    /* Font */
    --font-family: 'Arial', sans-serif;

    /* Logo */
    --logo-url: url(/custom/logo/logo_cez.svg);

    /* Colors */
    --brand-select: #f24f00;
    --brand-progress: #0099CC;
    --brand-question: #000;
    --brand-button: #f24f00;
    --bg-color: #000 url(/custom/images/bg_cez.png) no-repeat fixed top left;
    
    /* Option box */
    --option-shadow: 0 5px 10px 0 rgba(242, 79, 0, .2);
    --option-border: none;

    --radius-option: 6px;
    --radius-nav-button: 100px;
    --radius-input: 10px;
    --radius-circle: 100px;

    /* Number box */
    --number-shadow: 0 5px 10px 0 rgba(0, 0, 0, .08);
    --number-border: 0;
    --number-radius: 6px;

    /* Form inputs */
    --input-border: none;
    --input-radius: 6px;
    --input-shadow: 0 5px 10px 0 rgba(0, 0, 0, .08);
    --input-outline: var(--brand-select);


    --emoticon-happy: url(/custom/images/smile/smile-happy.png);    
    --emoticon-neutral: url(/custom/images/smile/smile-neutral.png);
    --emoticon-sad: url(/custom/images/smile/smile-sad.png);
}


body {

    background: #000 url(/custom/images/bg_cez.png) no-repeat fixed top left;
    background-size: auto 100%;
    
}
body::after {
    content: 'Copyright 2025 ČEZ, a. s. – Všechna práva vyhrazena';
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
    font-size: 16px;
}

main {

    padding-left: 0;
    padding-right: 0;

}


@media (min-width: 576px) {

    .multiple__row .multiple__inputs {

        gap: 30px;

    }
}

@media (min-width: 768px){
    .multiple__row .multiple__inputs {
        flex: 2;
        gap: 60px;
    }
}

@media (min-width: 992px) {
    .container  {

        max-width: 870px;
        padding-bottom: 35px;

    }

    .multiple__row .multiple__inputs {

        gap: 80px;
        padding-top: 15px;

    }
}

.multiple__row .multiple__inputs {

        justify-content: center;

    }

.navigation__back {

    display: none;

}

.multiple {

    display: none;

}

.multiple__emotion {

    width: 15%;

}

.multiple__row .multiple__label {

    border: 0px;

}

.multiple__row .multiple__label:after {visibility: hidden;}
.multiple__row .multiple__label:before {visibility: hidden;}
.multiple__label:after {visibility: hidden;}
.multiple__label:before {visibility: hidden;}

.multiple__row .multiple__box:last-of-type .multiple__label {

        border-right: 0px;

}

.multiple__row .multiple__label-span {visibility: hidden;}

.header__logo {

    grid-column: auto;
    height: 100%;
    min-height: 60px;
    width: 100%;
}

.multiple__emotion img {

    visibility: hidden;
    max-width: 0%;
}

h1.final-heading {

    margin-top: 0;
    margin-left: auto;
    margin-right: auto;

}

div.progress {
    display:none;
}

.multiple__input:checked~.multiple__label {

    
    color: initial;

}

.header {

    background: unset;

}

.container {

    background: white;
    padding-bottom: 35px;

}

@media (min-width: 576px) {
    
    .navigation {
        max-width: 540px;
    }

}

@media (min-width: 768px) {

    .navigation {

        max-width: 720px;

    }

}

@media (min-width: 992px) {

    .navigation {

        max-width: 870px;

    }

}

.navigation {

    margin: 0;
    background: white;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;

}

main {
    min-height: 0;
}

textarea {
    border: 1px solid #ced4da;
    border-color: #b8b3ad;
    border-radius: 0;
    box-shadow: none;
    padding: 24px;
    width: 100%;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
}

textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.question__secondary {
    text-align: left;
}
.question__main {
    text-align: left;
    font-size: 18px;
}

.Qtext_sec {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    text-align: center;
}

.final-heading-1 {

    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    
}

.final-heading-2 {

    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    font-size: 14px;
    
}


.navigation__next, .navigation__submit {
    margin-bottom: 0;
    border-radius: 0;
}

.multiple__row {flex-direction:column;}


.multiple__heading {padding-bottom: inherit;}

.numbers__row .numbers__label:after {visibility: hidden;}
.numbers__row .numbers__label:before {visibility: hidden;}
.numbers__label:after {visibility: hidden;}
.numbers__label:before {visibility: hidden;}

.numbers__row {

    justify-content: space-evenly;

    @media screen and (max-width: 1020px) {
        flex-wrap: wrap;
    }

}

@media (min-width: 992px) {
    .offset-lg-3 {
        margin-left: 0%;
    }
}


@media (min-width: 992px) {

    .col-lg-6 {
        max-width: 100%;
    }

}

.multiple__row .multiple__heading {
    padding-bottom: 15px;
    margin-right: auto;
}

/* color range */
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(1) .numbers__label {
	 --_bgColor: #840a14;
	 --_borderColor: #840a14;
	 --_textColor: #840a14;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(2) .numbers__label {
	 --_bgColor: #b81d28;
	 --_borderColor: #b81d28;
	 --_textColor: #840a14;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(3) .numbers__label {
	 --_bgColor: #db1b2a;
	 --_borderColor: #db1b2a;
	 --_textColor: #b71c27;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(4) .numbers__label {
	 --_bgColor: #f24f01;
	 --_borderColor: #f24f01;
	 --_textColor: #d74e0e;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(5) .numbers__label {
	 --_bgColor: #fcb504;
	 --_borderColor: #fcb504;
	 --_textColor: #b97d07;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(6) .numbers__label {
	 --_bgColor: #fcb80e;
	 --_borderColor: #fcb80e;
	 --_textColor: #fcb70b;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(7) .numbers__label {
	 --_bgColor: #fcb504;
	 --_borderColor: #fcb504;
	 --_textColor: #b97d07;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(8) .numbers__label {
	 --_bgColor: #37b948;
	 --_borderColor: #37b948;
	 --_textColor: #0ac956;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(9) .numbers__label {
	 --_bgColor: #03c751;
	 --_borderColor: #03c751;
	 --_textColor: #3ba54e;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(10) .numbers__label {
	 --_bgColor: #37b948;
	 --_borderColor: #37b948;
	 --_textColor: #088345;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}
.numbers[data-type="color-range-10"] .numbers__number:nth-of-type(11) .numbers__label {
	 --_bgColor: #39a44c;
	 --_borderColor: #39a44c;
	 --_textColor: #005934;
	 background: var(--_bgColor);
	 border-color: var(--_borderColor);
	 color: var(--_textColor);
}

.numbers[data-type="color-range-10"] .numbers__row {
    gap: 10px!important;
}
.numbers[data-type="color-range-10"] .numbers__number {
    aspect-ratio: 1!important;
    flex: unset!important;
    width: 60px!important;
    height: 60px!important;
    min-width: 60px!important;
}
.numbers[data-type="color-range-10"] .numbers__label {
    height: 100%!important;
    width: 100%!important;
    padding: 16px!important;
    background: white!important;
    border-radius: 100%!important;
    border: 4px solid var(--_bgColor)!important;
    display: grid!important;
    place-items: center!important;
}


.numbers[data-type^="color-range"] .numbers__input:checked ~ .numbers__label {
    --_bgColor: white!important;
    box-shadow: none!important;
    scale: 1.25;
}

.numbers[data-type^="color-range"]:has(.numbers__input:checked) .numbers__label {
    filter: blur(1.5px) brightness(0.95);
}
.numbers[data-type^="color-range"] .numbers__input:checked ~ .numbers__label {
    filter: none;
}