/* ======================================================
   GX – WooCommerce My Account UI (FLEX) — SCOPED ONLY
   ====================================================== */
   
   
/* ==========================================================
   WooCommerce — My Account (All Endpoints)
   Clean, modern, accessible UI — scoped styles
   ========================================================== */

/* ---------- Theme Tokens (change these to match your brand) ---------- */
:root{
  --acc-bg: #ffffff;
  --acc-muted: #64748b;          /* slate-500 */
  --acc-text: #0f172a;           /* slate-900 */
  --acc-border: #e5e7eb;         /* gray-200 */
  --acc-border-strong:#d1d5db;   /* gray-300 */
  --acc-focus: #4f46e5;          /* indigo-600 */
  --acc-primary:#3b82f6;         /* blue-500 */
  --acc-primary-700:#2563eb;     /* blue-600 */
  --acc-danger:#ef4444;
  --acc-success:#16a34a;
  --acc-warning:#f59e0b;

  --acc-card-radius:16px;
  --acc-btn-radius:12px;
  --acc-shadow:0 14px 40px rgba(2,6,23,.10);
}

/* ---------- Page container ---------- */
.woocommerce-account .woocommerce{
  color: var(--acc-text);
}

/* ---------- 2-column layout: left nav + right content ---------- */
.woocommerce-account #content{
    max-width: 1340px !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce {
    display: flex;
    gap: 20px;
    max-width: 1340px !important;
    padding: 30px 0;
}

/* ---------- Sidebar Navigation (Endpoints) ---------- */
.woocommerce-MyAccount-navigation{
  background: var(--acc-bg);
  border: 1px solid var(--acc-border);
  border-radius: var(--acc-card-radius);
  box-shadow: var(--acc-shadow);
  overflow: hidden;
  align-self: start;
}
.woocommerce-MyAccount-navigation ul{
  list-style: none;
  margin: 0;
  padding: 8px;
}
.woocommerce-MyAccount-navigation li{
  margin: 0;
}
.woocommerce-MyAccount-navigation li a{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 12px;
  color: var(--acc-text);
  font-weight: 600;
  transition: background .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation li a:hover{
  background: #f8fafc; /* slate-50 */
}
.woocommerce-MyAccount-navigation .is-active a{
  background: color-mix(in srgb, var(--acc-primary) 12%, #fff);
  color: var(--acc-primary-700);
  border: 1px solid color-mix(in srgb, var(--acc-primary) 24%, var(--acc-border));
}

/* ---------- Content card ---------- */
.woocommerce-MyAccount-content{
  background: var(--acc-bg);
  border: 1px solid var(--acc-border);
  border-radius: var(--acc-card-radius);
  box-shadow: var(--acc-shadow);
  padding: clamp(18px,2.2vw,26px);
}

/* Titles / headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: .2px;
}
.woocommerce-MyAccount-content p{
  color: var(--acc-muted);
}

/* ---------- Dashboard welcome box ---------- */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{
  border: 1px solid var(--acc-border);
  background: #f8fafc;
  color: var(--acc-text);
  padding: 14px 16px;
  border-radius: 12px;
  margin-bottom: 16px;
  box-shadow: inset 0 1px 0 #fff;
}
.woocommerce-MyAccount-content .woocommerce-message{
  background: color-mix(in srgb, var(--acc-success) 8%, #fff);
  border-color: color-mix(in srgb, var(--acc-success) 28%, var(--acc-border));
}
.woocommerce-MyAccount-content .woocommerce-error{
  border: 1px solid color-mix(in srgb, var(--acc-danger) 28%, var(--acc-border));
  background: color-mix(in srgb, var(--acc-danger) 6%, #fff);
  color: #991b1b;
  padding: 14px 16px;
  border-radius: 12px;
  margin-bottom: 16px;
}

/* ---------- Tables (Orders / Downloads) ---------- */
.woocommerce table.shop_table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid var(--acc-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--acc-shadow);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  padding: 12px 14px;
  border-bottom: 1px solid var(--acc-border);
  text-align: left;
}
.woocommerce table.shop_table thead th{
  background: #f8fafc;
  font-weight: 800;
}
.woocommerce table.shop_table tr:last-child td{
  border-bottom: none;
}
.woocommerce table.shop_table .button{
  margin: 2px 6px 2px 0;
}

/* ---------- Badges / Status pills ---------- */
.woocommerce table.shop_table .order-status,
.woocommerce table.shop_table .download-file a{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  background: #eef2ff;
  color: var(--acc-focus);
}

/* ---------- Buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button{
  background: var(--acc-primary);
  color:#fff;
  border: none;
  border-radius: var(--acc-btn-radius);
  padding: 10px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .02s ease, filter .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover{
  background: var(--acc-primary-700);
  filter: brightness(1.02);
}
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce .button:active{
  transform: translateY(1px);
}

/* Secondary buttons (view/download/etc) */
.woocommerce .button.alt,
.woocommerce a.button.alt{
  background: color-mix(in srgb, var(--acc-primary) 15%, #fff);
  color: var(--acc-primary-700);
}

/* ---------- Forms (Addresses / Account details / Login inside account) ---------- */
.woocommerce-MyAccount-content form .form-row{
  margin: 0 0 14px;
}
.woocommerce-MyAccount-content label{
  display: block;
  font-size: 14px;
  color: var(--acc-muted);
  margin: 0 0 6px;
}
.woocommerce-MyAccount-content .input-text,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea{
  width: 100%;
  border: 1px solid var(--acc-border-strong);
  background: #fff;
  padding: 12px 14px;
  border-radius: 10px;
  line-height: 1.4;
  transition: border-color .2s ease, box-shadow .2s ease;
  outline: none;
}
.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus{
  border-color: var(--acc-focus);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--acc-focus) 16%, transparent);
}
.woocommerce-MyAccount-content .required{ color: var(--acc-danger); }

/* Password field eye alignment in account forms */
.woocommerce-MyAccount-content .password-input{
  position: relative;
  display: block;
}
.woocommerce-MyAccount-content .password-input input{ padding-right: 42px; }
.woocommerce-MyAccount-content .show-password-input{
  position: absolute;
  right: 12px; top: 50%;
  transform: translateY(-50%);
  opacity: .8;
}

/* Checkbox rows */
.woocommerce-MyAccount-content .woocommerce-form__label-for-checkbox{
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; color: var(--acc-muted);
}

/* ---------- Address cards ---------- */
/* .woocommerce-Addresses{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 16px;
}
@media (max-width: 680px){
  .woocommerce-Addresses{ grid-template-columns: 1fr; }
} */
.woocommerce-Address{
  border:1px solid var(--acc-border);
  border-radius: 14px;
  padding: 16px;
  box-shadow: var(--acc-shadow);
}
.woocommerce-Address header{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: 8px;
}
.woocommerce-Address h3{
  margin:0; font-size:18px; font-weight:800;
}

/* ---------- Pagination (orders list) ---------- */
.woocommerce nav.woocommerce-pagination{
  margin-top: 16px;
}
.woocommerce nav.woocommerce-pagination ul{
  display: inline-flex; gap: 6px; border: none;
  padding: 0; margin: 0;
}
.woocommerce nav.woocommerce-pagination li{
  border: none; margin: 0;
}
.woocommerce nav.woocommerce-pagination a,
.woocommerce nav.woocommerce-pagination span{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius: 10px;
  border:1px solid var(--acc-border);
  text-decoration:none; font-weight:700; color: var(--acc-text);
  background:#fff;
}
.woocommerce nav.woocommerce-pagination .current{
  background: var(--acc-primary); color:#fff; border-color: transparent;
}

/* ---------- Downloads table: action buttons alignment ---------- */
.woocommerce table.my_account_orders .button,
.woocommerce table.my_account_downloads .button{
  white-space: nowrap;
}

/* ---------- Make images/avatars inside content rounded ---------- */
.woocommerce-MyAccount-content img.avatar{
  border-radius: 999px;
}

/* ---------- RTL quick adjustments ---------- */
.rtl .woocommerce-MyAccount-navigation li a{ justify-content: flex-end; }
.rtl .woocommerce-MyAccount-content .show-password-input{ right:auto; left:12px; transform: translateY(-50%); }
   
   
   

/* Scope design tokens ONLY to My Account pages */
.woocommerce-account{
  --gxacc-bg:#fff;
  --gxacc-text:#0f172a;
  --gxacc-muted:#64748b;
  --gxacc-row:#fafbff;                /* zebra row */
  --gxacc-head:#f6f7fb;               /* table head bg */
  --gxacc-sep:rgba(2,6,23,.06);       /* ultra-light separators */
  --gxacc-card-shadow:0 10px 28px rgba(2,6,23,.07);
  --gxacc-radius:14px;

  --gxacc-primary:#3b82f6;
  --gxacc-primary-700:#2563eb;
  --gxacc-danger:#ef4444;

  --gxacc-input-border:#e6e9f2;
  --gxacc-input-radius:12px;
  --gxacc-focus-ring:0 0 0 3px color-mix(in srgb, var(--gxacc-primary) 18%, transparent);
}

/* Container */
.woocommerce-account #content{
  max-width:1340px !important;
  width:100% !important;
  margin-inline:auto;
}
.woocommerce-account .woocommerce{
  display:flex; gap:20px; padding:30px 0; color:var(--gxacc-text); flex-wrap: wrap;
}

/* Columns */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{
  flex:0 0 280px;
  background:var(--gxacc-bg);
  border-radius:var(--gxacc-radius);
  box-shadow:var(--gxacc-card-shadow);
  align-self:flex-start;
  overflow:hidden;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
  flex:1 1 auto;
  background:var(--gxacc-bg);
  border-radius:var(--gxacc-radius);
  box-shadow:var(--gxacc-card-shadow);
  padding:clamp(18px,2.2vw,26px);
}

@media (max-width: 992px){
  .woocommerce-account .woocommerce{ flex-direction:column; }
}

/* Sidebar nav */
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:8px; }
.woocommerce-MyAccount-navigation a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:12px; text-decoration:none;
  color:var(--gxacc-text); font-weight:700; transition:background .15s, color .15s;
}
.woocommerce-MyAccount-navigation a:hover{ background:#f8fafc; }
.woocommerce-MyAccount-navigation .is-active a{
  background:color-mix(in srgb, var(--gxacc-primary) 10%, #fff);
  color:var(--gxacc-primary-700);
}

/* Notices */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info{
  background:#f8fafc; padding:14px 16px; border-radius:12px; margin:0 0 16px;
}
.woocommerce-MyAccount-content .woocommerce-error{
  background:color-mix(in srgb, var(--gxacc-danger) 7%, #fff);
  color:#991b1b; padding:14px 16px; border-radius:12px; margin:0 0 16px;
}

/* Typography (calmer scale) */
.woocommerce-account .entry-title,
.woocommerce-MyAccount-content h2{
  font-size: clamp(19px, 1.7vw, 22px);
  font-weight: 700; line-height:1.35; margin:0 0 14px;
}
.woocommerce-MyAccount-content h3,
.woocommerce-order-details__title,
.woocommerce-column__title{
  font-size: clamp(16px, 1.5vw, 18px);
  font-weight: 700; margin:16px 0 10px;
}

/* ------------------------------------------------------
   FORMS — checkout-like fields but ONLY on My Account
   ------------------------------------------------------ */
.woocommerce-MyAccount-content .form-row{ margin:0 0 14px; }
.woocommerce-MyAccount-content label{
  display:block; font-size:14px; color:var(--gxacc-muted); margin:0 0 6px;
}
.woocommerce-MyAccount-content .input-text,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="number"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea{
  width:100%;
  border:1px solid var(--gxacc-input-border);
  background:#fff;
  padding:12px 14px;
  border-radius:var(--gxacc-input-radius);
  line-height:1.4;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.woocommerce-MyAccount-content .input-text:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus{
  border-color:var(--gxacc-primary);
  box-shadow:var(--gxacc-focus-ring);
}
.woocommerce-MyAccount-content .required{ color:var(--gxacc-danger); }
/* Password eye */
.woocommerce-MyAccount-content .password-input{ position:relative; display:block; }
.woocommerce-MyAccount-content .password-input input{ padding-right:42px; }
.woocommerce-MyAccount-content .show-password-input{
  position:absolute; right:12px; top:50%; transform:translateY(-50%); opacity:.8;
}
/* Select2 (only inside My Account) */
.woocommerce-account .select2-container--default .select2-selection--single{
  height:44px; border:1px solid var(--gxacc-input-border); border-radius:var(--gxacc-input-radius);
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:42px; padding-left:12px;
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{ height:44px; right:10px; }

/* Buttons */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce .button{
  background:var(--gxacc-primary); color:#fff; border:none;
  border-radius:12px; padding:10px 16px; font-weight:800;
  cursor:pointer; transition:background .2s, transform .02s, filter .15s;
}
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce .button:hover{
  background:var(--gxacc-primary-700); filter:brightness(1.02);
}

/* ------------------------------------------------------
   TABLES — borderless card, zebra rows, tight alignment
   ------------------------------------------------------ */
.woocommerce-account .woocommerce table{ width:100%; }
.woocommerce-account .woocommerce table.shop_table,
.woocommerce-account .woocommerce table.woocommerce-table{
  border-collapse:separate; border-spacing:0;
  background:#fff;
  /* NO border for the table card */
  border:0;
  border-radius:var(--gxacc-radius);
  overflow:hidden;
  box-shadow:var(--gxacc-card-shadow);
}
.woocommerce-account .woocommerce table thead th{
  background:var(--gxacc-head);
  font-weight:700;
  padding:12px 16px;
  text-align:left;
}
/* Cells */
.woocommerce-account .woocommerce table td,
.woocommerce-account .woocommerce table th{
  padding:12px 16px;
  text-align:left;
  vertical-align:middle;
  /* NO borders between cells; rely on zebra rows */
  border-bottom:0;
}
/* Zebra body rows */
.woocommerce-account .woocommerce table tbody tr{ background:#fff; }
.woocommerce-account .woocommerce table tbody tr:nth-child(even){ background:var(--gxacc-row); }
/* Last row clean edge */
.woocommerce-account .woocommerce table tbody tr:last-child td{ border-bottom:0; }
/* Row hover */
.woocommerce-account .woocommerce table tbody tr:hover{ background:#fdfdff; }
/* Actions/Buttons size inside tables */
.woocommerce-account .woocommerce table .button{
  padding:7px 12px; border-radius:10px; font-weight:700; font-size:13px;
}

/* Order status pill (only on <mark>) */
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status{ background:transparent; }
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status mark{
  display:inline-block; padding:5px 10px; border-radius:999px;
  font-size:12px; font-weight:700; line-height:1;
  background:#eef2ff; color:#1e40af;
  border:1px solid color-mix(in srgb, var(--gxacc-primary) 22%, #eef2ff);
}

/* Order details table widths */
.woocommerce-account .woocommerce table.woocommerce-table--order-details th{ width:48%; }

/* Downloads “Download” pill */
.woocommerce-account .woocommerce table.woocommerce-table--downloads .download-file a{
  display:inline-flex; align-items:center; padding:6px 10px;
  border-radius:999px; font-size:12px; font-weight:700;
  background:#eef2ff; color:#1e40af;
  border:1px solid color-mix(in srgb, var(--gxacc-primary) 22%, #eef2ff);
}

/* Addresses — FLEX cards (no grid) */
.woocommerce-Addresses{ display:flex; flex-wrap:wrap; gap:16px; }
.woocommerce-Address{
  flex:1 1 320px; max-width:calc(50% - 8px);
  background:#fff; border-radius:var(--gxacc-radius);
  box-shadow:var(--gxacc-card-shadow); padding:16px;
}
@media (max-width:680px){
  .woocommerce-Address{ max-width:100%; flex-basis:100%; }
}
.woocommerce-Address header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.woocommerce-Address h3{ margin:0; font-size:18px; font-weight:800; }

/* Pagination */
.woocommerce-account .woocommerce nav.woocommerce-pagination{ margin-top:16px; }
.woocommerce-account .woocommerce nav.woocommerce-pagination ul{
  display:inline-flex; gap:6px; border:none; padding:0; margin:0;
}
.woocommerce-account .woocommerce nav.woocommerce-pagination a,
.woocommerce-account .woocommerce nav.woocommerce-pagination span{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  background:#fff; text-decoration:none; font-weight:800; color:var(--gxacc-text);
  box-shadow:0 0 0 1px var(--gxacc-sep) inset;
}
.woocommerce-account .woocommerce nav.woocommerce-pagination .current{
  background:var(--gxacc-primary); color:#fff; box-shadow:none;
}

/* Mobile responsive labels */
@media (max-width:768px){
  .woocommerce-account .woocommerce table.shop_table_responsive tr td::before{
    font-size:12px; font-weight:700; color:var(--gxacc-muted);
  }
}

/* RTL helpers */
.rtl .woocommerce-MyAccount-content .show-password-input{ right:auto; left:12px; transform:translateY(-50%); }


/* ===== PATCH: My Account tables only (no borders) ===== */
.woocommerce-account .woocommerce table.shop_table,
.woocommerce-account .woocommerce table.woocommerce-table{
  border: 0 !important;                /* remove outer border */
  border-radius: var(--acc-card-radius, 14px);
  overflow: hidden;
  box-shadow: none !important;       /* keep card look */
}

/* Table head */
.woocommerce-account .woocommerce table thead th{
  background: var(--gxacc-head, #f6f7fb);
  font-weight: 700;
  padding: 12px 16px;
  text-align: left;
  border: 0 !important;                /* no header borders */
}

/* Cells (no inner dividers) */
.woocommerce-account .woocommerce table td,
.woocommerce-account .woocommerce table th{
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
  border: 0 !important;                /* remove row separators */
}

/* Zebra body rows */
.woocommerce-account .woocommerce table tbody tr{ background:#fff; }
.woocommerce-account .woocommerce table tbody tr:nth-child(even){
  background: var(--gxacc-row, #fafbff);
}
.woocommerce-account .woocommerce table tbody tr:hover{
  background: #fdfdff;
}

/* Small buttons inside tables */
.woocommerce-account .woocommerce table .button{
  padding: 7px 12px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
}

/* Status pill – apply only to <mark> */
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status{ background: transparent; }
.woocommerce-account .woocommerce .woocommerce-orders-table__cell-order-status mark{
  display:inline-block;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  background:#eef2ff;
  color:#1e40af;
  border:1px solid color-mix(in srgb, var(--acc-primary, #3b82f6) 22%, #eef2ff);
}

/* === My Account tables: header theme === */
.woocommerce-account .woocommerce table thead th{
  background: #090275 !important;
  color: #fff !important;
}

/* Ensure any links/icons inside header stay white too */
.woocommerce-account .woocommerce table thead th a,
.woocommerce-account .woocommerce table thead th .button,
.woocommerce-account .woocommerce table thead th svg{
  color: #fff !important;
  fill: #fff !important;
}


/* ================================
   My Account — form fields polish
   ================================ */

/* Fieldset group (e.g. "Password change") */
.woocommerce-account .woocommerce-MyAccount-content fieldset{
  border: 1px solid var(--gxacc-input-border, #e6e9f2) !important;
  border-radius: 12px;
  padding: 18px 16px 16px;
  margin-top: 18px;
  background: #fff;
  box-shadow: none !important; /* kill theme inset lines */
}
.woocommerce-account .woocommerce-MyAccount-content fieldset legend{
  font-size: 14px;
  font-weight: 700;
  color: var(--gxacc-muted, #64748b);
  padding: 0 6px;
}

/* Input / select / textarea — clean checkout-like style */
.woocommerce-account .woocommerce-MyAccount-content .input-text,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea{
  background: #fff;
  color: var(--gxacc-text, #0f172a);
  border: 1px solid var(--gxacc-input-border, #e6e9f2);
  border-radius: 12px;
  padding: 12px 14px;
  line-height: 1.4;
  height: auto;
  box-shadow: none !important; /* remove any inset borders from theme */
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.woocommerce-account .woocommerce-MyAccount-content .input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
  border-color: var(--gxacc-primary, #3b82f6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gxacc-primary, #3b82f6) 18%, transparent);
}

/* Select2 height + look (only here) */
.woocommerce-account .select2-container--default .select2-selection--single{
  height: 44px;
  border: 1px solid var(--gxacc-input-border, #e6e9f2);
  border-radius: 12px;
  box-shadow: none !important;
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 42px;
  padding-left: 12px;
}
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 44px; right: 10px;
}

/* Labels + hints */
.woocommerce-account .woocommerce-MyAccount-content label{
  font-size: 14px;
  color: var(--gxacc-muted, #64748b);
  margin: 0 0 6px;
}
.woocommerce-account .woocommerce-MyAccount-content .required{ color: #ef4444; }

/* Show/Hide password button alignment */
.woocommerce-account .woocommerce-MyAccount-content .password-input{ position: relative; }
.woocommerce-account .woocommerce-MyAccount-content .password-input input{ padding-right: 42px; }
.woocommerce-account .woocommerce-MyAccount-content .show-password-input{
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%); opacity: .85;
}

/* Top spacing above the submit button */
.woocommerce-account .woocommerce-MyAccount-content button{
  margin-top: 18px;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content{
    flex: 0 0 auto !important;
    width: calc(70% - 45px) !important;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation{
    flex: 0 0 auto !important;
    width: calc(30% - 20px) !important;
}

@media (max-width: 992px) {
    .woocommerce-account .woocommerce {
        flex-direction: row !important;
    }
}

@media (max-width: 800px) {
    .woocommerce-account .woocommerce {
        padding: 20px !important;
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content{
        width: 100% !important;
    }
}

.woocommerce-account .woocommerce-notices-wrapper{
    flex: 0 0 auto !important;
    width: 100% !important;
}

.woocommerce-info:before{
    display: none !important;
}

#customer_login .u-column1, #customer_login .u-column2{
    margin-bottom: 20px !important;
}
}