.elementor-17135 .elementor-element.elementor-element-1fc6f0f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-69e695d *//******************************
 MY ACCOUNT — CLEAN V3.3 (HARD LOCK)
 Giữ thiết kế V3, ép Login & Register cùng hàng
******************************/

/* Biến */
:root{
  --ma-max:1100px; --ma-gap:24px; --ma-radius:14px;
  --ma-border:#E6E6E6; --ma-bg:#fff; --ma-soft:#fafafa; --ma-text:#111;
}

/* Nền & container chung */
body.woocommerce-account,
body.woocommerce-account #content,
body.woocommerce-account .content-area{ background:#fff !important; }
body.woocommerce-account .woocommerce{ max-width:var(--ma-max); margin:40px auto 80px; padding:0 20px; }

/* Font chỉ áp cho text (không đè icon) */
body.woocommerce-account h1,body.woocommerce-account h2,body.woocommerce-account h3,
body.woocommerce-account h4,body.woocommerce-account h5,body.woocommerce-account h6,
body.woocommerce-account p,body.woocommerce-account li,body.woocommerce-account a,
body.woocommerce-account button,body.woocommerce-account input,body.woocommerce-account textarea,
body.woocommerce-account select,body.woocommerce-account label,body.woocommerce-account small,
body.woocommerce-account strong,body.woocommerce-account em,body.woocommerce-account th,
body.woocommerce-account td{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:var(--ma-text);
}

/* ================== DASHBOARD (sau đăng nhập) ================== */
@media (min-width:1025px){
  /* CHỈ khi đã đăng nhập mới dùng flex cho nav + content */
  body.woocommerce-account.logged-in .woocommerce{
    display:flex; align-items:flex-start; gap:var(--ma-gap);
  }
  body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation{ flex:0 0 260px; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{ flex:1 1 auto; }
}
body.woocommerce-account nav.woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--ma-bg); border:1px solid var(--ma-border); border-radius:var(--ma-radius);
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
body.woocommerce-account nav.woocommerce-MyAccount-navigation{ padding:14px; }
body.woocommerce-account .woocommerce-MyAccount-content{ padding:24px; overflow:visible; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:4px; display:flex; flex-direction:column; gap:6px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block; padding:10px 12px; border-radius:10px; border:1px solid transparent; color:var(--ma-text);
  text-decoration:none; transition:background .2s,border-color .2s;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:var(--ma-soft); border-color:var(--ma-border); }

/* ================== TRƯỚC ĐĂNG NHẬP (Login / Register) ================== */

/* 0) Trên trang chưa đăng nhập: luôn bỏ mọi flex của container do rule khác */
body.woocommerce-account:not(.logged-in) .woocommerce{
  display:block !important; gap:0 !important;
}

/* 1) Ẩn page title của theme (tránh chiếm 1 ô riêng gây lệch hàng) */
body.woocommerce-account:not(.logged-in) .woocommerce > h1,
body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) .page-title{ display:none !important; }

/* 2) Khóa .u-columns thành grid 2 cột (desktop) / 1 cột (mobile) */
body.woocommerce-account #customer_login.u-columns{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  grid-auto-rows: auto;
  gap:22px; align-items:flex-start; justify-items:stretch;
  margin-top:0 !important;
}

/* Mobile: 1 cột */
@media (max-width:1024px){
  body.woocommerce-account #customer_login.u-columns{
    grid-template-columns:1fr !important;
  }
}

/* 3) Xóa mọi ảnh hưởng float/position/margin “lạ” từ theme lên 2 cột */
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2{
  width:100% !important; min-width:0 !important;
  float:none !important; clear:none !important;
  position:static !important; top:auto !important; left:auto !important; right:auto !important;
  margin:0 !important; padding:0 !important; align-self:start !important; justify-self:stretch !important;
}

/* 4) Tiêu đề trong cột đồng nhất */
body.woocommerce-account #customer_login .u-column1 h2,
body.woocommerce-account #customer_login .u-column2 h2{
  margin:0 0 16px; font-size:24px; line-height:1.25; font-weight:700; text-align:left;
}

/* 5) Card form chiếm trọn cột (không max-width để khỏi lệch) */
body.woocommerce-account form.login,
body.woocommerce-account form.register,
body.woocommerce-account .woocommerce-form{
  background:var(--ma-bg); border:1px solid var(--ma-border); border-radius:var(--ma-radius);
  padding:28px; box-shadow:0 4px 18px rgba(0,0,0,.06);
  width:100% !important; margin:0 !important; box-sizing:border-box;
}

/* 6) Hàng và input chuẩn */
body.woocommerce-account form .form-row{
  display:block !important; width:100% !important;
  float:none !important; clear:none !important;
  margin:0 0 14px !important; box-sizing:border-box;
}
body.woocommerce-account form .form-row label,
body.woocommerce-account .woocommerce-form__label{ display:inline-block; font-size:13px; color:#666; margin:0 0 6px; }
body.woocommerce-account form .input-text,
body.woocommerce-account form input[type="text"],
body.woocommerce-account form input[type="email"],
body.woocommerce-account form input[type="password"],
body.woocommerce-account form input[type="tel"]{
  width:100% !important; max-width:100% !important; box-sizing:border-box !important;
  height:44px; border:1px solid var(--ma-border); border-radius:10px; padding:10px 12px; font-size:14px; background:#fff;
  transition:box-shadow .2s,border-color .2s;
}
body.woocommerce-account form .input-text:focus{ outline:none; border-color:#D9D9D9; box-shadow:0 0 0 3px rgba(17,17,17,.12); }
body.woocommerce-account .woocommerce-form__label-for-checkbox{ display:flex; align-items:center; gap:8px; font-size:13px; color:#666; }
body.woocommerce-account form.login .lost_password{ margin-top:10px; }

/* 7) Buttons */
body.woocommerce-account .button, body.woocommerce-account button.button, body.woocommerce-account a.button{
  background:#111 !important; color:#fff !important; border:1px solid #111 !important;
  border-radius:999px; padding:10px 18px; font-weight:600; letter-spacing:.2px;
  display:inline-flex; align-items:center; justify-content:center; min-width:120px;
  transition:transform .04s,opacity .2s,box-shadow .2s;
}
body.woocommerce-account .button:hover{ opacity:.92; }
body.woocommerce-account .button:active{ transform:translateY(1px); }

/* 8) Bảng/địa chỉ (giữ nguyên thiết kế V3) */
body.woocommerce-account table.shop_table{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--ma-border); border-radius:10px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.06);
}
body.woocommerce-account table.shop_table th,body.woocommerce-account table.shop_table td{
  padding:12px 14px; border-bottom:1px solid var(--ma-border); font-size:14px;
}
body.woocommerce-account table.shop_table thead th{ background:var(--ma-soft); font-weight:600; }
body.woocommerce-account table.shop_table tr:last-child td{ border-bottom:none; }
body.woocommerce-account .woocommerce-Addresses .title h3{ margin:0 0 8px; }
body.woocommerce-account .woocommerce-Addresses .title a.edit{ font-size:13px; color:#666; text-decoration:underline; text-underline-offset:2px; }

/* 9) Select2 + pagination + icon */
body.woocommerce-account .select2-container .select2-selection--single{
  height:44px; border:1px solid var(--ma-border); border-radius:10px; display:flex; align-items:center; padding:0 10px;
}
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{ height:44px; right:10px; }
body.woocommerce-account .woocommerce-pagination .page-numbers li a,
body.woocommerce-account .woocommerce-pagination .page-numbers li span{
  border:1px solid var(--ma-border); border-radius:10px; padding:8px 12px; color:var(--ma-text);
}
body.woocommerce-account .woocommerce-pagination .page-numbers .current{ background:#111; color:#fff; border-color:#111; }
body.woocommerce-account a:focus-visible,body.woocommerce-account button:focus-visible,body.woocommerce-account input:focus-visible{
  outline:none; box-shadow:0 0 0 3px rgba(17,17,17,.12);
}
body.woocommerce-account img{ border-radius:8px; }
body.woocommerce-account [class^="eicon"], body.woocommerce-account [class*=" eicon"],
body.woocommerce-account .elementor-icon, body.woocommerce-account i.eicon{ font-family:"eicons" !important; }
/******** MY ACCOUNT — ROW LOCK (final) ********/

/* Ẩn mọi page-title gây lệch (theme/Elementor) chỉ ở trang My Account */
body.woocommerce-account .entry-title,
body.woocommerce-account .page-title,
body.woocommerce-account .elementor-heading-title.elementor-size-default{
  display:none !important;
}

/* Biến container trước đăng nhập thành GRID và ép 2 khối cùng 1 hàng */
body.woocommerce-account .u-columns{
  display:grid !important;
  /* 2 cột desktop */
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-auto-rows:auto !important;
  gap:22px !important;
  align-items:start !important;
}

/* Mobile: 1 cột */
@media (max-width:1024px){
  body.woocommerce-account .u-columns{
    grid-template-columns:1fr !important;
  }
}

/* Khóa vị trí rõ ràng cho từng cột (bất chấp float/clear của theme) */
body.woocommerce-account .u-columns .u-column1{             /* Login */
  grid-column:1 / 2 !important;
  grid-row:1 !important;
}
body.woocommerce-account .u-columns .u-column2{             /* Register */
  grid-column:2 / 3 !important;
  grid-row:1 !important;
}
@media (max-width:1024px){
  body.woocommerce-account .u-columns .u-column1{ grid-column:1 / -1 !important; grid-row:auto !important; }
  body.woocommerce-account .u-columns .u-column2{ grid-column:1 / -1 !important; grid-row:auto !important; }
}

/* Xóa hoàn toàn tác động từ CSS cũ của theme lên 2 cột */
body.woocommerce-account .u-columns .u-column1,
body.woocommerce-account .u-columns .u-column2,
body.woocommerce-account .u-columns .col-1,
body.woocommerce-account .u-columns .col-2{
  width:100% !important;
  min-width:0 !important;
  float:none !important;
  clear:none !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
}

/* Thẻ H2 trong từng cột đồng nhất spacing để không tạo lệch hàng */
body.woocommerce-account .u-columns h2{
  margin:0 0 16px !important;
  font-size:24px; line-height:1.25; font-weight:700;
}

/* Card form chiếm FULL cột để 2 bên cao tương đương */
body.woocommerce-account form.login,
body.woocommerce-account form.register,
body.woocommerce-account .woocommerce-form{
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}/* End custom CSS */