/*
Theme Name: Fox Child (mens-mag.de)
Template: fox
Author: TLM Consulting
Description: Custom child theme for mens-mag.de — overrides for the Foxiz parent.
              Inherits all parent styles via wp_enqueue_scripts; add overrides
              below or in functions.php as needed.
Version: 1.1.0
Text Domain: fox-child
*/

/* CLS fix: reserve header-nav height to prevent sticky-class swap + font-load reflow.
   Lighthouse desktop measured 3 sequential shifts on .header56__nav totalling ~0.128
   (article desktop CLS = 0.119). `contain: layout` isolates the nav so any internal
   reflow stays inside; `min-height` reserves the post-sticky height baseline. */
.header56__nav {
    min-height: 60px;
    contain: layout;
}
@media (max-width: 767px) {
    .header56__nav {
        min-height: 56px;
    }
}

/* CLS fix: reserve hero-figure aspect-ratio on singular posts so featured-image-load
   doesn't push body content. Fox emits `figure.thumbnail56 > a > img` without
   intrinsic dimensions on the wrapper. */
.single56 figure.thumbnail56,
.blog56 article.post56 figure.thumbnail56 {
    aspect-ratio: 16 / 9;
    background: #f0f0f0;
}
.single56 figure.thumbnail56 img,
.blog56 article.post56 figure.thumbnail56 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}