/* Basic styles for Laspad Editor */
body {
  font-family: var(
    --tenant-font,
    'Helvetica Neue',
    Helvetica,
    Arial,
    sans-serif
  );
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}

.container {
  max-width: 1200px;
}

.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: none;
  transition: transform 0.2s;
}

.card:hover {
  transform: translateY(-2px);
}

.btn {
  border-radius: 0.375rem;
}

.alert {
  border-radius: 0.375rem;
  border: none;
}

/* HTMX loading indicator */
.htmx-indicator {
  opacity: 0;
  transition: opacity 200ms ease-in;
}

.htmx-request .htmx-indicator {
  opacity: 1;
}

.htmx-request.htmx-indicator {
  opacity: 1;
}

/* Custom spacing */
.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Article content styles */
.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
}

.article-content pre {
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 0.375rem;
  overflow-x: auto;
}

.article-content blockquote {
  border-left: 4px solid #0d6efd;
  padding-left: 1rem;
  margin-left: 0;
  font-style: italic;
  color: #6c757d;
}

/* Hover Lift Effect for Cards */
.hover-lift {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Letter Spacing Utility */
.letter-spacing-2 {
  letter-spacing: 2px;
}

/* Navbar Tweaks */
.navbar-brand img {
  object-fit: contain;
}

/* Hero Section Overlay */
.hero-overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
}