/*
Theme Name: Blocksy Child (RUACH Foods)
Theme URI: https://ruachfoods.com/
Description: Production Child Theme for RUACH Foods. Encapsulates custom architecture while preserving Blocksy core updates.
Author: CreativeThemes & Antigravity Engineering
Author URI: https://ruachfoods.com/
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

/* 
 * RUACH Child Theme Baseline
 * Zero visual changes on initial activation.
 * Preserves 100% of parent Blocksy customizer settings.
 */

/* ==========================================================================
   RUACH FOODS — PHASE B.5: LAYOUT DENSITY & WHITESPACE OPTIMIZATION
   Approved Scope: Phase 1 (Spacers & Rhythm) + Phase 2 (1440px Desktop Container)
   ========================================================================== */

/* --------------------------------------------------------------------------
   PHASE 1A: SURGICAL HOMEPAGE SPACER NEUTRALIZATION
   Collapses only the 6 verified homepage spacers to 0px.
   Preserves anchor jump points (#products-grid, #bundles-section, #recipes-section).
   Leaves all non-homepage spacers (About, Contact, Recipes, Policies) 100% untouched.
   -------------------------------------------------------------------------- */
.home .entry-content > .wp-block-spacer {
  height: 0px !important;
  min-height: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* --------------------------------------------------------------------------
   PHASE 1B: SECTION VERTICAL RHYTHM & STACKED SPACING NORMALIZATION
   -------------------------------------------------------------------------- */
/* 1. Hero -> Trust Bar */
.home .rf-hero-container {
  margin-top: 16px !important;
  margin-bottom: 12px !important;
  padding-top: 36px !important;
  padding-bottom: 32px !important;
}

.home .rf-trust-bar {
  margin-top: 0px !important;
  margin-bottom: 24px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* 2. Bundles & Process Sections */
.home .rf-bundle-showcase {
  margin-top: 16px !important;
  margin-bottom: 28px !important;
}

.home .rf-how-to-use-section,
.home .rf-process-sec {
  margin-top: 20px !important;
  margin-bottom: 28px !important;
}

/* 3. WhatsApp CTA & FAQ Section */
.home .rf-wa-cta-section {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.home .rf-faq-section {
  margin-top: 24px !important;
  margin-bottom: 32px !important;
}

/* --------------------------------------------------------------------------
   PHASE 2: FIRST-STAGE DESKTOP CONTAINER EXPANSION (1440px)
   Applies only to viewports >= 1440px. Preserves mobile & tablet fluidity.
   Constrains prose reading widths to protect typography and readability.
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) {
  /* Expand Blocksy container token */
  :root {
    --theme-normal-container-max-width: 1440px;
  }

  .ct-container {
    max-width: 1440px !important;
  }

  /* Expand Homepage marketing blocks */
  .home .entry-content > .rf-hero-container,
  .home .entry-content > .rf-trust-bar,
  .home .entry-content > .wp-block-group.is-layout-constrained,
  .home .entry-content > .rf-bundle-showcase,
  .home .entry-content > .rf-how-to-use-section,
  .home .entry-content > .rf-faq-section {
    max-width: 1440px !important;
  }

  /* Let Shop catalog grid cards expand naturally */
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 28px !important;
  }

  /* Protect prose readability: constrain blog, recipe, and policy text widths */
  .single-post .entry-content,
  .page:not(.home) .entry-content:not(.woocommerce) {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}