/* 
==============================================
SINGLE POST STYLES
==============================================
*/

/* Single Post Container */
.jazmove-blog-single-post {
  background-color: var(--jazmove-blog-card-bg-light);
  border-radius: var(--jazmove-blog-radius-xl);
  overflow: hidden;
  box-shadow: var(--jazmove-blog-shadow-sm);
  margin-bottom: var(--jazmove-blog-spacing-xl);
}

.jazmove-blog-dark .jazmove-blog-single-post {
  background-color: var(--jazmove-blog-card-bg-dark);
}

/* Single Post Header */
.jazmove-blog-single-header {
  padding: var(--jazmove-blog-spacing-xl) var(--jazmove-blog-spacing-xl) var(--jazmove-blog-spacing-lg);
}

.jazmove-blog-single-title {
  font-family: var(--jazmove-blog-font-family) !important;
  font-size: calc(var(--jazmove-blog-font-size-3xl) + 0.5rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: var(--jazmove-blog-spacing-md) !important;
  color: var(--jazmove-blog-text-dark) !important;
}

.jazmove-blog-dark .jazmove-blog-single-title {
  color: var(--jazmove-blog-text-light) !important;
}

/* Featured Image */
.jazmove-blog-single-featured-image {
  width: 100%;
  height: auto;
  max-height: 30rem;
  overflow: hidden;
  margin-bottom: 0px;
}

.jazmove-blog-single-featured-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.jazmove-blog-post-actions.comments {
    padding: 0 var(--jazmove-blog-spacing-xl) var(--jazmove-blog-spacing-lg);
    border-top: 1px solid var(--jazmove-blog-border-light);
    padding-top: var(--jazmove-blog-spacing-lg);
}

/* Author Box */
.jazmove-blog-single-author-box {
  padding: var(--jazmove-blog-spacing-lg) var(--jazmove-blog-spacing-lg);
  margin-bottom: 0px;
  border-bottom: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-button {
    gap: 12px;
}

.jazmove-blog-dark .jazmove-blog-single-author-box {
  border-bottom-color: var(--jazmove-blog-border-dark);
}

.jazmove-blog-author {
  display: flex;
  align-items: center;
}

.jazmove-blog-author-info {
  display: flex;
  flex-direction: column;
}

.jazmove-blog-author-name a {
  color: var(--jazmove-blog-primary);
  font-weight: 600;
  transition: color var(--jazmove-blog-transition-fast);
}

.jazmove-blog-author-name a:hover {
  color: var(--jazmove-blog-hover);
}

/* Post Content */
.jazmove-blog-single-content {
  padding: 0 var(--jazmove-blog-spacing-xl) var(--jazmove-blog-spacing-xl);
  font-size: var(--jazmove-blog-font-size-base);
  line-height: 1.7;
  color: var(--jazmove-blog-text-dark);
}

.jazmove-blog-dark .jazmove-blog-single-content {
  color: var(--jazmove-blog-text-light);
}

.jazmove-blog-single-content h1,
.jazmove-blog-single-content h2,
.jazmove-blog-single-content h3,
.jazmove-blog-single-content h4,
.jazmove-blog-single-content h5,
.jazmove-blog-single-content h6 {
  font-family: var(--jazmove-blog-font-family) !important;
  font-weight: 700 !important;
  margin-top: var(--jazmove-blog-spacing-xl) !important;
  margin-bottom: var(--jazmove-blog-spacing-md) !important;
  line-height: 1.3 !important;
}

.jazmove-blog-single-content h2 {
  font-size: var(--jazmove-blog-font-size-2xl) !important;
}

.jazmove-blog-single-content h3 {
  font-size: var(--jazmove-blog-font-size-xl) !important;
}

.jazmove-blog-single-content p {
  margin-bottom: var(--jazmove-blog-spacing-md);
}

.jazmove-blog-single-content a {
  color: var(--jazmove-blog-primary);
  text-decoration: none;
  transition: color var(--jazmove-blog-transition-fast);
}

.jazmove-blog-single-content a:hover {
  color: var(--jazmove-blog-hover);
}

.jazmove-blog-single-content blockquote {
  padding: var(--jazmove-blog-spacing-lg);
  margin: var(--jazmove-blog-spacing-lg) 0;
  background-color: rgba(59, 130, 246, 0.1);
  border-left: 4px solid var(--jazmove-blog-primary);
  border-radius: var(--jazmove-blog-radius-md);
  font-style: italic;
}

.jazmove-blog-dark .jazmove-blog-single-content blockquote {
  background-color: rgba(59, 130, 246, 0.05);
}

.jazmove-blog-single-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--jazmove-blog-radius-md);
  margin: var(--jazmove-blog-spacing-md) 0;
}

.jazmove-blog-single-content ul,
.jazmove-blog-single-content ol {
  margin: var(--jazmove-blog-spacing-md) 0;
  padding-left: var(--jazmove-blog-spacing-xl);
}

.jazmove-blog-single-content li {
  margin-bottom: var(--jazmove-blog-spacing-sm);
}

/* Code blocks */
.jazmove-blog-single-content pre {
  background-color: #f8f8f8;
  border-radius: var(--jazmove-blog-radius-md);
  padding: var(--jazmove-blog-spacing-md);
  overflow-x: auto;
  margin: var(--jazmove-blog-spacing-md) 0;
  font-family: monospace;
}

.jazmove-blog-dark .jazmove-blog-single-content pre {
  background-color: #2d3748;
}

.jazmove-blog-single-content code {
  background-color: #f8f8f8;
  padding: 0.2em 0.4em;
  border-radius: var(--jazmove-blog-radius-sm);
  font-family: monospace;
}

.jazmove-blog-dark .jazmove-blog-single-content code {
  background-color: #2d3748;
}

/* Post Tags */
.jazmove-blog-single-tags {
  padding: 0 var(--jazmove-blog-spacing-xl) var(--jazmove-blog-spacing-lg);
  border-top: 1px solid var(--jazmove-blog-border-light);
  padding-top: var(--jazmove-blog-spacing-lg);
}

.jazmove-blog-dark .jazmove-blog-single-tags {
  border-top-color: var(--jazmove-blog-border-dark);
}

.jazmove-blog-single-tags-title {
  font-weight: 600;
  margin-right: var(--jazmove-blog-spacing-md);
  display: block;
  margin-bottom: var(--jazmove-blog-spacing-sm);
}

/* Post Actions */
.jazmove-blog-post-actions {
  padding: var(--jazmove-blog-spacing-lg) var(--jazmove-blog-spacing-xl);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-dark .jazmove-blog-post-actions {
  border-top-color: var(--jazmove-blog-border-dark);
}

/* Post Navigation */
.jazmove-blog-post-navigation {
  padding: var(--jazmove-blog-spacing-lg) var(--jazmove-blog-spacing-xl);
  border-top: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-dark .jazmove-blog-post-navigation {
  border-top-color: var(--jazmove-blog-border-dark);
}

.jazmove-blog-post-nav-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--jazmove-blog-spacing-md);
}

.jazmove-blog-post-nav-prev,
.jazmove-blog-post-nav-next {
  display: flex;
  flex-direction: column;
  max-width: 45%;
}

.jazmove-blog-post-nav-label {
  font-size: var(--jazmove-blog-font-size-xs);
  font-weight: 600;
  color: var(--jazmove-blog-primary);
  margin-bottom: var(--jazmove-blog-spacing-xs);
  display: flex;
  align-items: center;
  gap: var(--jazmove-blog-spacing-xs);
}

.jazmove-blog-post-nav-title {
  font-size: var(--jazmove-blog-font-size-sm);
  color: var(--jazmove-blog-text-dark);
  transition: color var(--jazmove-blog-transition-fast);
}

.jazmove-blog-dark .jazmove-blog-post-nav-title {
  color: var(--jazmove-blog-text-light);
}

.jazmove-blog-post-nav-prev:hover .jazmove-blog-post-nav-title,
.jazmove-blog-post-nav-next:hover .jazmove-blog-post-nav-title {
  color: var(--jazmove-blog-primary);
}

/* Related Posts */
.jazmove-blog-related-posts {
  padding: var(--jazmove-blog-spacing-xl);
  border-top: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-dark .jazmove-blog-related-posts {
  border-top-color: var(--jazmove-blog-border-dark);
}

.jazmove-blog-related-posts .jazmove-blog-section-heading {
  margin-bottom: var(--jazmove-blog-spacing-lg);
}

/* Comments Section */
.jazmove-blog-comments-section {
  padding: var(--jazmove-blog-spacing-xl);
  border-top: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-dark .jazmove-blog-comments-section {
  border-top-color: var(--jazmove-blog-border-dark);
}

.comment-respond {
  margin-top: var(--jazmove-blog-spacing-xl);
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: var(--jazmove-blog-spacing-md);
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  display: flex;
  flex-direction: column;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  padding: var(--jazmove-blog-spacing-sm);
  border-radius: var(--jazmove-blog-radius-md);
  border: 1px solid var(--jazmove-blog-border-light);
  background-color: white;
  margin-top: var(--jazmove-blog-spacing-xs);
}

.jazmove-blog-dark .comment-form input[type="text"],
.jazmove-blog-dark .comment-form input[type="email"],
.jazmove-blog-dark .comment-form input[type="url"],
.jazmove-blog-dark .comment-form textarea {
  border-color: var(--jazmove-blog-border-dark);
  background-color: var(--jazmove-blog-card-bg-dark);
  color: var(--jazmove-blog-text-light);
}

.form-submit .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--jazmove-blog-spacing-sm) var(--jazmove-blog-spacing-lg);
  border-radius: var(--jazmove-blog-radius-md);
  background-color: var(--jazmove-blog-primary);
  color: white;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background-color var(--jazmove-blog-transition-fast);
}

.form-submit .submit:hover {
  background-color: var(--jazmove-blog-hover);
}

/* Comment List */
.comment-list {
  list-style: none;
  padding: 0;
  margin: var(--jazmove-blog-spacing-xl) 0 0;
}

.comment {
  margin-bottom: var(--jazmove-blog-spacing-lg);
  padding-bottom: var(--jazmove-blog-spacing-lg);
  border-bottom: 1px solid var(--jazmove-blog-border-light);
}

.jazmove-blog-dark .comment {
  border-bottom-color: var(--jazmove-blog-border-dark);
}

.comment:last-child {
  border-bottom: none;
}

.comment-author {
  display: flex;
  align-items: center;
  margin-bottom: var(--jazmove-blog-spacing-xs);
}

.comment-author img {
  border-radius: 50%;
  margin-right: var(--jazmove-blog-spacing-sm);
}

.comment-author .fn {
  font-weight: 600;
}

.comment-metadata {
  font-size: var(--jazmove-blog-font-size-xs);
  color: var(--jazmove-blog-text-muted-light);
  margin-bottom: var(--jazmove-blog-spacing-sm);
}

.jazmove-blog-dark .comment-metadata {
  color: var(--jazmove-blog-text-muted-dark);
}

.comment-content {
  margin-top: var(--jazmove-blog-spacing-sm);
}

.reply {
  margin-top: var(--jazmove-blog-spacing-sm);
}

.reply a {
  font-size: var(--jazmove-blog-font-size-xs);
  color: var(--jazmove-blog-primary);
  font-weight: 500;
}

/* Responsive Styles */
@media (max-width: 1023px) {
  .jazmove-blog-layout {
    flex-direction: column;
  }
  
  .jazmove-blog-main-content,
  .jazmove-blog-right-sidebar {
    width: 100%;
  }
  
  .jazmove-blog-post-nav-prev,
  .jazmove-blog-post-nav-next {
    max-width: 100%;
  }
  
  .jazmove-blog-single-header,
  .jazmove-blog-single-content,
  .jazmove-blog-single-tags,
  .jazmove-blog-post-actions,
  .jazmove-blog-post-navigation,
  .jazmove-blog-related-posts,
  .jazmove-blog-comments-section {
    padding-left: var(--jazmove-blog-spacing-md);
    padding-right: var(--jazmove-blog-spacing-md);
  }
}

@media (max-width: 767px) {
  .jazmove-blog-single-title {
    font-size: var(--jazmove-blog-font-size-2xl) !important;
  }
  
  .jazmove-blog-post-nav-links {
    flex-direction: column;
  }
  
  .jazmove-blog-post-nav-prev,
  .jazmove-blog-post-nav-next {
    max-width: 100%;
  }
}