/* Flickity Carousel Container */
.projects-carousel {
  width: 100%;
  overflow: visible;
}

/* keep layout on the cell itself */
.projects-carousel .carousel-cell {
  width: 550px;
  margin: 0 30px;
}

/* animate ONLY the inner wrapper */
.projects-carousel .carousel-cell .cell-inner {
  transform: scale(0.55);
  opacity: 0.6;
  transform-origin: center center;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease;
}

/* Flickity adds .is-selected to the active cell */
.projects-carousel .carousel-cell.is-selected .cell-inner {
  transform: scale(1);
  opacity: 1;
  z-index: 1; /* optional */
}

/* Project Card - Default (side) state */
.projects-carousel .project-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px 32px 30px 34px;
  background: var(--nefes-beji);
  border: 2px solid var(--derun-toprak);
  cursor: pointer;
  width: 100%;
  height: 400px;
  box-shadow: 4px 4px 0px rgba(139, 106, 78, 0.1),
    8px 8px 0px rgba(139, 106, 78, 0.05);
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease;
  transform: scale(0.55);
  opacity: 0.5;
}

/* Selected (center) card */
.projects-carousel .is-selected .project-card {
  transform: scale(1) !important;
  opacity: 1 !important;
}

/* Flickity Navigation Buttons */
.projects-carousel .flickity-button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--white);
  border: 2px solid var(--derun-toprak);
  box-shadow: 4px 4px 0px rgba(139, 106, 78, 0.1);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.projects-carousel .flickity-button:hover {
  background: var(--doga-yesil);
  border-color: var(--doga-yesil);
  box-shadow: 6px 6px 0px rgba(124, 154, 109, 0.2);
}

.projects-carousel .flickity-button .flickity-button-icon {
  fill: var(--derun-toprak);
}

.projects-carousel .flickity-button:hover .flickity-button-icon {
  fill: var(--white);
}

.projects-carousel .flickity-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Hide default Flickity styling */
.projects-carousel .flickity-page-dots {
  display: none;
}

/* Responsive */
@media screen and (max-width: 991px) {
  .projects-carousel .carousel-cell {
    width: 480px;
    margin: 0 20px;
  }

  .projects-carousel .project-card {
    height: 360px;
  }

  .projects-carousel .flickity-button {
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 767px) {
  .projects-carousel {
    padding: 40px 0 60px 0;
  }

  .projects-carousel .carousel-cell {
    width: 420px;
    margin: 0 15px;
  }

  .projects-carousel .project-card {
    height: 320px;
  }

  .projects-carousel .flickity-button {
    width: 42px;
    height: 42px;
  }
}

@media screen and (max-width: 479px) {
  .projects-carousel .carousel-cell {
    width: 350px;
    margin: 0 10px;
  }

  .projects-carousel .project-card {
    height: 280px;
  }

  .projects-carousel .flickity-button {
    width: 38px;
    height: 38px;
  }
}