/* ═════════════
    HIDE THEME/PLUGIN COMMENT SECTION ON THE
    HOME PAGE ONLY
    ═════════════ */
.home #comments,
.home .comments-area,
.home .site-footer + .comments-area,
.home .sharedaddy + #comments {
  display: none !important;
}

/* ═════════════
   HOME PAGE COMMENT AREA — CHATROOM-STYLE INVERSION
   Flips the comment FORM above the history list site-wide
   (works on both Gutenberg blocks & classic templates)
   ═════════════ */
.home .comments-area,
.comments-title,
h2.comments-title {
  display: none !important;
}

/* Flex layout to re-order form & history */
.home .wp-block-comments,
.single .wp-block-comments,
#comments {
  display: flex !important;
  flex-direction: column !important;
}

/* 1. Comment Form at top */
.home #respond,
.single #respond,
.wp-block-post-comments-form {
  order: 1 !important;
  margin-bottom: 24px !important;
}

/* 2. Comment History below form */
.home .wp-block-comments > ol,
.single .wp-block-comments > ol,
.wp-block-comment-template,
.comment-list {
  order: 2 !important;
}


/* ═════════════
   IMAGE WRAPPING & RESPONSIVE CONTROLS
   SITEWIDE (Care4-Rare Custom)
   ═════════════ */

/* Standard Margins */
.c4r-img-thumb-left   { float:left;  width:150px; max-width:100%; height:auto; margin:0 16px 12px 0; border-radius:4px; }
.c4r-img-thumb-right  { float:right; width:150px; max-width:100%; height:auto; margin:0 0 12px 16px; border-radius:4px; }

.c4r-img-medium-left  { float:left;  width:300px; max-width:100%; height:auto; margin:0 20px 12px 0; border-radius:4px; }
.c4r-img-medium-right { float:right; width:300px; max-width:100%; height:auto; margin:0 0 12px 20px; border-radius:4px; }

.c4r-img-large-left   { float:left;  width:500px; max-width:100%; height:auto; margin:0 24px 16px 0; border-radius:4px; }
.c4r-img-large-right  { float:right; width:500px; max-width:100%; height:auto; margin:0 0 16px 24px; border-radius:4px; }

/* Tight Margins */
.c4r-img-thumb-left-tight   { float:left;  width:150px; max-width:100%; height:auto; margin:0 8px 6px 0; border-radius:4px; }
.c4r-img-thumb-right-tight  { float:right; width:150px; max-width:100%; height:auto; margin:0 0 6px 8px; border-radius:4px; }

.c4r-img-medium-left-tight  { float:left;  width:300px; max-width:100%; height:auto; margin:0 10px 8px 0; border-radius:4px; }
.c4r-img-medium-right-tight { float:right; width:300px; max-width:100%; height:auto; margin:0 0 8px 10px; border-radius:4px; }

.c4r-img-large-left-tight   { float:left;  width:500px; max-width:100%; height:auto; margin:0 12px 10px 0; border-radius:4px; }
.c4r-img-large-right-tight  { float:right; width:500px; max-width:100%; height:auto; margin:0 0 10px 12px; border-radius:4px; }

.c4r-clear { clear:both; }

/* Mobile Stack Rules (screen width under 600px) */
@media (max-width: 600px) {
  .c4r-img-thumb-left, .c4r-img-thumb-right,
  .c4r-img-medium-left, .c4r-img-medium-right,
  .c4r-img-large-left, .c4r-img-large-right,
  .c4r-img-thumb-left-tight, .c4r-img-thumb-right-tight,
  .c4r-img-medium-left-tight, .c4r-img-medium-right-tight,
  .c4r-img-large-left-tight, .c4r-img-large-right-tight {
    float:none; width:100%; max-width:100%; margin:0 0 16px;
  }
}

/* ═════════════
   SITEWIDE METADATA & NAVIGATION SUPPRESSION
   Hides native category headers, author tags, and post nav links
   ═════════════ */

/* Hide native category & meta bar at top of entries */
.entry-categories,
.cat-links,
.entry-header .entry-meta {
  display: none !important;
}

/* Hide native WP Organic Post Navigation (Previous/Next Post) */
.wp-block-post-navigation-link,
.nav-links,
.post-navigation,
.navigation.post-navigation {
  display: none !important;
}

/* Author Info: Hide site-wide by default */
.entry-footer .author-info,
.entry-footer .author-block,
.entry-footer p.author,
.post-author-section,
.author-heading,
a.author-link {
  display: none !important;
}

/* Author Info: Override and show ONLY when post is tagged 'contributed' */
.tag-contributed .entry-footer .author-info,
.tag-contributed .entry-footer .author-block,
.tag-contributed .author-heading,
.tag-contributed a.author-link {
  display: block !important;
}

/* ══════════════════════════════════════════════════════════
   SINGLE POSTS — STRUCTURAL UNWRAP & RE-ORDER
   Flattens <article> so #comments can sit between Content & Footer
   ══════════════════════════════════════════════════════════ */

/* 1. Make the main parent a flex column */
.single #main.site-main {
  display: flex !important;
  flex-direction: column !important;
}

/* 2. Strip article container bounds so its children flex inside #main */
.single article.post {
  display: contents !important;
}

/* 3. Post Header (Title/Meta) stays at top */
.single .entry-header {
  order: 1 !important;
}

/* 4. Post Content sits second */
.single .entry-content {
  order: 2 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 5. Author Box sits third */
.single .entry-author {
  order: 3 !important;
}

/* 6. Comments Block floats UP to position 4 (Tightened Gap) */
.single #comments.comments-area,
.single #comments,
.page #comments {
  order: 4 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0px !important;
}

/* 7. Footer (Posted date, Edit link, Share, Likes) drops to position 5 */
.single footer.entry-footer,
footer.entry-footer {
  order: 5 !important;
  display: none !important; /* Completely collapse footer ghost space */
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ══════════════════════════
   COLLAPSE COMMENT FORM (& RESPOND BLOCK) WHITE SPACE
   ══════════════════════════ */

/* Target the comment form wrapper */
.single #respond,
.page #respond,
.single #reply-title,
.page #reply-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide empty/visually hidden comment titles holding height */
.single #reply-title,
.page #reply-title {
  display: none !important;
}

/* Remove theme rule lines and ghost dividers sitting in the gap */
.single #comments hr,
.single .comments-area hr,
.single #respond::before,
.single .comments-area::before {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
}

/* Hide Jetpack sharing/likes inside post body/footer */
.sharedaddy,
.sd-sharing-enabled,
.sd-like {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 1. The Gold Container Box */
.c4r-gold-box {
  background-color: #9c8012;
  color: #ffffff;
  padding: 12px 8px; 
  font-size: 11px; 
  line-height: 1.35;
  letter-spacing: -0.1px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
}

/* 2. Default Link Styling (Fixes the blue link issue!) */
.c4r-gold-box a {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* 3. Link Hover State */
.c4r-gold-box a:hover,
.c4r-gold-box a:focus {
  text-decoration: underline !important;
  color: #ffffff !important;
}