/* Main CSS Entry - PetMarty Website */

/* Base Styles */
@import url('base/variables.css');
@import url('base/reset.css');

/* Component Styles */
@import url('components/header.css');
@import url('components/footer.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/lang-switcher.css');

/* Animation Keyframes */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* Utility Classes */
.loading {
  text-align: center;
  padding: var(--space-xl);
  color: var(--text-muted);
}

.empty-state {
  text-align: center;
  padding: var(--space-xl);
  color: var(--text-muted);
  grid-column: 1 / -1;
}

.error-message {
  text-align: center;
  padding: var(--space-xl);
  color: #e74c3c;
  grid-column: 1 / -1;
}

/* Container */
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}