/*
Theme Name: Astra Jura Blog Child
Template: astra
Version: 7B
Author: Mane Media
Description: v7B - Alignment fix + refined spacing + retains 7A stability and UI/UX improvements.
*/

@import url("../astra/style.css");

/* --- General Typography & Spacing --- */
.jura-single .entry-content h2, .jura-single .entry-content h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 1.4;
  color: #193656;
}
.jura-single .jc-meta {
  margin-top: 24px;
  margin-bottom: 12px;
  color: #193656;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.jura-single .entry-content p {
  line-height: 1.75;
  font-size: 18px;
  color: #1f2937;
}

/* --- Featured Image --- */
.jura-single .jc-featured {
  margin: 20px 0 32px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.jura-single .jc-featured img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* --- Wrapper Alignment Fix --- */
.jura-single .jc-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* --- Similar Articles Section --- */
.jura-single .jc-similar {
  background: #f9fafb;
  padding: 60px 20px 50px;
  margin-top: 70px;
  border-radius: 12px;
  text-align: center;
}
.jura-single .jc-similar h2 {
  font-size: 28px;
  font-weight: 700;
  color: #193656;
  margin-bottom: 36px;
}
.jura-single .jc-similar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
  max-width: 1100px;
  margin: 0 auto;
}
.jura-single .jc-similar-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.jura-single .jc-similar-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.jura-single .jc-similar-card a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.jura-single .jc-similar-card img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.jura-single .jc-similar-body {
  padding: 18px 22px 24px;
  text-align: left;
}
.jura-single .jc-similar-title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
}
.jura-single .jc-similar-excerpt {
  color: #4b5563;
  font-size: 15px;
  line-height: 1.6;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .jura-single .jc-similar { padding: 40px 16px; }
  .jura-single .jc-similar h2 { font-size: 24px; }
  .jura-single .entry-content p { font-size: 17px; }
}

/* --- Remove Comments --- */
.comment-respond, .comments-area {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* --- Strong center alignment and constrained content width for single posts --- */
/* Constrain prose width and center it for improved readability */
.jura-single .jc-wrap,
.jura-single .jc-typography,
.jura-single .entry-content {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Ensure featured image is centered and doesn't push layout */
.jura-single .jc-featured,
.jura-single .jc-featured img {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto;
}

/* Ensure images inside content don't overflow and are centered */
.jura-single .entry-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
}

/* Make headings align visually with constrained content */
.jura-single h1,
.jura-single .jc-meta {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Extra spacing tweaks */
.jura-single .jc-wrap { padding-top: 28px; padding-bottom: 28px; }
.jura-single .jc-typography p { margin-bottom: 22px; }

/* High-specificity override to counter Astra container styles */
body.page .jura-single .jc-wrap,
.single-post .jura-single .jc-wrap {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 28px 20px !important;
}

/* If Astra adds a inner container, ensure this inner content is centered */
.ast-container .jura-single .jc-wrap,
.main-content .jura-single .jc-wrap {
  max-width: 900px !important;
  margin: 0 auto !important;
}