/* BYTARIA — My Account layout tweaks */

body.woocommerce-account .woocommerce-MyAccount-navigation{
  display: none !important;
}

body.woocommerce-account .elementor-widget-shortcode .woocommerce-MyAccount-content{
  text-align: center;
}

/* =========================================================
   ACCOUNT — Login / Register / Lost Password Forms
   Restores: input background + rounded corners + button styling
   ========================================================= */

/* Inputs */
body.woocommerce-account form.woocommerce-form input.input-text,
body.woocommerce-account form.woocommerce-form textarea,
body.woocommerce-account form.woocommerce-form select{
  width: 100%;
  background-color: rgba(0,0,0,0.32) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  line-height: 1.4;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box;
}

body.woocommerce-account form.woocommerce-form ::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

body.woocommerce-account form.woocommerce-form input.input-text:focus,
body.woocommerce-account form.woocommerce-form textarea:focus,
body.woocommerce-account form.woocommerce-form select:focus{
  background-color: rgba(0,0,0,0.45) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

/* Primary form button (Log in / Register / Save changes) */
body.woocommerce-account form.woocommerce-form .button,
body.woocommerce-account form.woocommerce-form button.button,
body.woocommerce-account form.woocommerce-form input.button{
  border-radius: 12px !important;
  padding: 12px 16px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: rgba(255,255,255,0.92) !important;
  font-weight: 650;
  transition: transform 160ms ease, filter 160ms ease;
}

body.woocommerce-account form.woocommerce-form .button:hover,
body.woocommerce-account form.woocommerce-form button.button:hover,
body.woocommerce-account form.woocommerce-form input.button:hover{
  transform: translateY(-1px);
  filter: brightness(1.08);
}

/* =========================================================
   MY ACCOUNT — Login button (glass style)
   Applies to all WooCommerce account pages
   ========================================================= */

body.woocommerce-account .woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
body.woocommerce-account .woocommerce form.woocommerce-form-login button.woocommerce-button.button{
  background: rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: var(--bt-radius-pill) !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 12px 28px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;
  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .2s ease !important;
}

/* Hover — solid blue */
body.woocommerce-account .woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce form.woocommerce-form-login button.woocommerce-button.button:hover{
  background: var(--bt-blue) !important;
  border-color: var(--bt-blue) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
}
