/*
 * Picup overrides — Stitch tasarımı farkları.
 * Orijinal script CSS'ine (main.css / SCSS) dokunmamak için ayrı dosya.
 */

/* Upload alanı ikonu */
.dropzone-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  border-radius: 50%;
  color: var(--color-1);
  background-color: rgba(var(--color-1-rgb), .08);
}

html.dark-mode .dropzone-icon {
  background-color: rgba(var(--color-1-rgb), .2);
}

/* Ana sayfa özellik etiketleri */
.home-features-area .feature-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  font-weight: 600;
  color: var(--color-3);
}

.home-features-area .feature-chip i {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .625rem;
  border-radius: 50%;
  color: var(--color-5);
  background-color: rgba(var(--color-5-rgb), .12);
}

html.dark-mode .home-features-area .feature-chip {
  color: var(--dark-text-color);
}

/* Özellik ve slider kartları koyu temada koyu görünsün */
html.dark-mode .home-features-area .feature-image,
html.dark-mode .home-slider .swiper-slide {
  filter: invert(1) hue-rotate(180deg) brightness(.85);
}