/* ============================================================
   ALL ISLAND RESTORATION — REDESIGN: BLOG  (Phase 4)
   ------------------------------------------------------------
   Dark-theme styling for:
     - Blog list (/blog/): .post-item cards in .posts_group.grid
     - Single post: .single-post header, content, author, share
     - Filter bar (#Filters)
   Scoped to body.redesign. Load AFTER dark-theme.css + footer.css.
   Palette: blue #4a9fd4 / dark #2d7fb5 / hover #6db8e8.
============================================================ */

/* ---- page background: dark, like the rest of the redesign ---- */
body.redesign.blog #Wrapper,
body.redesign.blog #Content,
body.redesign.single-post #Wrapper,
body.redesign.single-post #Content,
body.redesign.blog #Wrapper .content_wrapper,
body.redesign.single-post #Wrapper .content_wrapper {
  background: #06121c !important;
}

/* give the content some breathing room from the sticky header */
body.redesign.blog #Content,
body.redesign.single-post #Content { padding-top: 40px !important; }


/* ============================================================
   FILTER BAR  (#Filters: Categories / Tags / Authors)
============================================================ */
body.redesign #Filters .filters_buttons > li.label { color: #8597a8 !important; }
body.redesign #Filters .filters_buttons > li > a {
  color: #cfdbe8 !important;
  font-family: "Barlow Condensed","Poppins",sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
body.redesign #Filters .filters_buttons > li > a:hover { color: #6db8e8 !important; }
body.redesign #Filters .filters_wrapper ul { background: #0d1722 !important; border: 1px solid rgba(74,159,212,.18) !important; }
body.redesign #Filters .filters_wrapper ul li a { color: #cfdbe8 !important; }
body.redesign #Filters .filters_wrapper ul li a:hover,
body.redesign #Filters .filters_wrapper ul li.current-cat a { background: #4a9fd4 !important; color: #06121c !important; }


/* ============================================================
   BLOG LIST — POST CARDS
============================================================ */
/* 3-up grid spacing */
body.redesign .blog_wrapper .posts_group.grid { margin: 0 -12px !important; }

body.redesign .post-item {
  background: #0d1722 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
body.redesign .post-item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(74,159,212,.45) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.5), 0 0 28px rgba(74,159,212,.14) !important;
}

/* featured image: square off the rounded corners only at the top */
body.redesign .post-item .image_frame,
body.redesign .post-item .image_wrapper,
body.redesign .post-item .image_wrapper img {
  border-radius: 0 !important;
  margin: 0 !important;
}
body.redesign .post-item .image_wrapper img { display: block !important; width: 100% !important; height: auto !important; }

/* date chip */
body.redesign .post-item .date_label {
  background: #4a9fd4 !important;
  color: #06121c !important;
  font-family: "Barlow Condensed","Poppins",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  border-radius: 6px !important;
}

/* card body padding */
body.redesign .post-item .post-desc-wrapper { padding: 22px 22px 24px !important; }

/* meta row (author / date / categories) */
body.redesign .post-item .post-meta,
body.redesign .post-item .post-meta a,
body.redesign .post-item .post-meta .label,
body.redesign .post-item .post-meta i { color: #8597a8 !important; }
body.redesign .post-item .post-meta a:hover { color: #6db8e8 !important; }
body.redesign .post-item .category .cat-btn { color: #4a9fd4 !important; }
body.redesign .post-item .post-categories a { color: #4a9fd4 !important; }

/* title */
body.redesign .post-item .post-title .entry-title,
body.redesign .post-item .post-title .entry-title a {
  color: #ffffff !important;
  font-family: "Barlow Condensed","Poppins",sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  line-height: 1.2 !important;
}
body.redesign .post-item .post-title .entry-title a:hover { color: #6db8e8 !important; }

/* excerpt */
body.redesign .post-item .post-excerpt,
body.redesign .post-item .post-excerpt .excerpt-hellip {
  color: #aebccb !important;
  font-family: "Barlow",Arial,sans-serif !important;
  line-height: 1.6 !important;
}

/* footer: love + read more */
body.redesign .post-item .post-footer { border-top: 1px solid rgba(255,255,255,.07) !important; padding-top: 14px !important; }
body.redesign .post-item .post-footer .love-text,
body.redesign .post-item .post-footer .mfn-love,
body.redesign .post-item .post-footer .mfn-love .label,
body.redesign .post-item .post-footer .post-comments,
body.redesign .post-item .post-footer i { color: #8597a8 !important; }
body.redesign .post-item .post-footer .post-more {
  color: #4a9fd4 !important;
  font-family: "Barlow Condensed","Poppins",sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  font-weight: 700 !important;
}
body.redesign .post-item .post-footer .post-more:hover { color: #6db8e8 !important; }

/* card with no image (e.g. the old hello-world) — give the title room */
body.redesign .post-item.no-img .image_frame { display: none !important; }


/* ============================================================
   SINGLE POST
============================================================ */
/* header meta */
body.redesign.single-post .post-header .post-meta,
body.redesign.single-post .post-header .post-meta a,
body.redesign.single-post .post-header .post-meta .label,
body.redesign.single-post .post-header .post-meta i,
body.redesign.single-post .post-header .entry-date { color: #8597a8 !important; }
body.redesign.single-post .post-header .post-meta a:hover { color: #6db8e8 !important; }
body.redesign.single-post .post-header .category .cat-btn { color: #4a9fd4 !important; }
body.redesign.single-post .post-categories a { color: #4a9fd4 !important; }

/* post-nav arrows (prev / grid / next) */
body.redesign.single-post .post-nav.minimal a i,
body.redesign.single-post .post-nav.minimal a svg { color: #8597a8 !important; fill: #8597a8 !important; }
body.redesign.single-post .post-nav.minimal a:hover i { color: #6db8e8 !important; }
body.redesign.single-post .post-nav.minimal a:hover svg { fill: #6db8e8 !important; }

/* featured image: rounded, no clip */
body.redesign.single-post .single-photo-wrapper .image_frame,
body.redesign.single-post .single-photo-wrapper .image_wrapper,
body.redesign.single-post .single-photo-wrapper img { border-radius: 16px !important; }

/* ---- ARTICLE BODY ---- */
body.redesign.single-post .the_content_wrapper {
  max-width: 820px !important;
  margin: 0 auto !important;
}
body.redesign.single-post .the_content_wrapper p {
  color: #d3deea !important;
  font-family: "Barlow",Arial,sans-serif !important;
  font-size: 1.0625rem !important;
  line-height: 1.75 !important;
  margin: 0 0 1.2em !important;
}
body.redesign.single-post .the_content_wrapper h2,
body.redesign.single-post .the_content_wrapper h3,
body.redesign.single-post .the_content_wrapper h4 {
  color: #ffffff !important;
  font-family: "Barlow Condensed","Poppins",sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  line-height: 1.25 !important;
  margin: 1.6em 0 .5em !important;
}
body.redesign.single-post .the_content_wrapper h2 { font-size: 1.9rem !important; }
body.redesign.single-post .the_content_wrapper h3 { font-size: 1.5rem !important; }
/* accent bar before each subhead */
body.redesign.single-post .the_content_wrapper h2:before,
body.redesign.single-post .the_content_wrapper h3:before {
  content: ""; display: inline-block; width: 26px; height: 3px;
  background: #4a9fd4; vertical-align: middle; margin-right: 12px; transform: translateY(-4px);
}
body.redesign.single-post .the_content_wrapper a {
  color: #6db8e8 !important; text-decoration: underline !important;
}
body.redesign.single-post .the_content_wrapper a:hover { color: #4a9fd4 !important; }
body.redesign.single-post .the_content_wrapper strong { color: #ffffff !important; }
body.redesign.single-post .the_content_wrapper ul,
body.redesign.single-post .the_content_wrapper ol { color: #d3deea !important; }
body.redesign.single-post .the_content_wrapper li { margin: .4em 0 !important; line-height: 1.7 !important; }

/* ---- SHARE ROW ---- */
body.redesign.single-post .share-simple-wrapper .share-label { color: #cfdbe8 !important; }
body.redesign.single-post .share-simple-wrapper .icons a { color: #8597a8 !important; }
body.redesign.single-post .share-simple-wrapper .icons a:hover { color: #6db8e8 !important; }
body.redesign.single-post .share-simple-wrapper .button-love .label,
body.redesign.single-post .share-simple-wrapper .mfn-love { color: #8597a8 !important; }

/* ---- AUTHOR BOX ---- */
body.redesign.single-post .author-box .author-box-wrapper {
  background: #0d1722 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  padding: 22px !important;
}
body.redesign.single-post .author-box h5,
body.redesign.single-post .author-box h5 a { color: #ffffff !important; }
body.redesign.single-post .author-box h5 a:hover { color: #6db8e8 !important; }
body.redesign.single-post .author-box .desc { color: #aebccb !important; }

/* comments closed line */
body.redesign.single-post #comments .nocomments { color: #8597a8 !important; }


/* ============================================================
   RESPONSIVE
============================================================ */
@media only screen and (max-width: 767px) {
  body.redesign.single-post .the_content_wrapper { padding: 0 6px !important; }
  body.redesign.single-post .the_content_wrapper h2 { font-size: 1.55rem !important; }
  body.redesign.single-post .the_content_wrapper h3 { font-size: 1.3rem !important; }
  body.redesign .post-item .post-title .entry-title { font-size: 1.25rem !important; }
}

/* ---- End of Phase 4 (blog) ---- */