:root{
  --black:#080808;
  --near-black:#0e0e0e;
  --dark:#141414;
  --border:#2a2a2a;
  --border-light:#3a3a3a;
  --text:#d8d2c8;
  --text-dim:#8a8278;
  --text-muted:#555;
  --accent:#c9a96e;
  --accent-light:#e8c98a;
  --white:#f5f0e8;
  --font-display:'Cormorant Garamond',serif;
  --font-body:'Syne',sans-serif;
  --font-mono:'DM Mono',monospace;
}

html,body{
  margin:0!important;
  padding:0!important;
  background:var(--black)!important;
  color:var(--text)!important;
  font-family:var(--font-body),sans-serif!important;
}

body.sgblack-wp,
body.sgblack-wp #page,
body.sgblack-wp .site,
body.sgblack-wp .site-content,
body.sgblack-wp .content-area,
body.sgblack-wp .site-main{
  background:var(--black)!important;
  color:var(--text)!important;
}

body.sgblack-wp *{box-sizing:border-box}
body.sgblack-wp a{text-decoration:none;color:inherit}
body.sgblack-wp .sgb-page{min-height:100vh;background:var(--black)}
body.sgblack-wp .sgb-container{width:min(100% - 48px,1180px);margin:0 auto}

body.sgblack-wp .sgb-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:rgba(8,8,8,.96)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border)!important;
}
body.admin-bar.sgblack-wp .sgb-header{top:32px}

body.sgblack-wp .sgb-header-inner{
  min-height:68px;
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  align-items:center!important;
  gap:1rem!important;
}

body.sgblack-wp .sgb-brand{
  display:block!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  position:relative!important;
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
}

body.sgblack-wp .sgb-logo-parent{
  display:block!important;
  font-family:var(--font-mono),monospace!important;
  font-size:.62rem!important;
  color:var(--text-muted)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin:0 0 .18rem 0!important;
  line-height:1.2!important;
  opacity:1!important;
  visibility:visible!important;
}

body.sgblack-wp .sgb-logo-name{
  display:block!important;
  font-family:var(--font-display),serif!important;
  font-size:1.45rem!important;
  line-height:1.02!important;
  color:var(--white)!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}

body.sgblack-wp .sgb-logo-name span{color:var(--accent)!important}

body.sgblack-wp .sgb-nav{
  display:flex!important;
  gap:.15rem!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

body.sgblack-wp .sgb-nav a{
  padding:.4rem .7rem!important;
  font-size:.72rem!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--text-muted)!important;
}

body.sgblack-wp .sgb-nav a:hover,
body.sgblack-wp .sgb-nav a.sgb-active{color:var(--white)!important}

body.sgblack-wp .sgb-nav-cta{
  margin-left:.5rem!important;
  background:var(--accent)!important;
  color:var(--black)!important;
  padding:.5rem 1.1rem!important;
  font-size:.7rem!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body.sgblack-wp .sgb-section{padding:2.5rem 0 0!important}

body.sgblack-wp .sgb-rule{
  display:flex!important;
  align-items:center!important;
  gap:1.5rem!important;
  margin:0 0 2rem 0!important;
}
body.sgblack-wp .sgb-rule-line{height:1px!important;background:var(--border)!important;flex:1!important}
body.sgblack-wp .sgb-rule-tag{
  font-family:var(--font-mono),monospace!important;
  font-size:.68rem!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  color:var(--accent)!important;
}

body.sgblack-wp .sgb-list{display:grid!important;gap:1.25rem!important}

body.sgblack-wp .sgb-card{
  background:linear-gradient(180deg,rgba(201,169,110,.03),transparent 35%),var(--near-black)!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  padding:2rem 2rem 1.7rem!important;
  margin:0!important;
}

body.sgblack-wp .sgb-card-meta{
  font-family:var(--font-mono),monospace!important;
  font-size:.72rem!important;
  color:var(--accent)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin:0 0 .9rem 0!important;
}

body.sgblack-wp .sgb-card h1,
body.sgblack-wp .sgb-card h2{
  margin:0 0 .9rem 0!important;
  font-family:var(--font-display),serif!important;
  color:var(--white)!important;
  font-size:clamp(1.6rem,3vw,2.5rem)!important;
  font-weight:400!important;
  line-height:1.08!important;
}

body.sgblack-wp .sgb-card-title-link{
  color:var(--white)!important;
  text-decoration:underline!important;
  text-decoration-color:rgba(201,169,110,.35)!important;
  text-underline-offset:4px!important;
}

body.sgblack-wp .sgb-card-excerpt,
body.sgblack-wp .sgb-card-content{
  color:var(--text-dim)!important;
  line-height:1.8!important;
  font-size:.98rem!important;
}

body.sgblack-wp .sgb-back-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  flex-wrap:wrap!important;
  margin:0 0 1rem 0!important;
}

body.sgblack-wp .sgb-back-link,
body.sgblack-wp .sgb-mini-meta{
  font-family:var(--font-mono),monospace!important;
  font-size:.72rem!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:var(--accent)!important;
}

body.sgblack-wp .sgb-offer-box{
  border:1px solid var(--border)!important;
  background:var(--dark)!important;
  padding:2rem!important;
  margin-top:1.5rem!important;
  border-radius:18px!important;
}

body.sgblack-wp .sgb-offer-price{
  font-family:var(--font-mono),monospace!important;
  font-size:.72rem!important;
  color:var(--accent)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin-bottom:.75rem!important;
}

body.sgblack-wp .sgb-btn-primary{
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  background:var(--accent)!important;
  color:var(--black)!important;
  padding:1rem 2rem!important;
  font-size:.74rem!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}

body.sgblack-wp .sgb-footer{
  padding:3.5rem 0!important;
  border-top:1px solid var(--border)!important;
  background:var(--near-black)!important;
  margin-top:3rem!important;
}

body.sgblack-wp .sgb-footer-grid{
  display:grid!important;
  grid-template-columns:1.6fr 1fr 1fr!important;
  gap:3rem!important;
  align-items:start!important;
}

body.sgblack-wp .sgb-footer-brand{display:block!important}
body.sgblack-wp .sgb-footer-brand .sgb-logo-parent{display:block!important}
body.sgblack-wp .sgb-footer-brand .sgb-logo-name{
  display:block!important;
  font-size:1.35rem!important;
  white-space:normal!important;
}
body.sgblack-wp .sgb-footer-brand p{
  color:var(--text-muted)!important;
  font-size:.88rem!important;
  line-height:1.8!important;
  margin-top:1rem!important;
  max-width:280px!important;
}

body.sgblack-wp .sgb-footer-label{
  font-family:var(--font-mono),monospace!important;
  font-size:.65rem!important;
  color:var(--accent)!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  margin-bottom:1.25rem!important;
}

body.sgblack-wp .sgb-footer-col a{
  display:block!important;
  color:var(--text-dim)!important;
  font-size:.88rem!important;
  margin-bottom:.65rem!important;
}

body.sgblack-wp .sgb-footer-bottom{
  margin-top:3rem!important;
  padding-top:1.5rem!important;
  border-top:1px solid var(--border)!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:1rem!important;
}

body.sgblack-wp .sgb-footer-bottom span{
  font-family:var(--font-mono),monospace!important;
  font-size:.62rem!important;
  color:var(--text-muted)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

@media (max-width:900px){
  body.admin-bar.sgblack-wp .sgb-header{top:46px}
  body.sgblack-wp .sgb-header-inner{grid-template-columns:1fr!important;align-items:flex-start!important;padding:1rem 0!important}
  body.sgblack-wp .sgb-nav{justify-content:flex-start!important}
  body.sgblack-wp .sgb-brand{width:auto!important;min-width:0!important;max-width:none!important}
  body.sgblack-wp .sgb-footer-grid{grid-template-columns:1fr!important;gap:2rem!important}
}

@media (max-width:760px){
  body.sgblack-wp .sgb-container{width:min(100% - 28px,1180px)!important}
}

/* === FORCE FOOTER TO MATCH MAIN SITE === */

body.sgblack-wp .sgb-footer {
    width: 100% !important;
    display: block !important;
}

body.sgblack-wp .sgb-footer .sgb-container {
    width: min(100% - 48px, 1180px) !important;
    margin: 0 auto !important;
}

body.sgblack-wp .sgb-footer-grid {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr !important;
    gap: 3rem !important;
    width: 100% !important;
}

/* 🔥 THIS IS THE CRITICAL PART */
body.sgblack-wp .sgb-footer-grid > div {
    width: 100% !important;
    display: block !important;
}

/* Prevent collapse into left corner */
body.sgblack-wp .sgb-footer * {
    float: none !important;
}

/* Align spacing like main site */
body.sgblack-wp .sgb-footer-col {
    display: flex !important;
    flex-direction: column !important;
}

/* Bottom bar alignment */
body.sgblack-wp .sgb-footer-bottom {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
}
body.sgblack-wp .sgb-brand {
    margin-right: 1.5rem !important;
}

body.sgblack-wp .sgb-logo-name {
    font-weight: 500 !important;
}


/* === FINAL HEADER/FOOTER MATCH FIX === */
body.sgblack-wp .sgb-header{
  background:#080808 !important;
}

body.sgblack-wp .sgb-header-inner{
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:280px 1fr !important;
  align-items:center !important;
  gap:1rem !important;
}

body.sgblack-wp .sgb-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
  position:relative !important;
  z-index:50 !important;
}

body.sgblack-wp .sgb-logo-parent{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#555 !important;
  font-family:'DM Mono', monospace !important;
  font-size:.62rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
  margin:0 0 .15rem 0 !important;
}

body.sgblack-wp .sgb-logo-name{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#f5f0e8 !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:1.55rem !important;
  line-height:1.0 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
  text-shadow:0 0 1px rgba(245,240,232,.18) !important;
}

body.sgblack-wp .sgb-logo-name span{
  color:#c9a96e !important;
}

body.sgblack-wp .sgb-nav{
  justify-content:flex-end !important;
}

body.sgblack-wp .sgb-footer-grid{
  display:grid !important;
  grid-template-columns:1.6fr 1fr 1fr !important;
  gap:3rem !important;
  align-items:start !important;
}

body.sgblack-wp .sgb-footer-brand{
  display:block !important;
}

body.sgblack-wp .sgb-footer-brand .sgb-logo-parent{
  display:block !important;
  color:#555 !important;
}

body.sgblack-wp .sgb-footer-brand .sgb-logo-name{
  display:block !important;
  color:#f5f0e8 !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:1.55rem !important;
  line-height:1.0 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}

body.sgblack-wp .sgb-footer-brand .sgb-logo-name span{
  color:#c9a96e !important;
}

@media (max-width:900px){
  body.sgblack-wp .sgb-header-inner{
    grid-template-columns:1fr !important;
  }
  body.sgblack-wp .sgb-brand{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  body.sgblack-wp .sgb-footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === FORCE HEADER LOGO VISIBLE === */
body.sgblack-wp .sgb-header .sgb-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:99999 !important;
  isolation:isolate !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  transform:none !important;
}

body.sgblack-wp .sgb-header .sgb-brand *{
  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  transform:none !important;
}

body.sgblack-wp .sgb-header .sgb-logo-parent{
  display:block !important;
  color:#6f665d !important;
  font-family:'DM Mono', monospace !important;
  font-size:.62rem !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
  margin:0 0 .18rem 0 !important;
  text-shadow:none !important;
}

body.sgblack-wp .sgb-header .sgb-logo-name{
  display:block !important;
  color:#f5f0e8 !important;
  font-family:'Cormorant Garamond', serif !important;
  font-size:1.55rem !important;
  line-height:1.0 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
  text-shadow:0 0 1px rgba(245,240,232,.22) !important;
}

body.sgblack-wp .sgb-header .sgb-logo-name span{
  color:#c9a96e !important;
}

body.sgblack-wp .sgb-header-inner{
  grid-template-columns:280px 1fr !important;
}

@media (max-width:900px){
  body.sgblack-wp .sgb-header-inner{
    grid-template-columns:1fr !important;
  }
  body.sgblack-wp .sgb-header .sgb-brand{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
}
