/* Container for the entire show details */
.show-details-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%; /* Set to full width */
}

/* Image container */
.show-image {
  flex: 0 0 auto; /* Prevent image from growing */
  margin-right: 20px; /* Spacing between image and details */
}

/* Image styling */
.show-image img {
  max-width: 100%; /* Ensure image fills its container */
  height: auto;
  margin:1rem;
}

/* Container for show details (description, status, etc.) */
.show-info {
  flex: 1; /* Allow details to grow */
  display: flex; /* Ensure the details are displayed as a flex container */
  flex-direction: column; /* Stack the details vertically */
  margin:1rem;
}

/* Accordion container */
.accordion {
  width: 100%; /* Ensure full width within details */
}

/* Season header */
.season-header {
  cursor: pointer;
  font-size: 18px;
  margin: 10px 0;
}

/* Episodes container */
.episodes {
  display: none;
}

/* Episode item */
.episode {
  margin: 0;
}


/* Media query for mobile */
@media (max-width: 768px) {
    .show-details-container {
        flex-direction: column;
    }

    .show-image {
        text-align: center;
    }

    .show-image img {
        max-width: 100%;
        height: auto;
    }
}