/* Document Show View - Seamless Design */

/* Remove default prose spacing conflicts */
article.document-content .prose > .block-content:first-child {
  margin-top: 0;
}

/* Override prose max widths for full width blocks */
article.document-content .prose {
  max-width: none;
}

article.document-content .prose > * {
  max-width: 65ch;
  margin-left: auto;
  margin-right: auto;
}

/* Full width blocks */
article.document-content .prose > .block-content .hero-block,
article.document-content .prose > .block-content .gallery-block,
article.document-content .prose > .block-content .card-grid,
article.document-content .prose > .block-content .calendar-container,
article.document-content .prose > .block-content table,
article.document-content .prose > .block-content .comparison-table,
article.document-content .prose > .block-content video,
article.document-content .prose > .block-content iframe {
  max-width: none;
}

/* Seamless text blocks */
.block-content {
  transition: all 0.2s ease;
}

/* Remove empty paragraph spacing */
.block-content p:empty {
  display: none;
}

/* Better typography for consecutive text blocks */
.block-content + .block-content {
  margin-top: 0;
}

.block-content p + p {
  margin-top: 1em;
}

/* Heading spacing */
.block-content h1 {
  @apply text-4xl font-bold mt-8 mb-4;
}

.block-content h2 {
  @apply text-3xl font-bold mt-6 mb-3;
}

.block-content h3 {
  @apply text-2xl font-bold mt-4 mb-2;
}

/* List styling */
.block-content ul {
  @apply my-4;
}

.block-content ol {
  @apply my-4 list-decimal list-inside;
}

/* Quote blocks */
.block-content blockquote {
  @apply border-l-4 border-gray-300 pl-4 my-6 italic text-gray-700;
}

/* Code blocks */
.block-content pre {
  @apply bg-gray-100 rounded-lg p-4 my-6 overflow-x-auto;
}

/* Images and media */
.block-content img {
  @apply rounded-lg shadow-lg my-8 mx-auto;
}

.block-content video,
.block-content iframe {
  @apply rounded-lg shadow-lg my-8 w-full;
}

/* Tables */
.block-content table {
  @apply my-8 w-full;
}

/* Buttons */
.block-content .button-block {
  @apply my-6 text-center;
}

/* Dividers */
.block-content hr {
  @apply my-8 border-gray-200;
}

/* Cards and grids */
.block-content .card-grid {
  @apply my-8 -mx-4 px-4;
}

/* Hero blocks - full width */
.hero-block-wrapper {
  @apply -mx-4 md:-mx-8 lg:-mx-16 my-12;
}

/* Callout blocks */
.callout-block {
  @apply my-6 rounded-lg p-4;
}

/* Smooth scroll for anchor links */
html {
  scroll-behavior: smooth;
}

/* Block selector popover */
[data-block-selector-target="menu"] {
  max-height: 500px;
}

/* Scrollbar styling for block selector */
[data-block-selector-target="menu"] .overflow-y-auto::-webkit-scrollbar {
  width: 6px;
}

[data-block-selector-target="menu"] .overflow-y-auto::-webkit-scrollbar-track {
  background: #f1f1f1;
}

[data-block-selector-target="menu"] .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}

[data-block-selector-target="menu"] .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Print styles */
@media print {
  .sticky {
    position: relative !important;
  }
  
  .border-b {
    border: none !important;
  }
  
  .bg-white {
    background: transparent !important;
  }
  
  article.document-content {
    max-width: 100% !important;
  }
}