/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
details>summary {
  list-style: none;
  /* Removes the default list-style marker */
}

details>summary::-webkit-details-marker {
  display: none;
  /* Specifically targets the Webkit-based arrow in browsers like Chrome and Safari */
}

summary::marker {
  content: "";
}

/* Text clamp utilities for better text truncation */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Enhanced transitions and animations */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Custom gradient animations for enhanced visual appeal */
@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}

.shimmer {
  background: linear-gradient(110deg, #e3e3e3 8%, #f5f5f5 18%, #e3e3e3 33%);
  background-size: 200px 100%;
  animation: shimmer 1.5s linear infinite;
}