/* =========================================================================
   Desktop header compaction — gets customers to the products sooner.
   Desktop only (>=783px); mobile is untouched.

   Before: announcement bar (~46px) + feature strip (~72-95px) + two-row
   sticky header (logo/search row, then nav/cart row) = roughly 230px+ of
   chrome above the first product.
   After:  announcement bar (30px) + feature strip (40px) + ONE header row
   (unchanged layout, tighter spacing) = roughly 140px, and only the ~64px header
   row stays stuck while scrolling (the two strips scroll away, as before).

   Loaded after style.css / desktop-nav.css / search-bar.css so it wins on
   equal specificity. Delete this file + its enqueue to revert completely.
   ========================================================================= */
@media (min-width: 783px) {

  /* ---- 1. Announcement bar: 46px -> 30px ------------------------------ */
  .fmke-announce { font-size: 12px; }
  .fmke-announce__inner { min-height: 30px !important; }
  .fmke-announce__track { height: 1.4em; }
  .fmke-announce__msg em { padding: 0 6px; }

  /* ---- 2. Feature strip: ~72-95px -> ~40px ----------------------------- */
  .fmke-fstrip .fmke-fstrip__inner { min-height: 0 !important; padding-top: 6px !important; padding-bottom: 6px !important; gap: 20px; }
  .fmke-fstrip__list { padding: 0; gap: 26px; }
  .fmke-fstrip__icon, .fmke-fstrip__icon svg { width: 16px; height: 16px; }
  .fmke-fstrip .fmke-fstrip__text { flex-direction: row !important; align-items: baseline; gap: 6px; }
  .fmke-fstrip__text b { font-size: 12.5px; }
  .fmke-fstrip__text span { font-size: 11.5px; }      /* subtitle sits beside the title instead of under it */
  .fmke-fstrip__cta { padding: 6px 16px; font-size: 13px; }
  .fmke-fstrip__cta::before { inset: -3px; }

  /* ---- 2b. Gap between the header and the first section ----------------
     Storefront leaves a bottom margin on the header and an (often empty)
     entry-header + content padding on the homepage. Remove them. */
  .site-header { margin-bottom: 0 !important; }
  body.home .site-content,
  body.fmke-store-page .site-content { padding-top: 0 !important; }
  body.home .site-content > .col-full,
  body.home .site-main,
  body.home .hentry,
  body.home .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
  body.home .entry-header { display: none !important; }
  .fmke-hero-wrap { padding-top: 12px !important; }

  /* ---- 3. Header: tighter vertical spacing ONLY ------------------------
     No layout changes (no flex/float/width/position edits), so the header
     keeps exactly the horizontal arrangement it had before. */
  .site-header { padding-top: 2px !important; padding-bottom: 2px !important; }
  .site-header .col-full,
  .site-header .site-branding,
  .site-header .storefront-primary-navigation {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .site-header .site-branding,
  .site-header .site-search,
  .site-header .site-header-cart { margin-bottom: 0 !important; }
  .site-header .site-branding img,
  .site-header .site-logo-anchor img { max-height: 40px; width: auto; }
  .fmke-dnav { padding: 0; }
  .fmke-dnav__link { padding: 6px 12px; }
  .site-header .site-header-cart .cart-contents { padding: 6px 12px; }
}

/* Narrow desktops / small laptops: drop the strip's sub-text so the row never wraps */
/* Subtitles sit beside the titles now, so they need ~1500px of room or the last item gets clipped by the Shop Now button */
@media (min-width: 783px) and (max-width: 1500px) {
  .fmke-fstrip__text span { display: none; }
}
@media (min-width: 783px) and (max-width: 1180px) {
  .fmke-dnav__link span { font-size: 12px; }
}