/* =========================================================================
   Homepage cleanup — remove the unstyled default search box that sits
   between the last product section and the footer.

   That box is WordPress's starter "Search" widget/block in Storefront's
   sidebar (#secondary), or a search block inside the page content. The
   homepage doesn't need it: desktop has the header search bar and mobile
   has the bottom-menu Search button (which opens its own search panel).

   Scoped to the homepage only, and to #primary / #secondary only, so
   neither the header search (.site-search) nor the bottom-nav search
   panel (.fmke-bnav__search, rendered in wp_footer) is affected.
   ========================================================================= */

/* The sidebar only carries the starter widgets here — drop it, and let
   the homepage content use the full width. */
body.home #secondary,
body.home .widget-area#secondary { display: none !important; }

@media (min-width: 768px) {
  body.home #primary.content-area {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
}

/* Same box, if it was dropped into the homepage content instead */
body.home #primary .wp-block-search,
body.home #primary .widget_search,
body.home #primary .widget_block:has(> .wp-block-search),
body.home #primary form.search-form,
body.home #primary form.woocommerce-product-search { display: none !important; }

/* =========================================================================
   Homepage body banner alignment.
   Every banner/section in the page body now uses the exact same column as
   the Event Rentals banner (.fmke-rentals-wrap): 90vw wide, centered, no
   extra side padding. Before this, each section picked its own width/indent
   on mobile (12px padding, full width, or the theme's content column), so
   left edges and headings did not line up. Header, nav and footer are not
   touched. Best Sellers / Recently Added / Recommended titles also start on
   the same left edge as the banners.
   ========================================================================= */
body.home .fmke-hero-wrap,
body.home .fmke-flash-wrap,
body.home .fmke-spot-wrap,
body.home .fmke-hp-wrap,
body.home .fmke-tr-wrap,
body.home .fmke-rentals-wrap {
  width: 90vw !important;
  max-width: 1800px !important;
  margin-left: calc(50% - 45vw) !important;
  margin-right: calc(50% - 45vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Product carousels (Best Sellers, Recently Added, Featured, Trending,
   Recommended For You) share the same 90vw column. */
body.home .fmke-pcarousel {
  width: 90vw !important;
  max-width: 1800px !important;
  margin-left: calc(50% - 45vw) !important;
  margin-right: calc(50% - 45vw) !important;
  box-sizing: border-box !important;
}
body.home .fmke-pcarousel__head,
body.home .fmke-pcarousel__title {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left;
}

/* Recommended keeps its orange panel, but its inner padding now matches the
   Event Rentals panel on small screens. */
@media (max-width: 900px) {
  body.home .fmke-pcarousel--recommended { padding: 22px 16px 26px; }
}