@import 'public-booking/main_dependencies';

bb-opening-hours {
  font-weight: normal;

  .opening-hours {
    list-style: none;
    padding-left: 0;
    display: table;
    width: 100%;
    border-bottom: .5px solid #e0e0e0;
    padding-bottom: 10px;

    &__item {
      display: table-row;

      &--is-today {
        // Text shadow bolds font but does not change its size.
        text-shadow: 0 0 0 darken($bb-font-color, 20%);
      }

      .oh-item {
        display: table-cell;
        text-align: right;

        &:first-of-type {
          text-align: left;
        }
      }
    }
  }

  .oh-wrapper {
    &__toggle {
      display: none;
    }

    .oh-wrapper__label--unchecked, .oh-wrapper__label--checked {
      float: right;
      font-weight: normal;
    }

    &__label {
      cursor: pointer;

      i {
        float: right;
      }

      border-bottom: .5px solid #e0e0e0;
      padding-bottom: 10px;

      .oh-wrapper__label--checked {
        display: none;
      }
    }

    .opening-hours {
      display: none;
    }

    .oh-wrapper__toggle:checked ~ .opening-hours {
      display: table;
    }

    .oh-wrapper__toggle:checked ~ .oh-wrapper__label {

      i {
        transform: rotate(180deg);
      }

      .oh-wrapper__label--checked {
        display: inline-block !important;
      }

      .oh-wrapper__label--unchecked {
        display: none !important;
      }

    }

  }
}