/* cm-layout.css — authoritative single-post layout (Grid) */

/* Keep site background */
body, #page { background-color: #FAF7F0 !important; }

/* Poster floats inside the article content; keep this as-is */
.single-post .entry-content img.wp-post-image,
.single-post .entry-content img.alignright,
.single-post .entry-content .wp-post-image-identimage-wrap{
  float: right !important;
  max-width: 38% !important;
  height: auto !important;
  margin: .3rem 0 .6rem 1rem !important;
}
.single-post .entry-content::after{ content:""; display:block; clear:both; }

/* === HARD LAYOUT: #content becomes a 2-col grid (article | sidebar) === */
.single-post #content.content-area{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important; /* content | sidebar */
  gap: 20px !important;
  align-items: start !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
}

/* Put each child in its column; kill legacy floats that caused drops */
.single-post #content.content-area > article{
  grid-column: 1 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}
/* nuke any theme clearfix on the article */
.single-post #content.content-area > article::after{ content: none !important; }

.single-post #content.content-area > aside#sidebar.widget-area{
  grid-column: 2 !important;
  float: none !important;             /* grid controls placement */
  width: 320px !important;
  margin: 0 !important;
  clear: none !important;
  position: static !important;
}

/* Safety: prevent outer containers from interfering */
.single-post .site-main{
  display: block !important;          /* keep parent neutral */
  overflow: visible !important;
}

/* Hide footer-printed duplicate rating (keep star colours) */
.single-post .entry-footer .taxonomy-item.taxonomy-rating,
.single-post .entry-footer .taxonomy-rating-list{ display:none !important; }
.taxonomy-rating-list .taxonomy-term-list a { color:#d4af37 !important; text-decoration:none; }
.taxonomy-rating-list a[class*="rating-link-0-star"] { color:#000 !important; }

/* Stack on narrow screens */
@media (max-width: 900px){
  .single-post #content.content-area{
    grid-template-columns: 1fr !important;
  }
  .single-post #content.content-area > aside#sidebar.widget-area{
    width: 100% !important;
  }
}