/* =====================================================================
   Enaxon theme: covers (the generative plates of enaloo/post-cover).
   Loaded before blog.css on the same views (is_home, is_archive,
   is_search, is_singular post), so the featured plate and forced colors
   rules in blog.css win. Source: design/blog-src/src/covers.css.
   ===================================================================== */

/* Colors come only from theme tokens, so light, dark and forced colors work without new markup.
   The blueprint grid is a CSS background, the same idea as the hero grid.
   Markup (plugin block enaloo/post-cover): div.cover > svg.cv.cv-{motif} (g1, g2, g3), or the featured image as img. */
.cover {
  --cv-bg: var(--panel2);
  --cv-soft: color-mix(in srgb, var(--line2) 82%, var(--muted));
  position: relative; overflow: hidden; aspect-ratio: 1200 / 630; border-radius: 12px;
  background-color: var(--cv-bg);
  background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 24px 24px; background-position: -1px -1px;
}
.cover > svg, .cover > img { display: block; width: 100%; height: 100%; }
/* The featured image (core get_the_post_thumbnail, alt=""): the frame sets the size, so the width and height attributes only reserve space. */
.cover > img { object-fit: cover; }
.cv .ln { fill: none; stroke: var(--line2); stroke-width: 1; vector-effect: non-scaling-stroke; }
.cv .ld { fill: none; stroke: var(--line2); stroke-width: 1.5; stroke-dasharray: 4 5; vector-effect: non-scaling-stroke; }
.cv .la { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
.cv [class^="t-"] { fill: none; stroke-linecap: round; }
.cv .sq { stroke-linecap: butt; }
.cv .t-soft { stroke: var(--cv-soft); }
.cv .t-ink { stroke: var(--muted); }
.cv .t-c1 { stroke: color-mix(in srgb, var(--cipher) 24%, var(--cv-bg)); }
.cv .t-c2 { stroke: color-mix(in srgb, var(--cipher) 52%, var(--cv-bg)); }
.cv .t-c3 { stroke: var(--cipher); }
.cv .t-acc { stroke: var(--accent); }
.cv .f-c1 { fill: color-mix(in srgb, var(--cipher) 12%, transparent); }
.cv .f-acc { fill: var(--accent); }
.cv .f-hot { fill: var(--accent-soft); }
.cv .f-bg { fill: var(--cv-bg); }