/**
 * Desktop header menu CLS fix only.
 * Target: Elementor header template 45950, navigation widget e71b7ef.
 *
 * Why this file exists:
 * Elementor writes font-size:20px and --flex-shrink:0 into
 * wp-content/uploads/elementor/css/post-45950.css. After fonts load,
 * the 7 long menu labels wrap to a second row and the article jumps.
 *
 * This overlay lives in the child theme so it still applies after cache
 * purge and after Elementor regenerates post-45950.css.
 *
 * Revert: delete this file and the foxiz-child-menu-cls enqueue in
 * functions.php, then flush cache. Backup:
 * /var/www/backups/menu-cls-fix-20260818-093123/
 *
 * Do not change logo, ads, sticky title, or mobile header.
 */

@media (min-width: 1025px) {
  /* Allow the nav widget to shrink inside the Elementor flex row. */
  .elementor-45950 .elementor-element.elementor-element-e71b7ef.elementor-element {
    --flex-shrink: 1;
  }

  /* Reserve one menu-row height before/while fonts load. */
  .elementor-45950 .elementor-element.elementor-element-e71b7ef .main-menu-wrap {
    min-height: var(--nav-height, 60px);
    width: 100%;
  }

  /* Keep the 7 items on one row instead of wrapping after font swap. */
  .elementor-45950 .elementor-element.elementor-element-e71b7ef .main-menu {
    flex-wrap: nowrap;
  }

  /* 20px labels are too wide for one row; slightly smaller + tighter padding. */
  .elementor-45950 .elementor-element.elementor-element-e71b7ef .main-menu > li > a {
    font-size: 16px;
    padding-right: 8px;
    padding-left: 8px;
  }
}