.rndv-widget-container {
  display: flex;
  flex-direction: column;
  gap: 16px;

  br {
    display: none;
  }

  input:focus-visible {
    outline: none !important;
  }

  & > * {
    border-radius: 4px;
    border: none;
    overflow: hidden;
    background: #f8f7f4 !important;
    transition: scale 0.15s ease-in-out;

    @media (hover: hover) {
      &:hover {
        scale: 1.02;
      }
    }

    &.datepicker {
      /* padding: 8px; */
      cursor: pointer;

      &:after {
        transition: transform 0.3s ease-in-out;
      }

      .controls {
        button.nextMonth, button.nextYear, button.prevMonth, button.prevYear {
          display: flex;
          align-items: center;
          justify-content: center;
          width: unset;
          height: unset;
        }
      }

      input {
        background: initial !important;
        border: none;
        box-shadow: none;
        cursor: inherit;
        font: inherit;
        /* padding-block: 0; */
      }

      .calendar {
        padding: 12px 16px;
        background: initial;
        cursor: initial;

        .dates {
          span {

            &.date-available:not(.range-end, .range-start) {
              transition: background-color 0.2s ease-in-out;
              background: white;

              &:hover {
                background: #D2D2D2
              }
            }
            /* border-width: 1px;
            border-color: transparent;
            transition: background-color 0.2s ease, border-color 0.2s ease; */
            /*
            &.disabled {
              display: none;
            } */

            /* &.date-available:not(.is-past) {
              border: 1px solid black;

              @media (hover: hover) {
                &:not(.range-end):hover {
                  background-color: #d2d2d2;
                }
              }
            } */
          }
        }
      }
    }

    &.hour-selector {
      &.accordion {
        .content {
          label {
            opacity: 1;
            font-size: 16px;
            font-weight: 500;
            border-style: solid;
            background: white;
            transition: border 0.2s ease-in-out, color 0.2s ease-in-out,
              background-color 0.2s ease-in-out;

            &:has(input:checked) {
              color: white;
              background: black;
            }

            &:has(input:disabled) {
              opacity: 0.5;
              border-style: dashed;
              cursor: not-allowed;
            }

            @media (hover: hover) {
              &:has(input:not(:disabled, :checked)):hover {
                border: 1px solid #000;
                background-color: #EBEBEB;
              }
            }
          }
        }
      }
    }

    &.tarifs-selector {
      &.accordion {
        .content {
          .tarif {
            .inputNumber {

              input {
                box-shadow: none;
              }

              button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
              }
            }
          }
        }
      }
    }

    /* &.hour-selector {
      label {
        transition: background-color 0.2s ease;

        @media (hover: hover) {
          &:hover {
            background-color: #5e5151;
          }
        }
      }
    } */
  }
}