/* 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,.08), rgba(0,0,0,.18)),
    url("https://armoalternatorstarter.ca/wp-content/uploads/2026/05/48f68ce5-e6b0-48a8-a779-e49db8f6e321.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;
}

/* 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;
}

/* SUN GLOW */
.xena-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 52% 40%,
    rgba(255,210,80,.55) 0%,
    rgba(255,120,0,.24) 18%,
    transparent 45%);
  mix-blend-mode:screen;
  animation:xenaSunPulse 30s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}

@keyframes xenaSunPulse{
  0%{opacity:.25; transform:scale(1);}
  50%{opacity:.85; transform:scale(1.12);}
  100%{opacity:.25; transform:scale(1);}
}

/* 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:32px !important;
  font-weight:900 !important;
  color:#fff !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;
  border:none !important;
  border-radius:12px !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:800 !important;
  padding:0 !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;
}

/* PRODUCT PAGE FIXES */
.woocommerce-tabs ul.tabs li.xena_bom_tab,
.woocommerce-tabs ul.tabs li[class*="bom"]{
  display:inline-block !important;
}

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;
}

/* HEADER LOGO */
.custom-logo,
.custom-logo-link img,
.site-branding img{
  max-width:160px !important;
  height:auto !important;
}

.site-branding{
  text-align:center !important;
  padding:10px 0 !important;
}

.custom-logo-link{
  display:block !important;
  text-align:center !important;
  margin:0 auto -15px auto !important;
  
}

.custom-logo{
  display:block !important;
  margin:0 auto !important;
}

.custom-logo-link img{

}

.site-description{
  text-align:center !important;
  margin:0 auto !important;
}

.site-header{
  min-height:auto !important;
  padding-top:20px !important;
  padding-bottom:10px !important;
}

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

  .xena-main-logo{
    width:145px !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;
  }
}
/* ===== RESTORE PRODUCT PAGE ORIGINAL POSITION ===== */

body.single-product .site-header{
  padding-top:20px !important;
  padding-bottom:10px !important;
}

body.single-product .custom-logo-link{
  display:block !important;
  text-align:center !important;
  margin:0 auto -15px auto !important;
}

body.single-product .custom-logo,
body.single-product .custom-logo-link img,
body.single-product .site-branding img{
  max-width:160px !important;
  height:auto !important;
}

body.single-product .site-branding{
  text-align:center !important;
  padding:10px 0 !important;
}

body.single-product .woocommerce-breadcrumb{
  margin:20px 0 18px 0 !important;
  padding:0 !important;
}
/* STOP HEADER LOGO FROM OPENING IMAGE POPUP */
.site-header .custom-logo,
.site-header .custom-logo-link img{
  pointer-events:none !important;
}

.site-header .custom-logo-link{
  pointer-events:auto !important;
  cursor:pointer !important;
}
/* DISABLE HEADER LOGO CLICK COMPLETELY */
.site-header .custom-logo-link,
.site-header .custom-logo-link img,
.site-branding .custom-logo-link,
.site-branding .custom-logo-link img{
  pointer-events:none !important;
  cursor:default !important;
}
/* XENA make Sales Info columns closer */
.xena-wrap table,
.xena-app table,
.xena-card table,
.xena-product-panel table{
  width:320px !important;
  max-width:320px !important;
}

.xena-wrap table th,
.xena-wrap table td,
.xena-app table th,
.xena-app table td,
.xena-card table th,
.xena-card table td,
.xena-product-panel table th,
.xena-product-panel table td{
  padding:3px 8px !important;
  height:22px !important;
  line-height:22px !important;
  font-size:14px !important;
}

.xena-wrap table th:nth-child(1),
.xena-wrap table td:nth-child(1),
.xena-app table th:nth-child(1),
.xena-app table td:nth-child(1),
.xena-card table th:nth-child(1),
.xena-card table td:nth-child(1),
.xena-product-panel table th:nth-child(1),
.xena-product-panel table td:nth-child(1){
  width:260px !important;
}

.xena-wrap table th:nth-child(2),
.xena-wrap table td:nth-child(2),
.xena-app table th:nth-child(2),
.xena-app table td:nth-child(2),
.xena-card table th:nth-child(2),
.xena-card table td:nth-child(2),
.xena-product-panel table th:nth-child(2),
.xena-product-panel table td:nth-child(2){
  width:120px !important;
  text-align:right !important;
}