/* ============================================================
   Move Faster — Homepage Hex Wallpaper Background
   Version: 6.0.0
   Target: body.page-id-243 (homepage only, PHP-scoped enqueue)
   Strategy: body::before fixed overlay (same proven pattern as
   contact-style.css v13 and my-account-style.css). All
   containers made transparent so the ::before shows through.
   Hero column background-image is explicitly preserved.
   ============================================================ */

/* ── 1. Body base + hex wallpaper overlay ── */
body.page-id-243 {
    background-color: #ffffff !important;
    background-image: none !important;
    position: relative;
}
body.page-id-243::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://movefaster.ca/wp-content/uploads/2026/03/HEXWALLPAPER.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    opacity: 0.32;
    z-index: 0;
    pointer-events: none;
}

/* ── 2. ALL containers: transparent so body::before shows through ── */
body.page-id-243 #wrapper,
body.page-id-243 .site,
body.page-id-243 .wp-site-blocks,
body.page-id-243 #inner-wrap,
body.page-id-243 #primary,
body.page-id-243 .content-area,
body.page-id-243 .content-container,
body.page-id-243 .site-container,
body.page-id-243 #main,
body.page-id-243 .site-main,
body.page-id-243 .content-wrap,
body.page-id-243 #post-243,
body.page-id-243 .entry,
body.page-id-243 .content-bg,
body.page-id-243 .entry-content-wrap,
body.page-id-243 .entry-content,
body.page-id-243 .single-content,
body.page-id-243 .wp-block-group,
body.page-id-243 .wp-block-group__inner-container,
body.page-id-243 [class*="wp-container-core-group"],
body.page-id-243 [class*="wp-container-core-columns"],
body.page-id-243 [class*="wp-container-core-column"],
body.page-id-243 .wp-block-columns,
body.page-id-243 .wp-block-column,
body.page-id-243 .kb-row-layout-wrap,
body.page-id-243 .kt-row-column-wrap,
body.page-id-243 .kt-inside-inner-col,
body.page-id-243 .wp-block-kadence-column,
body.page-id-243 .wp-block-kadence-rowlayout {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    position: relative;
    z-index: 1;
}

/* ── 3. Preserve hero column background image (Buy Sell Invest photo) ── */
body.page-id-243 .kadence-column243_e30593-f3 > .kt-inside-inner-col {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/Move-Faster-Buy-Sell-Invest.jpg') !important;
    background-size: cover !important;
    background-position: 33% 33% !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* ── 4. Preserve all other kadence columns with explicit background images ── */
/* AffordAbility images */
body.page-id-243 .kadence-column243_b1f5b8-2e > .kt-inside-inner-col {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/Kelowna-Attached-Home-For-Sale.webp') !important;
    background-size: cover !important;
    background-position: 38% 58% !important;
    background-color: transparent !important;
}
body.page-id-243 .kadence-column243_3d8e71-96 > .kt-inside-inner-col {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/Northside-Home-For-Sale.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: transparent !important;
}
body.page-id-243 .kadence-column243_a5a9e8-f4 > .kt-inside-inner-col {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/Screenshot-2025-12-07-at-5.42.01-PM.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-color: transparent !important;
}
/* Buy a Home column (blue gradient + staging photo) */
body.page-id-243 .kadence-column243_d03a9e-85 > .kt-inside-inner-col {
    background-image: linear-gradient(135deg, rgb(0,123,255) 0%, rgb(0,86,179) 100%) !important;
}
body.page-id-243 .kadence-column243_d03a9e-85 > .kt-inside-inner-col:before {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/living-room-staging-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}
/* Sell a Home column */
body.page-id-243 .kadence-column243_adb97d-25 > .kt-inside-inner-col {
    background-color: #f5f5f7 !important;
}
body.page-id-243 .kadence-column243_adb97d-25 > .kt-inside-inner-col:before {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/shelf-staging-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}
/* Dark column */
body.page-id-243 .kadence-column243_2ca214-bf > .kt-inside-inner-col {
    background-color: #111827 !important;
}
body.page-id-243 .kadence-column243_2ca214-bf > .kt-inside-inner-col:before {
    background-image: url('https://movefaster.ca/wp-content/uploads/2025/12/countertopp-scaled.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* ── 5. Protect footer — always white ── */
body.page-id-243 footer#colophon {
    background-color: #ffffff !important;
    background-image: none !important;
}
body.page-id-243 footer#colophon * {
    background-image: none !important;
}

/* ── 6. My Account panel on homepage — glassmorphism card ── */
body.page-id-243 .gn-cs-shell {
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.40) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
    position: relative;
    z-index: 2;
}