:root {
  --cl-product-red : #E51423;
  --cl-palette-green : #EEF4EE;
  --main-background-color: #F9F9F9;

  --cl-main-product-red : #E51423;

  --main-color-background: #F9F9F9;
  --second-color-background: #fff;
  --third-color-backgroud: #264354;


  --main-color-text: #071428;
    --second-color-text: #7F7F7F;

  --br-main : 12px;
}

/* STATE */
  .lang-menu__wrapper a.lang-elem--active {
    color: var(--cl-product-red);
  }
/* STATE/ */

/* COLOURS */
  .cl--bg--red {
    background-color: var(--cl-product-red);
  }
  .cl--bg--gray {
    background-color: var(--cc-input-border);
    color: var(--cc-primary-text);
  }
  .cl-fc--red {
    color: var(--cl-product-red);
  }
    .cl-fc--red > a {
      color: var(--cl-product-red);
      text-decoration: none;
    }
  .cl--bg--trans{
    background-color: transparent;
    color: var(--cl-product-red);
    outline: 1px solid var(--cl-product-red);
    width: 100%;
    font-size: var(--fs--1);
    text-align: right;
    margin-top: 0.25rem;
  }
/* COLOURS/ */

/* NADPISY */
  header h2 {
    color: var(--cl-product-red);
    font-size: var(--fs-3);
    font-weight: 600;
    letter-spacing: 0px;
  }
  .contact-text,
  .doc-box a {
    font-size: var(--fs--1);
  }
/* NADPISY/ */

/* <BUTTON> */
  button {
    color: #fff;
    border-radius: var(--br-2);
    padding: .75rem;
    border: 0;

    cursor: pointer;
  }
    .elem--mixed button,
    .elem--button button {
      font-size: var(--fs--1);
      letter-spacing: 2px;
      font-weight: 100;
    }

    .calcButtonSvPoj {
      text-transform: uppercase;
    }

    .backButtonSvPoj {
      text-transform: lowercase;
    }

    .elem--button button i {
      margin: 0 0.5rem;
    }
/* <BUTTON/> */

/* NAV */
  /* LANG */
    nav div {
      color: var(--cc-primary-text);
      font-weight: 600;
      font-size: var(--fs-0);
      margin-left: .75rem;
    }
      .lang-menu__wrapper > a {
        text-decoration: none;
        color: var(--cc-main-ahref);
        text-transform: uppercase;
        font-size: var(--fs-1);
        font-weight: 600;
      }

      nav div.nav-step {
        width: 15px;
        height: 15px;
      }
        nav div.nav-step.step--pre {
          background-color: var(--cc-main-ahref-hover);
        }
  /* LANG/ */
/* NAV/ */

/* WRAPPERS */
  .item__wrapper {
    display: flex;
  }
    .item__wrapper.elem--button {
      justify-content: right;
    }
    .item__wrapper.elem--mixed {
      justify-content: space-between;
    }
    .item__wrapper.elem--button,
    .item__wrapper.elem--mixed {
      background-color: #fff;
      margin-top: 2rem;
    }
    .item__wrapper.elem--button.ui-multi-button {
      justify-content: space-between;
    } 
/* WRAPPERS/ */

/* TELEFOON */
  .telephonize_container .content {
    display: flex;
  }
    .item--selectbox:has(.telephonize-state) {
      width: 120px;
    }
    select.telephonize-state {
      width: 110px;
    }
/* TELEFOON/ */

/* DIALOG */
#dialogPlz .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
  #dialogPlz button {
    color: #fff;
    background-color: gray;
  }

/* VALIDACE */
  .errorBox {
    color: var(--cl-product-red);
    font-size: var(--fs--1);
    font-weight: 600;
    letter-spacing: -0.25px;
  }
  /* input.valid {
    border: 1px solid #4DB34D;
  } */
  input.notValid {
    border: 1px solid var(--cl-product-red);
  }
/* VALIDACE/ */