/* Single Post Styles */

/* Hero title with clamp for responsive sizing */
.single-post-title {
    font-size: clamp(2rem, 5vw, 2.25rem);
    line-height: clamp(2.5rem, 6vw, 3rem);
}

/* Post content styling */
.single-post-content {
    /* Ensure proper spacing and typography */
}

.single-post-content h2 {
    @apply text-3xl font-normal font-tuckshop leading-10 text-secondary-950 mb-2;
}

.single-post-content h3 {
    @apply text-2xl font-normal font-tuckshop leading-9 text-secondary-950 mb-2;
}

.single-post-content p {
    @apply text-base font-normal leading-normal text-secondary-900 mb-6;
}

.single-post-content a {
    @apply font-bold underline text-secondary-900;
}

/* Quote blocks */
.single-post-content blockquote,
.single-post-content .wp-block-quote {
    @apply p-10 bg-primary-200 rounded-tr-lg rounded-br-lg border-l-4 border-primary-950 mb-6;
}

.single-post-content blockquote p,
.single-post-content .wp-block-quote p {
    @apply text-xl font-normal font-tuckshop leading-7 text-primary-950 mb-0;
}

/* Images */
.single-post-content img {
    @apply rounded-lg mb-6;
}

.single-post-content .wp-block-image {
    @apply mb-6;
}

.single-post-content .wp-block-gallery {
    @apply flex gap-2 mb-6;
}

/* Lists */
.single-post-content ul,
.single-post-content ol {
    @apply mb-6 pl-6;
}

.single-post-content ul {
    @apply list-disc;
}

.single-post-content ol {
    @apply list-decimal;
}

.single-post-content li {
    @apply mb-2 text-base font-normal leading-normal text-secondary-900;
}

/* Related posts swiper */
.related-posts-swiper {
    width: 100%;
}

.related-posts-swiper .swiper-slide {
    width: auto;
    width: 70vw;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .related-posts-swiper .swiper-slide {
        width: 416px !important;
    }
}