/* ===============================
WORKTOGO – MY ACCOUNT LOGIN + MENU COMPACT UI
FINAL CSS (FULL FILE REPLACE)
=============================== */

/* Remove extra page padding */
body.woocommerce-account .woocommerce{
    padding:0!important;
    margin:0!important;
}

/* Main login container */
body.woocommerce-account #customer_login{
    padding:6px!important;
    margin:0 auto!important;
}

/* Login card */
body.woocommerce-account #customer_login .u-column1{
    padding:10px!important;
    margin:0!important;
    border-radius:14px!important;
}

/* Form spacing */
body.woocommerce-account #customer_login form{
    padding:6px!important;
    margin:0!important;
}

/* Google login button */
body.woocommerce-account .nsl-container,
body.woocommerce-account .nsl-container-block{
    margin:4px 0!important;
    padding:0!important;
}

body.woocommerce-account .nsl-button{
    height:36px!important;
    padding:4px 10px!important;
    font-size:13px!important;
}

/* OR divider */
body.woocommerce-account .nsl-or{
    margin:6px 0!important;
    font-size:12px!important;
}

/* Labels */
body.woocommerce-account label{
    font-size:13px!important;
    margin-bottom:2px!important;
}

/* Inputs */
body.woocommerce-account input.input-text{
    height:34px!important;
    padding:5px 8px!important;
    font-size:13px!important;
}

/* Form rows */
body.woocommerce-account .form-row{
    margin-bottom:6px!important;
}

/* Password eye icon */
body.woocommerce-account .show-password-input{
    top:50%!important;
    transform:translateY(-50%)!important;
}

/* Remember me */
body.woocommerce-account .woocommerce-form__label-for-checkbox{
    margin:4px 0!important;
    font-size:13px!important;
}

/* Login button */
body.woocommerce-account button.button{
    height:38px!important;
    padding:0!important;
    font-size:14px!important;
    margin-top:6px!important;
    border-radius:10px!important;
}

/* Lost password */
body.woocommerce-account .woocommerce-LostPassword{
    margin-top:4px!important;
    font-size:12px!important;
    text-align:center!important;
}

/* =================================================
DESKTOP MY ACCOUNT SIDEBAR (Normal layout)
================================================= */

.woocommerce-MyAccount-navigation{
    width:260px;
    background:#ffffff;
}






/* ==================================================
WORKTOGO – FINAL AMAZON STYLE ACCOUNT DRAWER CSS
No cutting, no overlap, no pixel guessing
Full height solid drawer
================================================== */

/* Hamburger button – only design, position Elementor se */
.wt-menu-btn{
  width: 28px;
  height: 22px;
  cursor: pointer;
  z-index: 100002;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wt-menu-btn span{
  display: block;
  height: 3px;
  background: #000;
  border-radius: 3px;
}


/* ==================================================
MOBILE DRAWER SYSTEM
================================================== */
@media (max-width:768px){

/* Drawer */
.woocommerce-MyAccount-navigation{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;

  width: 75% !important;
  max-width: 320px !important;
  min-width: 260px !important;

  height: 100vh !important;
  background: #ffffff !important;

  z-index: 100000 !important;
  transform: translateX(100%) !important;
  transition: transform 0.35s cubic-bezier(.25,.8,.25,1) !important;

  box-shadow: -6px 0 25px rgba(0,0,0,0.35) !important;

  /* Safe spacing for header & bottom nav */
  padding: 90px 15px 100px 15px !important;

  overflow-y: auto !important;
}

/* Open state */
.woocommerce-MyAccount-navigation.open{
  transform: translateX(0) !important;
}

/* Close button */
.account-menu-close{
  position: absolute;
  top: 25px;
  right: 18px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  color: #333;
  z-index: 2;
}

/* Overlay */
.account-menu-overlay{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.55);
  z-index: 99999;

  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.account-menu-overlay.show{
  opacity: 1;
  visibility: visible;
}

/* Body lock */
body.account-menu-open{
  overflow: hidden;
}

/* Header & bottom nav always above overlay */
header,
.site-header,
.bottom-nav,
.mobile-bottom-nav{
  position: relative;
  z-index: 100001;
}

}