/*
Theme Name: Betheme Child
Theme URI: https://cbd3km.au
Description: Child theme for Betheme with custom landing page styles for cbd3km.au (207 & 207A Langridge Street).
Author: cbd3km
Version: 1.0.0
Template: betheme
*/

/* ==========================================================================
   cbd3km landing page styles
   Scoped to body.cbd3km-landing (added via functions.php to homepage + tagged pages)
   ========================================================================== */

/* Hide Betheme chrome on landing pages */
body.cbd3km-landing #Subheader,
body.cbd3km-landing #Header_wrapper,
body.cbd3km-landing #Header,
body.cbd3km-landing .mfn-header-tmpl,
body.cbd3km-landing .mfn-header-tmpl-wrapper,
body.cbd3km-landing .header_placeholder {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* Hide Betheme footer on landing pages */
body.cbd3km-landing #Footer,
body.cbd3km-landing #Footer_wrapper,
body.cbd3km-landing .footer_copy,
body.cbd3km-landing #Footer .footer_copy,
body.cbd3km-landing .footer_wrapper,
body.cbd3km-landing footer,
body.cbd3km-landing #colophon,
body.cbd3km-landing .site-footer,
body.cbd3km-landing div[id*="Footer"],
body.cbd3km-landing div[class*="footer"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

body.cbd3km-landing #back_to_top { display: none !important; }

/* Kill all top spacing so the hero starts flush with the top */
body.cbd3km-landing #Wrapper,
body.cbd3km-landing #Content,
body.cbd3km-landing #Content > .content_wrapper,
body.cbd3km-landing .sections_group,
body.cbd3km-landing .wp-block-html,
body.cbd3km-landing .wp-block-html:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

body.cbd3km-landing #Content { margin-top: -80px !important; }
body.cbd3km-landing { padding-top: 0 !important; }

/* Kill Betheme's content wrapper constraints */
body.cbd3km-landing #Content,
body.cbd3km-landing #Content > .content_wrapper,
body.cbd3km-landing #Content > .content_wrapper > .four-columns,
body.cbd3km-landing #Content > .content_wrapper > .four-columns > .column,
body.cbd3km-landing .the_content_wrapper {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.cbd3km-landing #Content { margin-top: -80px !important; }

/* Pull the custom HTML block to the top */
body.cbd3km-landing .wp-block-html:first-child {
  margin-top: -100px !important;
}

/* Background */
body.cbd3km-landing,
html body.cbd3km-landing,
body.cbd3km-landing #Wrapper,
body.cbd3km-landing #Content,
body.cbd3km-landing .sections_group,
body.cbd3km-landing .four-columns,
body.cbd3km-landing .four-columns .column,
body.cbd3km-landing .the_content_wrapper,
body.cbd3km-landing .wp-block-html,
body.cbd3km-landing .wp-block-html:first-child {
  background: #f5f2ec !important;
}

/* Re-declare CSS variables in case Betheme is overriding them */
body.cbd3km-landing {
  --ink: #1a1a1a;
  --warm: #f5f2ec;
  --cream: #ebe7df;
  --muted: #7a7568;
  --light-muted: #a09a8e;
  --divider: #d8d3c8;
}

/* Explicit section backgrounds */
body.cbd3km-landing #story { background: #f5f2ec !important; }
body.cbd3km-landing #spaces { background: #ebe7df !important; }
body.cbd3km-landing #design { background: #f5f2ec !important; }
body.cbd3km-landing #plans { background: #ebe7df !important; }
body.cbd3km-landing #neighbourhood { background: #f5f2ec !important; }
body.cbd3km-landing #contact,
body.cbd3km-landing .contact-section {
  background: #2c2c2c !important;
  color: #fff !important;
}

/* Hero overlay gradient */
body.cbd3km-landing .hero-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%) !important;
  color: #fff !important;
}

/* Force all sections to full viewport width */
body.cbd3km-landing section,
body.cbd3km-landing #story,
body.cbd3km-landing #spaces,
body.cbd3km-landing #design,
body.cbd3km-landing #plans,
body.cbd3km-landing #neighbourhood,
body.cbd3km-landing #contact,
body.cbd3km-landing .contact-section,
body.cbd3km-landing .hero {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Hero gets the cream backdrop */
body.cbd3km-landing .hero {
  background: #ebe7df !important;
  margin-top: 0 !important;
}

/* Constrain text inside sections */
body.cbd3km-landing section .container {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  width: auto !important;
}

body.cbd3km-landing section .container-wide {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  width: auto !important;
}

/* Kill any stray dividers */
body.cbd3km-landing hr {
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}