/*
 * 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.
 */

/* Dodatkowe style dla kontenerów zawartości */
.container, .max-w-7xl, .max-w-4xl, .max-w-3xl, .max-w-2xl {
  margin-bottom: 2rem; /* Dodatkowy margines dla kontenerów */
}

/* Style dla mobilnych urządzeń */
@media (max-width: 640px) {
  .container, .max-w-7xl, .max-w-4xl, .max-w-3xl, .max-w-2xl {
    margin-bottom: 3rem; /* Większy margines dla mobilnych urządzeń */
  }
}

/* Animacja przełączania ikon skanera – 4 obrazy, instant switch, 8s cykl */
.scan-icon-switch-1,
.scan-icon-large-1 {
  animation: scan-icon-switch-1 8s steps(1) infinite;
  -webkit-animation: scan-icon-switch-1 8s steps(1) infinite;
}
.scan-icon-switch-2,
.scan-icon-large-2 {
  animation: scan-icon-switch-2 8s steps(1) infinite;
  -webkit-animation: scan-icon-switch-2 8s steps(1) infinite;
}
.scan-icon-switch-3,
.scan-icon-large-3 {
  animation: scan-icon-switch-3 8s steps(1) infinite;
  -webkit-animation: scan-icon-switch-3 8s steps(1) infinite;
}
.scan-icon-switch-4,
.scan-icon-large-4 {
  animation: scan-icon-switch-4 8s steps(1) infinite;
  -webkit-animation: scan-icon-switch-4 8s steps(1) infinite;
}
@keyframes scan-icon-switch-1 {
  0%, 24.999% { opacity: 1; }
  25%, 100% { opacity: 0; }
}
@-webkit-keyframes scan-icon-switch-1 {
  0%, 24.999% { opacity: 1; }
  25%, 100% { opacity: 0; }
}
@keyframes scan-icon-switch-2 {
  0%, 24.999% { opacity: 0; }
  25%, 49.999% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@-webkit-keyframes scan-icon-switch-2 {
  0%, 24.999% { opacity: 0; }
  25%, 49.999% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes scan-icon-switch-3 {
  0%, 49.999% { opacity: 0; }
  50%, 74.999% { opacity: 1; }
  75%, 100% { opacity: 0; }
}
@-webkit-keyframes scan-icon-switch-3 {
  0%, 49.999% { opacity: 0; }
  50%, 74.999% { opacity: 1; }
  75%, 100% { opacity: 0; }
}
@keyframes scan-icon-switch-4 {
  0%, 74.999% { opacity: 0; }
  75%, 100% { opacity: 1; }
}
@-webkit-keyframes scan-icon-switch-4 {
  0%, 74.999% { opacity: 0; }
  75%, 100% { opacity: 1; }
}

/* Delikatne pulsowanie dla "(Skanowanie...)" i "→ sprawdź i zapisz!" */
@keyframes pulse-subtle {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
.animate-pulse-subtle {
  animation: pulse-subtle 1.5s ease-in-out infinite;
  -webkit-animation: pulse-subtle 1.5s ease-in-out infinite;
}

/* Style dla rozszerzonej listy plików - gdy prawy panel jest ukryty */
.file-list-expanded {
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}