/* 1X Store My Account layout layer — scoped only to WooCommerce My Account. */
body.one-x-account-page{
  --oxa-bg:#030916;
  --oxa-panel:#09162b;
  --oxa-panel-2:#0c1e38;
  --oxa-border:#1d456b;
  --oxa-border-strong:#27628d;
  --oxa-text:#f4faff;
  --oxa-muted:#a4bfd6;
  --oxa-accent:#078cff;
  --oxa-accent-hover:#27d8ff;
  --oxa-danger:#ff7474;
}

/* Elementor / theme containers may be boxed. Keep them intact, but let our shell escape clipping. */
body.one-x-account-page .one-x-account-ancestor{overflow:visible!important}
body.one-x-account-page .one-x-account-root{overflow:visible!important;clear:both!important}

body.one-x-account-page .one-x-account-shell{
  width:min(1680px,calc(100vw - 32px))!important;
  max-width:none!important;
  margin:34px 0 64px!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  box-sizing:border-box!important;
  clear:both!important;
}

body.one-x-account-page .one-x-account-shell *,
body.one-x-account-page .one-x-account-shell *::before,
body.one-x-account-page .one-x-account-shell *::after{box-sizing:border-box}

body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation,
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Sidebar */
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation{
  position:sticky!important;
  top:24px!important;
  padding:10px!important;
  background:linear-gradient(180deg,#0c1e38,#071224)!important;
  border:1px solid var(--oxa-border)!important;
  border-radius:14px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li{
  list-style:none!important;
  margin:3px 0!important;
  padding:0!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li::before,
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li::marker{content:none!important;display:none!important}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  background-image:none!important;
  color:#e8f5ff!important;
  font:700 13px/1.25 inherit!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li:not(.is-active) a:hover,
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li:not(.is-active) a:focus{
  background:#122e4a!important;
  border-color:#225078!important;
  color:var(--oxa-accent)!important;
  outline:0!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li.is-active>a{
  background:var(--oxa-accent)!important;
  border-color:var(--oxa-accent)!important;
  color:#ffffff!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation-link--customer-logout{
  border-top:1px solid var(--oxa-border)!important;
  margin-top:9px!important;
  padding-top:9px!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--oxa-danger)!important}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:#ff8c8c!important;
  background:#221214!important;
  border-color:#4a2325!important;
}

/* Content */
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content{
  padding:22px!important;
  background:linear-gradient(180deg,#09162b,#071427)!important;
  border:1px solid var(--oxa-border)!important;
  border-radius:14px!important;
  color:var(--oxa-text)!important;
  overflow:visible!important;
  box-shadow:0 14px 30px rgba(0,0,0,.10)!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content>p:first-child{margin-top:0!important}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content>p{color:#bfd5e9!important;line-height:1.65!important}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content>p a{color:var(--oxa-accent)!important;text-decoration:none!important}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content>p a:hover{color:#fff!important}

/* Affiliate dashboard fills the right pane and keeps its own internal design. */
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content .one-x-affiliate-dashboard{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:18px 0 0!important;
}

/* Native Woo tables/forms only. */
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content table.shop_table{
  width:100%!important;
  color:var(--oxa-text)!important;
  background:#07162b!important;
  border:1px solid var(--oxa-border)!important;
  border-radius:10px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content table.shop_table th{
  padding:12px 14px!important;
  background:#121a21!important;
  color:var(--oxa-accent)!important;
  border-color:var(--oxa-border)!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content table.shop_table td{
  padding:12px 14px!important;
  background:#07162b!important;
  color:#cbdff3!important;
  border-color:#142f4b!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-message,
body.one-x-account-page .one-x-account-shell .woocommerce-info,
body.one-x-account-page .one-x-account-shell .woocommerce-error{
  margin:0 0 18px!important;
  padding:14px 16px 14px 46px!important;
  border:1px solid var(--oxa-border)!important;
  border-left:4px solid var(--oxa-accent)!important;
  border-radius:9px!important;
  background:#111920!important;
  color:#e8f5ff!important;
}
body.one-x-account-page .one-x-account-shell .woocommerce-message::before,
body.one-x-account-page .one-x-account-shell .woocommerce-info::before{color:var(--oxa-accent)!important}

@media(max-width:1100px){
  body.one-x-account-page .one-x-account-shell{
    width:calc(100vw - 24px)!important;
    grid-template-columns:205px minmax(0,1fr)!important;
    gap:14px!important;
    margin-top:24px!important;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content{padding:16px!important}
}

@media(max-width:767px){
  body.one-x-account-page .one-x-account-shell{
    width:calc(100vw - 16px)!important;
    display:block!important;
    margin:16px 0 42px!important;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation{
    position:static!important;
    margin:0 0 12px!important;
    padding:7px!important;
    overflow:hidden!important;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li{flex:0 0 auto!important;margin:0!important}
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation a{
    min-height:38px!important;
    padding:8px 11px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content{
    padding:9px!important;
    border-radius:10px!important;
  }
  body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-content .one-x-affiliate-dashboard{margin-top:10px!important}
}


/* Branded affiliate/account interface */
body.one-x-account-page {
 --oxa-bg:#030916; --oxa-panel:#09162b; --oxa-panel-2:#0c1e38;
 --oxa-border:#1d456b; --oxa-border-strong:#27628d;
 --oxa-text:#f4faff; --oxa-muted:#a4bfd6;
 --oxa-accent:#078cff; --oxa-accent-hover:#27d8ff;
}
body.one-x-account-page .one-x-account-shell .woocommerce-MyAccount-navigation li.is-active>a {
 color:#ffffff!important;
 box-shadow:0 5px 18px rgba(0,153,255,.22)!important;
}
