/**
 * IKEO Platform Styles
 * Global fixes for Blocksy + FluentCart on IKEO-managed hosting sites.
 * Location: mu-plugins/ikeo-platform-styles.css
 * Enqueued by: mu-plugins/ikeo-platform-styles.php
 *
 * DO NOT duplicate these rules in WordPress Customizer > Additional CSS.
 * All platform-level CSS belongs here.
 */

/* ============================================================
   Blocksy: Transparent header — homepage content spacing
   Problem: .ct-container-full gets padding-top:60px from
   --theme-content-vertical-spacing, pushing hero below the
   transparent header overlay zone and exposing white body bg.
   ============================================================ */
body.home .site-main > .ct-container-full {
    padding-top: 0;
}

/* ============================================================
   FluentCart: Pricing grid centering
   Problem: FluentCart generates a 4-column CSS grid regardless
   of actual card count. With 3 tiers, the 4th column is empty
   (~330px dead space on right), making cards appear left-leaning.
   Fix: Force 3-column grid with constrained max-width.
   ============================================================ */
.fluent-cart-pricing-table {
    max-width: 1050px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.fluent-cart-pricing-table-variants-iterator {
    grid-template-columns: repeat(3, 1fr) !important;
}