/* provisionplumbing client overrides. Measured deltas vs live only; every rule names its measurement.
   Survives rebuilds (not generated). Linked after static-overrides.css by inject-fixes.py. */

/* Home gallery, single-column phone layout. Live keeps the theme's `width:100.4%` on the
   masonry container (361.44px at a 390 viewport), so each fixed-ratio tile is 289.15px tall;
   the shared static grid is 100% wide (360px, 288px tiles): 12 tiles = 14px short of live.
   (W - 15) * 1.004 + 15 = 100.4% - 0.06px. Desktop (6 columns) already measures 0px off. */
@media only screen and (max-width: 480px) {
  .av-masonry.av-large-gap .av-masonry-container { width: calc(100.4% - 0.06px); }
}

/* Blog shim (08-blog-migration/build-blog-widget.py). The shim stores ONE image per post, so
   the theme's 1210x423 "entry_without_sidebar" hard crop is reproduced in CSS (same centre crop). */
#blog-main .big-preview.single-big img,
#post-figure #post-image { width: 100%; height: auto; aspect-ratio: 1210 / 423; object-fit: cover; }
#blog-main .ym-blog-status { padding: 40px 0; }

/* Visually hidden page h1 for the blog list shell (the captured Enfold archive renders none). */
.ym-seo-h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* prev / next post tabs: the shim has one image per post, so the 80x80 thumbnail crop is CSS. */
.avia-post-nav .entry-image img { width: 80px; height: 80px; object-fit: cover; }

/* Heading-outline repair (inject-fixes.fix_heading_outline). The theme sizes headings by TAG,
   so a heading retagged for the document outline keeps its measured look through its
   ym-h<original level> class. Measured before/after: 05-review/seo/headings-*.json. */
#top #wrap_all .all_colors .ym-h4 { font-size: 35px; font-family: 'open sans', Helvetica, Arial, sans-serif; letter-spacing: normal; }
#top #wrap_all .all_colors .ym-h5 { font-size: 27px; letter-spacing: normal; }
h2.ym-h4, h3.ym-h4, h2.ym-h5, h3.ym-h5, h4.ym-h5 { margin-bottom: 0; }

/* Privacy / Terms row under the copyright line (same bar, same type; the copyright
   paragraph is centred inline by the theme builder). */
.ym-legal-links { text-align: center; }

/* Privacy / Terms row under the copyright line (same bar, same type; the copyright
   paragraph is centred inline by the theme builder). */
.ym-legal-links { text-align: center; }
/* The theme's link blue is 2.4:1 on the grey copyright bar; use the bar's own text colour
   (white, 4.7:1) and underline so the links still read as links. */
#top #wrap_all .ym-legal-links a { color: inherit; text-decoration: underline; }
