/**
 * @file
 * Off-canvas menu fixes for NextDC theme.
 */

.nextdc-off-canvas {
  width: 100%;
  background-color: #3BB7B3;
  overflow: hidden;
  padding: 0 20px;
  max-height: 0;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nextdc-off-canvas.is-open {
  max-height: 1000px;
  overflow-y: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure smooth closing animation */
.nextdc-off-canvas:not(.is-open) {
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              padding-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nextdc-off-canvas-overlay {
  display: none;
}