/* XENA CLEAN FINAL CSS */

body:has(.xena-hero){
  background:#050506 !important;
  overflow-x:hidden !important;
}

body:has(.xena-hero) header,
body:has(.xena-hero) .site-header,
body:has(.xena-hero) .main-header,
body:has(.xena-hero) .page-title,
body:has(.xena-hero) .entry-title,
body:has(.xena-hero) footer,
body:has(.xena-hero) .site-footer,
body:has(.xena-hero) #colophon{
  display:none !important;
}

body:has(.xena-hero) main,
body:has(.xena-hero) .site-content,
body:has(.xena-hero) .content-area,
body:has(.xena-hero) .entry-content{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}

/* HERO */
.xena-hero{
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  height:820px !important;
  min-height:820px !important;
  background-image:
    linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.15)),
    url("https://armoalternatorstarter.ca/wp-content/uploads/2026/05/ChatGPT-Image-May-6-2026-09_36_04-PM.png") !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  position:relative !important;
  overflow:hidden !important;
}

.xena-main-logo{
  position:absolute !important;
  top:10px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:230px !important;
  max-width:40vw !important;
  z-index:50 !important;
}

.xena-break-room{
  position:absolute !important;
  top:24px !important;
  right:24px !important;
  z-index:60 !important;
  padding:10px 18px !important;
  border-radius:30px !important;
  background:rgba(10,10,12,.72) !important;
  border:1px solid rgba(255,43,120,.45) !important;
  color:#fff !important;
  font-size:13px !important;
  letter-spacing:2px !important;
  text-decoration:none !important;
}

/* TOP SEARCH */
.xena-top-search{
  position:absolute !important;
  top:145px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  gap:14px !important;
  align-items:center !important;
  width:min(900px,88%) !important;
  padding:18px !important;
  background:rgba(5,5,8,.72) !important;
  border:1px solid rgba(255,43,120,.45) !important;
  border-radius:22px !important;
  z-index:40 !important;
}

.xena-top-search input{
  flex:1 !important;
  height:58px !important;
  background:#06070a !important;
  border:1px solid #333 !important;
  border-radius:12px !important;
  padding:0 20px !important;
  color:#fff !important;
  font-size:16px !important;
}

.xena-top-search button{
  height:58px !important;
  padding:0 28px !important;
  background:#d82362 !important;
  border:none !important;
  border-radius:12px !important;
  color:#fff !important;
  font-weight:800 !important;
}

/* YMME */
.xena-search-box{
  position:absolute !important;
  left:9% !important;
  right:9% !important;
  bottom:85px !important;
  background:rgba(5,5,8,.82) !important;
  border:1px solid #ff2b78 !important;
  border-radius:18px !important;
  padding:22px 28px !important;
  z-index:30 !important;
}

.xena-search-box form,
.xena-search-box .block-content,
.xena-search-box .ymm-horizontal,
.xena-search-box .ymm-form{
  display:flex !important;
  flex-direction:row !important;
  gap:16px !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
}

.xena-search-box select{
  width:190px !important;
  height:52px !important;
  background:#08080a !important;
  color:#fff !important;
  border:1px solid #555 !important;
  border-radius:6px !important;
}

.xena-search-box button,
.xena-search-box input[type="submit"]{
  height:52px !important;
  min-width:130px !important;
  background:#d82362 !important;
  color:#fff !important;
  border:none !important;
  border-radius:6px !important;
  font-weight:800 !important;
}

/* SCAN CARDS */
.xena-scan-tools{
  width:100vw !important;
  margin-left:calc(-50vw + 50%) !important;
  background:#050506 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:40px !important;
  padding:60px 7% !important;
  box-sizing:border-box !important;
}

.xena-scan-card{
  position:relative !important;
  background:#05060a !important;
  border-radius:28px !important;
  min-height:520px !important;
  padding:34px 24px !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

.vin-card{
  border:2px solid rgba(255,43,120,.75) !important;
  box-shadow:0 0 28px rgba(255,43,120,.25) !important;
}

.label-card{
  border:2px solid rgba(0,140,255,.75) !important;
  box-shadow:0 0 28px rgba(0,140,255,.25) !important;
}

.scan-circle{
  width:110px !important;
  height:110px !important;
  margin:0 auto 18px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:52px !important;
}

.vin-circle{
  background:linear-gradient(180deg,#ff2b78,#d61d5d) !important;
}

.label-circle{
  background:linear-gradient(180deg,#1f7cff,#0056d6) !important;
}

.scan-code{
  width:90% !important;
  margin:0 auto 18px !important;
  background:#d61d5d !important;
  color:#fff !important;
  padding:8px 16px !important;
  border-radius:10px !important;
  font-size:14px !important;
  letter-spacing:1px !important;
}

.xena-vin-input{
  width:90% !important;
  height:48px !important;
  margin:0 auto 28px !important;
  padding:0 16px !important;
  border-radius:6px !important;
  border:1px solid #ff2b78 !important;
  background:#fff !important;
  color:#111 !important;
  font-size:15px !important;
  box-sizing:border-box !important;
}

.xena-scan-card h3{
  color:#fff !important;
  font-size:36px !important;
  font-weight:900 !important;
  margin:18px 0 12px !important;
}

.xena-scan-card p{
  color:#d0d0d0 !important;
  font-size:20px !important;
  line-height:1.45 !important;
  min-height:70px !important;
  margin:0 0 24px !important;
}

.scan-btn{
  width:90% !important;
  height:62px !important;
  margin:auto auto 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:none !important;
  border-radius:12px !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:800 !important;
  line-height:1 !important;
  padding:0 !important;
  position:relative !important;
  transform:none !important;
  text-shadow:none !important;
}

.scan-btn::before,
.scan-btn::after{
  display:none !important;
  content:none !important;
}

.vin-btn{
  background:linear-gradient(90deg,#ff2b78,#d61d5d) !important;
}

.label-btn{
  background:linear-gradient(90deg,#1f7cff,#0056d6) !important;
}

/* CORNERS */
.vin-card::before,
.vin-card::after,
.label-card::before,
.label-card::after{
  content:"" !important;
  position:absolute !important;
  top:24px !important;
  width:42px !important;
  height:42px !important;
}

.vin-card::before{
  left:24px !important;
  border-top:6px solid #ff2b78 !important;
  border-left:6px solid #ff2b78 !important;
}

.vin-card::after{
  right:24px !important;
  border-top:6px solid #ff2b78 !important;
  border-right:6px solid #ff2b78 !important;
}

.label-card::before{
  left:24px !important;
  border-top:6px solid #1f7cff !important;
  border-left:6px solid #1f7cff !important;
}

.label-card::after{
  right:24px !important;
  border-top:6px solid #1f7cff !important;
  border-right:6px solid #1f7cff !important;
}

/* MOBILE */
@media(max-width:768px){
  .xena-hero{
    width:100% !important;
    margin-left:0 !important;
    height:780px !important;
    min-height:780px !important;
    background-position:42% top !important;
  }

  .xena-main-logo{
    width:145px !important;
  }

  .xena-break-room{
    top:14px !important;
    right:10px !important;
    font-size:8px !important;
    padding:5px 8px !important;
  }

  .xena-top-search{
    top:92px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    transform:none !important;
    flex-direction:column !important;
    padding:10px !important;
  }

  .xena-top-search input{
    width:100% !important;
    height:42px !important;
  }

  .xena-top-search button{
    width:70% !important;
    height:42px !important;
  }

  .xena-search-box{
    left:12px !important;
    right:12px !important;
    bottom:45px !important;
    padding:14px !important;
  }

  .xena-search-box form,
  .xena-search-box .block-content,
  .xena-search-box .ymm-horizontal,
  .xena-search-box .ymm-form{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .xena-search-box select,
  .xena-search-box button,
  .xena-search-box input[type="submit"]{
    width:100% !important;
  }

  .xena-scan-tools{
    grid-template-columns:1fr !important;
    padding:35px 14px !important;
  }

  .xena-scan-card{
    min-height:500px !important;
  }
}
/* Keep Bill of Materials visible for Smart BOM */
.woocommerce-tabs ul.tabs li.xena_bom_tab,
.woocommerce-tabs ul.tabs li[class*="bom"] {
    display: inline-block !important;
}

/* Hide blue OEM box on part pages only, but keep backend OEM data for Smart BOM */
body.single-product:has(.posted_in a[href*="rectifier"]) .xena-clean-oem-line,
body.single-product:has(.posted_in a[href*="ball-bearing"]) .xena-clean-oem-line,
body.single-product:has(.posted_in a[href*="bearing"]) .xena-clean-oem-line,
body.single-product:has(.posted_in a[href*="pulley"]) .xena-clean-oem-line,
body.single-product:has(.posted_in a[href*="regulator"]) .xena-clean-oem-line,
body.single-product:has(.posted_in a[href*="brush"]) .xena-clean-oem-line {
    display: none !important;
}