.wt-grid-akce {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr 1fr; 
    grid-template-rows: 1fr; 
    gap: 25px 25px; 
    grid-template-areas: 
        ". . ."; 
}



.calendar-panel .event-place {
    padding-bottom: 100px!important;
    margin-left: 102px;
    max-width: 800px;
    width: 100%;
}

.calendar-panel .calendar-place {
    padding-bottom: 100px!important;
}

.calendar-panel .event-place select, .calendar-panel .event-place input {
    margin-bottom: 0!important;
    color: #1d1d1b;
    background-color: #e9e2d9;
    padding: 5px 26px;
    border-radius: 3px;
    font-weight: 700;
    height: 65px!important;
    border: none!important;
    background-image: url(../img/chevron-down-solid-red.svg);
    background-position: right 28px top 30px;
    background-repeat: no-repeat;
    background-size: 10px;
}

.calendar-panel .event-place select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.calendar-panel .event-place input::placeholder {
    color: #1d1d1b;
}

.calendar-panel .event-place button {
    height: 65px!important;
    position: relative;
}

.calendar-panel .event-place button i {
    position: absolute;
    font-size: 20px;
    right: 26px;
    top: 24px;
}

.litepicker {
    all: unset;
}


.litepicker {
  width: 100%;
  max-width: 735px;
  min-height: 576px;
  background-color: white;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 39px 34px;
}

.litepicker .preview-date-range {
  display: none !important;
}
.litepicker .is-locked {
  opacity: 0.5;
}
.litepicker .container__main {
  display: flex;
  flex-wrap: wrap;
}
.litepicker .container__main .container__predefined-ranges {
  width: 100%;
  order: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 16px 0 37px 0;
}
.litepicker .container__main .container__predefined-ranges button {
  padding: 2px 26px 0px 26px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  color: #1b1b1b;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 1px solid #a0b2c0;
  background-color: transparent;
  cursor: pointer;
}



@media (min-width: 1920px) {
  .litepicker .container__main .container__predefined-ranges button {
    padding: 2px 39px 0px 39px;
  }
}
@media (min-width: 360px) {
  .litepicker .container__main .container__predefined-ranges button {
    padding: calc(0vw + 2px) calc(0.8333333333vw + 23px) calc(0vw + 0px) calc(0.8333333333vw + 23px);
  }
}

.litepicker .container__main .container__predefined-ranges button:is(:hover, :focus) {
  border-color: #c12026;
}
.litepicker .container__main .container__months {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}
.litepicker .container__main .container__months .month-item {
  flex: 0 0 calc(50% - 30px);
  position: relative;
}
.litepicker .container__main .container__months .month-item .month-item-year {
  margin-left: 8px;
}
.litepicker .container__main .container__months .month-item:first-child .month-item-header > div {
  text-align: left;
}
.litepicker .container__main .container__months .month-item:first-child .button-previous-month {
  background-color: #c12026;
  color: white;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration: none;
  border: none;
}
.litepicker .container__main .container__months .month-item:first-child .button-previous-month::before {
  content: "\f053";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  color: white;
  font-size: 10px;
}
.litepicker .container__main .container__months .month-item:last-child .month-item-header {
  justify-content: flex-end;
}
.litepicker .container__main .container__months .month-item:last-child .month-item-header > div {
  text-align: right;
}
.litepicker .container__main .container__months .month-item:last-child .button-next-month {
  background-color: #c12026;
  color: white;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration: none;
  border: none;
}
.litepicker .container__main .container__months .month-item:last-child .button-next-month::before {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  color: white;
  font-size: 10px;
}
.litepicker .container__main .month-item-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.litepicker .container__main .month-item-header > div {
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 700;
}
.litepicker .container__main .month-item-header button {
  cursor: pointer;
  display: none;
}
.litepicker .container__main .month-item-header button svg {
  display: none;
}
.litepicker .container__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.litepicker .container__footer .button-cancel {
  padding: 2px 26px 0px 26px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  color: #1b1b1b;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 1px solid #c12026;
  background-color: transparent;
  cursor: pointer;
}
@media (min-width: 360px) {
  .litepicker .container__footer .button-cancel {
    padding: calc(0vw + 2px) calc(0.8333333333vw + 23px) calc(0vw + 0px) calc(0.8333333333vw + 23px);
  }
}
@media (min-width: 1920px) {
  .litepicker .container__footer .button-cancel {
    padding: 2px 39px 0px 39px;
  }
}
.litepicker .container__footer .button-apply {
  padding: 2px 26px 0px 26px;
  height: 50px;
  border-radius: 5px;
  display: flex;
  color: white;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 1px solid #c12026;
  background-color: #c12026;
  cursor: pointer;
}
@media (min-width: 360px) {
  .litepicker .container__footer .button-apply {
    padding: calc(0vw + 2px) calc(0.8333333333vw + 23px) calc(0vw + 0px) calc(0.8333333333vw + 23px);
  }
}
@media (min-width: 1920px) {
  .litepicker .container__footer .button-apply {
    padding: 2px 39px 0px 39px;
  }
}
.litepicker .month-item-weekdays-row, .litepicker .container__days {
  text-transform: capitalize;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  width: 100%;
  text-align: center;
}
.litepicker .month-item-weekdays-row div, .litepicker .container__days div {
  aspect-ratio: 1/1;
  position: relative;
  cursor: pointer;
}
.litepicker .month-item-weekdays-row div:is(:hover, :focus), .litepicker .container__days div:is(:hover, :focus) {
  font-weight: 700;
}
.litepicker .month-item-weekdays-row {
  font-weight: 700;
  margin-top: 30px;
}
.litepicker .is-today {
  color: #c12026;
}
.litepicker .is-start-date::before, .litepicker .is-end-date::before {
  background-color: #e3d7cb;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  content: "";
  left: 3px;
  top: -6px;
  display: block;
  position: absolute;
  z-index: -1;
}
.litepicker .is-in-range::before {
  background-color: #e9e2d9;
  width: calc(100% + 30px);
  height: 30px;
  content: "";
  left: -15px;
  top: -3px;
  display: block;
  position: absolute;
  z-index: -2;
}

@media (max-width: 830px) {
  .litepicker {
    max-width: 290px;
    padding: 20px;
  }
  .litepicker .container__main .container__months .month-item {
    flex: 0 0 100%;
  }
  .litepicker .container__main .container__months .month-item:last-child .month-item-header {
    justify-content: space-between;
  }
  .litepicker .container__main .container__predefined-ranges {
    gap: 10px;
  }
  .litepicker .container__main .container__predefined-ranges button, .litepicker .container__footer .button-cancel, .litepicker .container__footer .button-apply {
    height: 40px;
    width: calc(50% - 5px);
    padding: 6px 12px !important;
    font-size: 0.8rem;
  }
}

@media (max-width: 1460px) {
    .wt-grid-akce {
    display: grid; 
    grid-auto-columns: 1fr; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 25px 25px; 
    grid-template-areas: 
        ". ."
        "button button"; 
    }
    button { grid-area: button; }

    .calendar-panel .event-place {
        max-width: calc(100% - 640px)!important;
    }
}

@media (max-width: 1160px) {
    .wt-grid-akce {
    display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr 1fr; 
  gap: 25px 25px; 
  grid-template-areas: 
    "."
    "."
    "button"; 
    }
    button { grid-area: button; }

    .calendar-panel .event-place {
        padding-bottom: 60px!important;
    }

    .wt-grid-akce {
        padding-top: 60px!important;
    }


    .calendar-panel .calendar-place {
        padding-top: 140px!important;
    }
}

@media (max-width: 1139px) {
    .calendar-panel .calendar-place {
        padding-bottom: 160px!important;
    }

        .calendar-panel .event-place {
        max-width: calc(100% - 610px) !important;
        padding-left: 70px !important;
    }
}

@media (max-width: 660px) {
    .calendar-panel .calendar-place {
        padding-bottom: 60px!important;
        padding-top: 60px!important;
    }

    .wt-grid-akce {
        padding-top: 0!important;
    }

        .calendar-panel .event-place {
        max-width: 100% !important;
        padding-left: 16px !important;
    }
}