/**
 * Theme suppression - hide grocery-store chrome on front_page AND our 3 new pages
 *
 * Targets:
 *   - <header id="masthead"> (theme header)
 *   - .topbar (theme topbar with col-md-5 col-md-7 layout - the white bar on home)
 *   - <footer> (theme footer)
 *   - .rd-navbar (theme navigation)
 *   - .page-title-text, .page-header (theme page title block)
 *   - .site-branding (theme logo/wavecon wordmark)
 *   - .breadcrumbs (theme breadcrumb)
 *
 * Body classes targeted:
 *   - home (front page)
 *   - page-id-236 (Câștigători)
 *   - page-id-237 (Cum Funcționează)
 *   - page-id-238 (Întrebări Frecvente)
 *
 * Memory: !important on display rules to win over grocery-store's responsive CSS.
 */
body.home #masthead,
body.home header.site-header,
body.home .topbar,                   /* A.1 fix: the white bar with col-md-5 */
body.home .rd-navbar,
body.home .site-branding,
body.home .page-title-text,
body.home .page-header,
body.home .breadcrumbs,
body.home footer.site-footer,
body.home #colophon,
body.home .dev_credit,

body.page-id-236 #masthead,
body.page-id-236 header.site-header,
body.page-id-236 .topbar,
body.page-id-236 .rd-navbar,
body.page-id-236 .site-branding,
body.page-id-236 .page-title-text,
body.page-id-236 .page-header,
body.page-id-236 .breadcrumbs,
body.page-id-236 footer.site-footer,
body.page-id-236 #colophon,
body.page-id-236 .dev_credit,

body.page-id-237 #masthead,
body.page-id-237 header.site-header,
body.page-id-237 .topbar,
body.page-id-237 .rd-navbar,
body.page-id-237 .site-branding,
body.page-id-237 .page-title-text,
body.page-id-237 .page-header,
body.page-id-237 .breadcrumbs,
body.page-id-237 footer.site-footer,
body.page-id-237 #colophon,
body.page-id-237 .dev_credit,

body.page-id-238 #masthead,
body.page-id-238 header.site-header,
body.page-id-238 .topbar,
body.page-id-238 .rd-navbar,
body.page-id-238 .site-branding,
body.page-id-238 .page-title-text,
body.page-id-238 .page-header,
body.page-id-238 .breadcrumbs,
body.page-id-238 footer.site-footer,
body.page-id-238 #colophon,
body.page-id-238 .dev_credit {
  display: none !important;
}

/* body.single-product also: theme chrome suppression */
body.single-product #masthead,
body.single-product header.site-header,
body.single-product .topbar,
body.single-product .rd-navbar,
body.single-product .site-branding,
body.single-product .page-title-text,
body.single-product .page-header,
body.single-product .breadcrumbs,
body.single-product footer.site-footer,
body.single-product #colophon,
body.single-product .dev_credit {
  display: none !important;
}
body.single-product {
  background: #050505 !important;
  color: #F5F5F0 !important;
}

/* A.2 fix: force dark bg on the 3 new pages (override wavecon-styles.php body.home bg:#fff) */
body.home,
body.page-id-236,
body.page-id-237,
body.page-id-238 {
  background: var(--ink-bg, #050505) !important;
  color: var(--ink-fg, #F5F5F0) !important;
}

/* Hero section needs to start from very top (no theme padding above) */
body.home #page,
body.home #content,
body.home .site-content,
body.home #primary,
body.page-id-236 #page,
body.page-id-236 #content,
body.page-id-236 .site-content,
body.page-id-236 #primary,
body.page-id-237 #page,
body.page-id-237 #content,
body.page-id-237 .site-content,
body.page-id-237 #primary,
body.page-id-238 #page,
body.page-id-238 #content,
body.page-id-238 .site-content,
body.page-id-238 #primary {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  background: var(--ink-bg, #050505) !important;
}

/* Remove the theme's body padding-top if any */
body.home,
body.page-id-236,
body.page-id-237,
body.page-id-238 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}