/*
 * Blog / News listing tweaks for happynectar.
 *
 * Overrides the default NectarBlocks "featured image left" layout (defined in
 * nectar-blocks-theme/css/build/blog/standard-featured-left.css). That file
 * ships:
 *   - base:                      .post-featured-img-wrap { width: 33%; }
 *                                .post-content-wrap      { width: 66.6%; }
 *   - desktop (min-width 1025):  .post-content-wrap      { left: 33.3%; }
 *                                .post-featured-img-wrap { position: absolute; }
 *
 * Brand spec is 50/50, so we override both the widths and the desktop offset.
 * The parent's stylesheets load AFTER ours in the cascade — we bump
 * specificity with a `body` prefix to win without `!important`.
 *
 * Structure of each post tile in this layout:
 *   .post-area.featured_img_left
 *     .article-content-wrap
 *       .post-featured-img-wrap   ← left column
 *       .post-content-wrap        ← right column
 */

@media only screen and (min-width: 690px) {
  body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap,
  body .post-area.featured_img_left .article-content-wrap .post-content-wrap {
    width: 50%;
  }
}

@media only screen and (min-width: 1025px) {
  body .post-area.featured_img_left .article-content-wrap .post-content-wrap {
    left: 50%;
  }
}

/* Mobile: NectarBlocks sets the image wrapper to a fixed 200px height.
   Brand spec is a 1200×630 (≈1.905:1) aspect ratio instead. */
@media only screen and (max-width: 690px) {
  body .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap {
    height: auto;
    aspect-ratio: 1200 / 630;
  }
}