input[type="checkbox"] {
    appearance: none;
}



.burger__line {
    transform-origin: center center;
}

.burger__line:nth-child(1) {
    transition-delay: 0s;
}

.burger__line:nth-child(3) {
    transition-delay: 0s;
}

.burger__line:nth-child(2) {
    opacity: 1;
    transition-delay: opacity 0.3s 0.4s;
}

/* hover */

.header__label:hover .burger__line:nth-child(1) {
    y: 9px;
    transition: y 0.3s 0.4s, rotate 0.3s 0.3s;
    fill: var(--primary-softred);
}

.header__label:hover .burger__line:nth-child(3) {
    y: 21px;
    transition: y 0.3s 0.4s, rotate 0.3s 0.3s;
    fill: var(--primary-softred);
}

.header__label:hover .burger__line:nth-child(2) {
    opacity: 0;
    transition: opacity 0.3s;
}



/*  ECRAN MINI */
/* checked */

input[type="checkbox"]:checked~label .burger__line:nth-child(1) {
    transition: y 0.2s 0.2s, rotate 0.1s 0s;
    y: 15px;
    rotate: 45deg;
    fill: var(--primary-softred);
}

input[type="checkbox"]:checked~label .burger__line:nth-child(3) {
    transition: y 0.2s 0.2s, rotate 0.1s 0s;
    y: 15px;
    rotate: -45deg;
    fill: var(--text-color);
}

input[type="checkbox"]:checked~label .burger__line:nth-child(2) {
    opacity: 0;
}






/* @media (max-width: 35rem) {
    body {
        background-color: pink;
    }

} */

@media (min-width: 54rem) {
    .header__label {
      display: none;
    }
  
    .selecteur {
      /* display: flex;
          flex-direction: row; */
      position: static;
      translate: 0;
      transition: all 0.3s ease-in-out;
      margin-bottom: 1rem;
    }
  
    .movie__nav {
      flex-direction: row;
    }
  }
  
  /* @media (min-width: 68rem) {
      .page{
          margin: 3rem 4rem;
      }
      .selecteur{
          margin-bottom: 1rem;
      }
  
  } */