/*
Theme Name:   Vantage Child — Villager Farmers Market
Theme URI:    https://villagerfarmersmarket.com/
Description:  Child theme for Vantage. Exists so site-specific templates and CSS survive
              parent theme updates. The original custom product loop was destroyed by a
              Vantage update on 2026-06-12 and the homepage showed empty product sections
              for seven weeks before anyone noticed — this theme is the fix for that class
              of problem, not just that one file.
Author:       Falcon
Template:     vantage
Version:      1.0.0
Text Domain:  vantage-child
*/

/* ==========================================================================
   Content width
   --------------------------------------------------------------------------
   Vantage normally caps .full-container at 1080px and centres it
   (parent style.css:501 and :935). That cap is cancelled for pages whose
   SiteOrigin layout is "full width with sidebar", by parent style.css:2447:

       :not(.not-default-page).page-layout-full-width-sidebar.layout-full
       #page-wrapper .full-container { max-width: 100%; }

   With the cap gone the whole page stretches edge to edge. The site logo is
   exactly 1080px wide — the theme's intended container width — so on a wide
   monitor the logo sat far left, the header search widget floated far right,
   and roughly 700px of dead space opened up between them. The same stretch
   made every section below read as sparse.

   Restore a centred container, at 1400px rather than the original 1080px so
   the four-column product grid still has room.

   Selectors below deliberately mirror the parent's own specificity; the child
   stylesheet loads after the parent, so equal specificity is enough to win.
   max-width only — no padding or width changes — so the parent's responsive
   media queries continue to govern small screens untouched.
   ========================================================================== */

.layout-full #page-wrapper .full-container,
body.responsive.layout-full #page-wrapper .full-container,
:not(.not-default-page).page-layout-full-width.layout-full #page-wrapper .full-container,
:not(.not-default-page).page-layout-full-width-sidebar.layout-full #page-wrapper .full-container {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------------------
   Header
   The logo is a 1080x316 banner served at natural size. Inside a 1400px
   container that still leaves a gap before the search widget, so cap it and
   let the two header items sit at opposite ends deliberately rather than by
   accident. Vertically centred so the search box lines up with the logo.
   -------------------------------------------------------------------------- */

#masthead .hgroup {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

#masthead .hgroup .logo-wrapper {
	flex: 0 1 auto;
	min-width: 0;
}

#masthead .hgroup .logo-wrapper img {
	max-width: 100%;
	height: auto;
}

#masthead .hgroup #header-sidebar {
	flex: 0 0 auto;
	float: none;
}

/* --------------------------------------------------------------------------
   Home product rows
   Wrapper emitted by loops/loop-homeproduct.php. WooCommerce supplies the grid
   itself; this only stops the rows colliding with the section headings above.
   -------------------------------------------------------------------------- */

.vantage-home-products {
	margin-top: 12px;
}

.vantage-home-products ul.products {
	margin-bottom: 0;
}