/*
 * Nex eSIM My Account Enhancements v1.1.0
 * Scoped to WooCommerce My Account only.
 */
body.woocommerce-account{
  --nex-green:#00F5A0;
  --nex-blue:#00D9F5;
  --nex-purple:#B388FF;
  --nex-gradient:linear-gradient(135deg,var(--nex-green) 0%,var(--nex-blue) 50%,var(--nex-purple) 100%);
}

/* Fallback if another plugin visually re-adds Downloads. */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads{display:none!important}

/* Dashboard greeting. */
body.woocommerce-account .nex-mae-dashboard-greeting{
  background:var(--nex-gradient)!important;
  color:#fff!important
}
body.woocommerce-account .nex-mae-dashboard-greeting,
body.woocommerce-account .nex-mae-dashboard-greeting *,
body.woocommerce-account .nex-mae-dashboard-greeting a,
body.woocommerce-account .nex-mae-dashboard-greeting mark{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
body.woocommerce-account .nex-mae-dashboard-greeting mark,
body.woocommerce-account .nex-mae-dashboard-greeting strong,
body.woocommerce-account .nex-mae-dashboard-greeting span{background:transparent!important}

/* Addresses top notice: gradient + WHITE text. */
body.woocommerce-account .nex-mae-address-notice{
  background:var(--nex-gradient)!important;
  color:#fff!important
}
body.woocommerce-account .nex-mae-address-notice,
body.woocommerce-account .nex-mae-address-notice *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}

/* Single-order summary: WHOLE strip is gradient; all text white. */
body.woocommerce-account .nex-mae-order-info{
  background:var(--nex-gradient)!important;
  color:#fff!important
}
body.woocommerce-account .nex-mae-order-info,
body.woocommerce-account .nex-mae-order-info *,
body.woocommerce-account .nex-mae-order-info mark,
body.woocommerce-account .nex-mae-order-info .order-number,
body.woocommerce-account .nex-mae-order-info .order-date,
body.woocommerce-account .nex-mae-order-info .order-status{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
body.woocommerce-account .nex-mae-order-info mark,
body.woocommerce-account .nex-mae-order-info .order-number,
body.woocommerce-account .nex-mae-order-info .order-date,
body.woocommerce-account .nex-mae-order-info .order-status{
  background:transparent!important;
  box-shadow:none!important
}

/* =========================================================
   Robust four-side snake
   Four REAL edge spans are injected by JS, avoiding theme
   pseudo-element conflicts that stopped v1.0 animation.
   ========================================================= */
body.woocommerce-account .nex-mae-snake{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important
}
body.woocommerce-account .nex-mae-snake-edge{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  z-index:999!important;
  opacity:0!important;
  will-change:transform,opacity!important
}
body.woocommerce-account .nex-mae-snake-edge--top,
body.woocommerce-account .nex-mae-snake-edge--bottom{
  width:46%!important;
  height:2px!important;
  left:0!important;
  background:linear-gradient(90deg,var(--nex-green) 0%,var(--nex-blue) 50%,var(--nex-purple) 100%)!important
}
body.woocommerce-account .nex-mae-snake-edge--top{
  top:0!important;
  transform:translateX(-115%)!important
}
body.woocommerce-account .nex-mae-snake-edge--bottom{
  bottom:0!important;
  transform:translateX(235%)!important
}
body.woocommerce-account .nex-mae-snake-edge--left,
body.woocommerce-account .nex-mae-snake-edge--right{
  width:2px!important;
  height:46%!important;
  top:0!important;
  background:linear-gradient(180deg,var(--nex-green) 0%,var(--nex-blue) 50%,var(--nex-purple) 100%)!important
}
body.woocommerce-account .nex-mae-snake-edge--left{
  left:0!important;
  transform:translateY(235%)!important
}
body.woocommerce-account .nex-mae-snake-edge--right{
  right:0!important;
  transform:translateY(-115%)!important
}
body.woocommerce-account .nex-mae-snake:hover>.nex-mae-snake-edge--top{
  opacity:1!important;
  animation:nex-mae-snake-top 2s linear infinite!important
}
body.woocommerce-account .nex-mae-snake:hover>.nex-mae-snake-edge--bottom{
  opacity:1!important;
  animation:nex-mae-snake-bottom 2s linear infinite!important
}
body.woocommerce-account .nex-mae-snake:hover>.nex-mae-snake-edge--left{
  opacity:1!important;
  animation:nex-mae-snake-left 2s linear infinite!important
}
body.woocommerce-account .nex-mae-snake:hover>.nex-mae-snake-edge--right{
  opacity:1!important;
  animation:nex-mae-snake-right 2s linear infinite!important
}
@keyframes nex-mae-snake-top{
  from{transform:translateX(-115%)}to{transform:translateX(235%)}
}
@keyframes nex-mae-snake-bottom{
  from{transform:translateX(235%)}to{transform:translateX(-115%)}
}
@keyframes nex-mae-snake-left{
  from{transform:translateY(235%)}to{transform:translateY(-115%)}
}
@keyframes nex-mae-snake-right{
  from{transform:translateY(-115%)}to{transform:translateY(235%)}
}

/* Left navigation: immediate white text + no lift; active included. */
body.woocommerce-account .woocommerce-MyAccount-navigation a{
  transition:background-color .12s ease,background-image .12s ease,color 0s!important
}
body.woocommerce-account .woocommerce-MyAccount-navigation a *,
body.woocommerce-account .woocommerce-MyAccount-navigation a span{transition:color 0s!important}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active>a:hover{
  background:var(--nex-gradient)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:none!important
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover *,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active>a:hover *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active>a{
  background:var(--nex-gradient)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}

/* Orders filters. */
body.woocommerce-account .nex-mae-order-filter-tab{
  transition:background-color .12s ease,background-image .12s ease,color 0s!important;
  transform:none!important
}
body.woocommerce-account .nex-mae-order-filter-tab:hover{
  background:var(--nex-gradient)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  transform:none!important
}
body.woocommerce-account .nex-mae-order-filter-tab:hover *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important
}
/* Numeric count inside circle stays BLACK on hover. */
body.woocommerce-account .nex-mae-order-filter-tab:hover .nex-mae-filter-count,
body.woocommerce-account .nex-mae-order-filter-tab:hover .nex-mae-filter-count *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important
}
/* Remove odd blue strip without changing sizing. */
body.woocommerce-account .nex-mae-order-filter-tab--all{border-left-color:transparent!important}

/* Targeted action buttons: ONLY snake on hover; remove lift/translate. */
body.woocommerce-account .nex-mae-order-again:hover,
body.woocommerce-account .nex-mae-add-payment-method:hover,
body.woocommerce-account button[name="save_account_details"].nex-mae-snake:hover{
  transform:none!important
}

/* Payment button: keep new height but perfectly vertically center label. */
body.woocommerce-account .nex-mae-add-payment-method{
  min-height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.2!important
}

/* Visible but non-editable names. */
body.woocommerce-account input.nex-mae-readonly-name{cursor:default!important}

@media(max-width:767px){
  body.woocommerce-account .nex-mae-add-payment-method{min-height:46px!important}
}