:root{
  --acct-bg:#0a0a0a;
  --acct-panel:rgba(18,18,18,.9);
  --acct-panel-2:rgba(10,10,10,.94);
  --acct-text:#ffffff;
  --acct-muted:rgba(255,255,255,.72);
  --acct-border:rgba(255,255,255,.14);
  --acct-accent:#f5c400;
  --acct-shadow:0 12px 34px rgba(0,0,0,.55);
  --acct-radius:18px;
  --acct-max:1320px;
}

/* Break out of Flatsome's constrained page wrapper */
body.mobs-account-page .page-wrapper,
body.mobs-account-page #main,
body.mobs-account-page #content {
  max-width:100% !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.mobs-account-page{
  background:var(--acct-bg);
  color:var(--acct-text);
}

.mobs-account{
  background:var(--acct-bg);
  color:var(--acct-text);
}

.mobs-shell{
  max-width:var(--acct-max);
  margin:0 auto;
  padding:0 clamp(16px, 2.5vw, 40px);
  width:100%;
  box-sizing:border-box;
}

.mobs-section{padding:72px 0;position:relative;}
.mobs-section + .mobs-section:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(1200px, 92%);
  height:1px;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(245,196,0,.22), rgba(0,0,0,0));
  opacity:.55;
}

.mobs-h1{
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:clamp(32px,3.8vw,56px);
  margin:0 0 12px;
  line-height:1.05;
}
.mobs-h2{
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:18px;
  margin:0 0 14px;
}
.mobs-subtitle{
  margin:0;
  color:var(--acct-muted);
  font-weight:800;
  letter-spacing:.02em;
}

.mobs-card{
  background:var(--acct-panel);
  border:1px solid var(--acct-border);
  border-radius:var(--acct-radius);
  box-shadow:var(--acct-shadow);
  padding:22px;
}

.mobs-account-hero{
  padding-top:86px;
  background:radial-gradient(circle at 20% 10%, rgba(245,196,0,.12), transparent 45%),
             linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.2));
}
.mobs-hero__inner{
  display:grid;
  gap:24px;
  border:1px solid rgba(245,196,0,.35);
  border-radius:24px;
  padding:16px;
  background:rgba(255,255,255,.01);
}
@media(min-width:980px){
  .mobs-hero__inner{grid-template-columns:1.1fr .9fr;align-items:center;}
}
.mobs-hero__copy{
  background:var(--acct-panel);
  border:1px solid var(--acct-border);
  border-radius:var(--acct-radius);
  box-shadow:var(--acct-shadow);
  padding:28px;
}
.mobs-hero__media{
  min-height:220px;
  border-radius:22px;
  border:1px solid var(--acct-border);
  background:var(--acct-panel-2);
  box-shadow:var(--acct-shadow);
}

.mobs-account-grid{
  display:grid;
  gap:22px;
  border:1px solid rgba(245,196,0,.35);
  border-radius:24px;
  padding:16px;
  background:rgba(255,255,255,.01);
}
@media(min-width:980px){
  .mobs-account-grid{grid-template-columns:200px 1fr;align-items:start;}
}

/* Ensure content column fills all available space */
.mobs-account-content {
  width:100%;
  min-width:0;
  flex:1;
}

.mobs-account-content .mobs-card {
  width:100%;
  box-sizing:border-box;
}

.mobs-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.mobs-menu__item a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--acct-border);
  background:rgba(255,255,255,.02);
  color:var(--acct-text);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.mobs-menu__item a,
.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation-link a{
  color:var(--acct-accent) !important;
}
.mobs-menu__item a:hover{
  border-color:rgba(245,196,0,.6);
  box-shadow:0 6px 20px rgba(245,196,0,.18);
  color:var(--acct-accent) !important;
}

/* WooCommerce content adjustments */
.woocommerce-MyAccount-content{
  color:var(--acct-accent) !important;
}
.mobs-account-page .woocommerce-MyAccount-content,
.mobs-account-page .woocommerce-MyAccount-content *{
  color:var(--acct-accent) !important;
}
.mobs-account-page a,
.mobs-account-page a:visited,
.mobs-account-page a:hover,
.mobs-account-page a:focus,
.mobs-account-page .woocommerce a,
.mobs-account-page .woocommerce a:visited,
.mobs-account-page .woocommerce a:hover,
.mobs-account-page .woocommerce a:focus{
  color:var(--acct-accent) !important;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--acct-accent) !important;
}
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content label,
.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td,
.woocommerce-MyAccount-content strong,
.woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-MyAccount-content .woocommerce-Address-title a,
.woocommerce-MyAccount-content .woocommerce-MyAccount-orders a{
  color:var(--acct-accent) !important;
}
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content a:visited,
.woocommerce-MyAccount-content a:hover,
.woocommerce-MyAccount-content a:focus,
.woocommerce-MyAccount-content p a,
.woocommerce-MyAccount-content p a:visited,
.woocommerce-MyAccount-content p a:hover,
.woocommerce-MyAccount-content p a:focus,
.mobs-account .woocommerce-MyAccount-content a,
.mobs-account .woocommerce-MyAccount-content a *,
.mobs-account-page .woocommerce-MyAccount-content a,
.mobs-account-page .woocommerce-MyAccount-content a *,
.woocommerce-MyAccount-content a span,
.woocommerce-MyAccount-content a strong,
.woocommerce-MyAccount-content a em,
.woocommerce-MyAccount-content p a span,
.woocommerce-MyAccount-content p a strong,
.woocommerce-MyAccount-content p a em,
.wishlist-table,
.wishlist-table a,
.wishlist_table,
.wishlist_table a,
.wishlist_table td,
.wishlist_table th,
.wishlist-title,
.wishlist-title h2,
.wishlist-title a,
.yith-wcwl-share,
.yith-wcwl-share a,
.yith-wcwl-share-title,
.yith-wcwl-form,
.yith-wcwl-form a,
.yith-wcwl-wishlist-item,
.yith-wcwl-wishlist-item a,
.yith-wcwl-wishlist-item a *{
  color:var(--acct-accent) !important;
}
.mobs-account-page .woocommerce-MyAccount-content .dashboard-links a,
.mobs-account-page .woocommerce-MyAccount-content .dashboard-links a *,
.mobs-account-page .woocommerce-MyAccount-content .account-links a,
.mobs-account-page .woocommerce-MyAccount-content .account-links a *,
.mobs-account-page .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard a,
.mobs-account-page .woocommerce-MyAccount-content .woocommerce-MyAccount-dashboard a *,
.mobs-account-page .woocommerce-MyAccount-content .my-account-links a,
.mobs-account-page .woocommerce-MyAccount-content .my-account-links a *{
  color:var(--acct-accent) !important;
}
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content input[type="button"],
.woocommerce-MyAccount-content input[type="reset"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--acct-border);
  background:var(--acct-accent);
  color:#0b0b0b;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  line-height:1;
}
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .button *,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-Button *,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content a.button *,
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content button *,
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content input[type="button"],
.woocommerce-MyAccount-content input[type="reset"]{
  color:#0b0b0b !important;
}

/* ── Orders table: Pay / View / Cancel action buttons ───────────────────── */
.woocommerce-orders-table__cell-order-actions a.woocommerce-button,
.woocommerce-orders-table__cell-order-actions a.button,
td.woocommerce-orders-table__cell-order-actions a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:36px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 4px 14px rgba(245,196,0,.18) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
  margin:2px 4px 2px 0 !important;
}
.woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
.woocommerce-orders-table__cell-order-actions a.button:hover,
td.woocommerce-orders-table__cell-order-actions a:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 18px rgba(245,196,0,.30) !important;
  color:#0b0b0b !important;
}
/* Cancel button — distinct outline style */
.woocommerce-orders-table__cell-order-actions a.cancel{
  background:transparent !important;
  border-color:rgba(255,80,80,.45) !important;
  color:rgba(255,100,100,.85) !important;
  box-shadow:none !important;
}
.woocommerce-orders-table__cell-order-actions a.cancel:hover{
  border-color:rgba(255,80,80,.75) !important;
  color:#ff6464 !important;
  box-shadow:0 4px 14px rgba(255,80,80,.15) !important;
}

/* Account details labels / legends */
.mobs-account-page .woocommerce-EditAccountForm label,
.mobs-account-page .woocommerce-EditAccountForm .form-row label,
.mobs-account-page .woocommerce-EditAccountForm fieldset legend,
.mobs-account-page .woocommerce-EditAccountForm legend,
.mobs-account-page .woocommerce form .form-row label,
.mobs-account-page .woocommerce form fieldset legend,
.mobs-account-page .woocommerce-MyAccount-content form label,
.mobs-account-page .woocommerce-MyAccount-content .woocommerce-form-row label,
.mobs-account-page .woocommerce-MyAccount-content fieldset legend,
.mobs-account-page .woocommerce-MyAccount-content legend{
  color:var(--acct-text) !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea{
  color:var(--acct-accent) !important;
  border-color:rgba(245,196,0,.45) !important;
}
.woocommerce-MyAccount-content input::placeholder,
.woocommerce-MyAccount-content textarea::placeholder{
  color:rgba(245,196,0,.65) !important;
}

/* EditAccountForm button overrides */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="submit"]{
  height:48px;
  padding:0 18px;
  border-radius:999px;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-weight:1000;
}
.mobs-account-page .woocommerce-EditAccountForm button[name="save_account_details"],
.mobs-account-page .woocommerce-EditAccountForm input[name="save_account_details"],
.mobs-account-page .woocommerce-EditAccountForm .button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:48px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  line-height:1 !important;
}
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm button.button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm .button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="submit"],
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="button"],
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="reset"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:48px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  line-height:1 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:0 8px 22px rgba(245,196,0,.2) !important;
}
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm button[name="save_account_details"],
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[name="save_account_details"],
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button.button[name="save_account_details"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:48px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  line-height:1 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  box-shadow:0 8px 22px rgba(245,196,0,.2) !important;
}

/* Override Flatsome/Theme button rule for Save changes */
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm .button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="submit"],
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="submit"].button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="button"].button,
.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="reset"].button{
  background-color:var(--acct-accent) !important;
  border-color:var(--acct-border) !important;
  color:#0b0b0b !important;
  border-radius:999px !important;
  height:48px !important;
  padding:0 18px !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-weight:1000 !important;
}

/* Absolute override for base button rule */
body.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm button,
body.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="submit"],
body.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="button"],
body.mobs-account-page.woocommerce-account .woocommerce-EditAccountForm input[type="reset"]{
  background-color:var(--acct-accent) !important;
  border:1px solid var(--acct-border) !important;
  border-radius:999px !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  min-height:48px !important;
  padding:0 18px !important;
}

/* MOBS — Vault header */
.mobs-vault-header{
  width:100%;
  box-sizing:border-box;
  margin:0 0 22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  overflow:hidden;
}

.mobs-vault-header__inner{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px;
  flex-wrap:nowrap;
}

.mobs-vault-header__icon{
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.mobs-vault-header__icon svg,
.mobs-vault-svg{
  color:var(--acct-text) !important;
  display:block;
  width:44px;
  height:44px;
}

.mobs-vault-header__copy{
  min-width:0;
  flex:1;
}

.mobs-vault-header__kicker{
  font-size:12px;
  letter-spacing:.18em;
  opacity:.85;
  font-weight:700;
}

.mobs-vault-header__title{
  margin:4px 0 4px;
  line-height:1.1;
}

.mobs-vault-header__sub{
  margin:0;
  opacity:.82;
  font-size:14px;
}

/* Vault header text color overrides */
.mobs-vault-header,
.mobs-vault-header *,
.mobs-vault-header__copy,
.mobs-vault-header__kicker,
.mobs-vault-header__title,
.mobs-vault-header__sub,
.mobs-vault-header svg,
.mobs-vault-header svg path{
  color:var(--acct-text) !important;
  stroke:var(--acct-text) !important;
}

/* Hide duplicate dashboard content */
.mobs-account-content .mobs-card > p,
.mobs-account-content .mobs-card ul.dashboard-links{
  display:none !important;
}
/* ============================================
   FIX v3: Force content column to fill grid width
   The sidebar is 200px. Content must take everything else.
   ============================================ */

/* Nuclear grid fix — explicit pixel math */
@media(min-width:980px){

  .mobs-account-grid {
    display: grid !important;
    grid-template-columns: 200px 1fr !important;
    grid-template-areas: "nav content" !important;
    align-items: start !important;
    gap: 22px !important;
  }

  .mobs-account-nav {
    grid-area: nav !important;
    width: 200px !important;
    max-width: 200px !important;
  }

  .mobs-account-content {
    grid-area: content !important;
    /* Override any Flatsome/WooCommerce width constraints */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    flex: none !important;
    float: none !important;
  }

  .mobs-account-content .mobs-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    float: none !important;
  }

  .mobs-account-content .mobs-vault-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  .mobs-account-content .mobs-vault-header__inner {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 18px !important;
  }

  .mobs-account-content .mobs-vault-header__icon {
    flex: 0 0 52px !important;
    width: 52px !important;
  }

  .mobs-account-content .mobs-vault-header__copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
}

/* Text: allow wrapping, never clip */
.mobs-vault-header__title,
.mobs-vault-header__sub,
.mobs-vault-header__kicker {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

/* ── Custom account footer ──────────────────────────────────────────────── */
/* Hide Flatsome's default footer on this page */
body.mobs-account-page footer#footer,
body.mobs-account-page footer.footer,
body.mobs-account-page #footer,
body.mobs-account-page .footer-container,
body.mobs-account-page .footer-wrapper,
body.mobs-account-page #colophon,
body.mobs-account-page #footer-bar,
body.mobs-account-page .absolute-footer{
  display:none !important;
}

.mobs-acct-footer{
  background:var(--acct-bg);
  border-top:1px solid rgba(245,196,0,.18);
  padding:32px 0;
  margin-top:0;
}
.mobs-acct-footer__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
}
.mobs-acct-footer .foot-brand{
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:14px;
  color:var(--acct-text) !important;
  margin:0 0 4px;
}
.mobs-acct-footer .foot-copy{
  margin:0;
  color:var(--acct-muted) !important;
  font-size:12px;
  line-height:1.5;
  font-weight:800;
}
.mobs-acct-footer .foot-links{
  display:flex;
  gap:24px;
  font-weight:1000;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  flex-wrap:wrap;
}
.mobs-acct-footer .foot-links a{
  color:var(--acct-muted) !important;
  text-decoration:none;
}
.mobs-acct-footer .foot-links a:hover{
  color:var(--acct-accent) !important;
}

/* ── Login / Create Account gate ────────────────────────────────────────── */
.mobs-gate{
  display:grid;
  gap:22px;
}
@media(min-width:700px){
  .mobs-gate{grid-template-columns:1fr 1fr;}
}

.mobs-gate__panel{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* Gate form shared input styles */
.mobs-login-form input[type="text"],
.mobs-login-form input[type="email"],
.mobs-login-form input[type="password"],
.mobs-register-form input[type="text"],
.mobs-register-form input[type="email"],
.mobs-register-form input[type="password"]{
  width:100% !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(245,196,0,.35) !important;
  border-radius:10px !important;
  color:var(--acct-text) !important;
  padding:12px 14px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
}
.mobs-login-form input[type="text"]:focus,
.mobs-login-form input[type="email"]:focus,
.mobs-login-form input[type="password"]:focus,
.mobs-register-form input[type="text"]:focus,
.mobs-register-form input[type="email"]:focus,
.mobs-register-form input[type="password"]:focus{
  border-color:var(--acct-accent) !important;
  outline:none !important;
}
.mobs-login-form label,
.mobs-register-form label{
  color:var(--acct-text) !important;
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
/* Gate form submit buttons */
.mobs-login-form button[type="submit"],
.mobs-register-form button[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(245,196,0,.2) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
.mobs-login-form button[type="submit"]:hover,
.mobs-register-form button[type="submit"]:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 28px rgba(245,196,0,.32) !important;
  color:#0b0b0b !important;
}
/* Lost password link */
.mobs-lost-password{
  margin:8px 0 0 !important;
  text-align:center;
}
.mobs-lost-password a{
  color:var(--acct-muted) !important;
  font-size:12px !important;
  text-decoration:none !important;
}
.mobs-lost-password a:hover{
  color:var(--acct-accent) !important;
}

/* Create Account panel */
.mobs-gate__register{
  display:flex;
  flex-direction:column;
  gap:16px;
  background:rgba(245,196,0,.04) !important;
  border-color:rgba(245,196,0,.30) !important;
}
.mobs-gate__tagline{
  color:var(--acct-muted) !important;
  font-size:14px;
  line-height:1.6;
  margin:0;
}

/* Register form rows */
.mobs-register-form .mobs-form-row{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.mobs-register-form label{
  color:var(--acct-text) !important;
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.mobs-register-form input[type="email"],
.mobs-register-form input[type="password"],
.mobs-register-form input[type="text"]{
  width:100% !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(245,196,0,.35) !important;
  border-radius:10px !important;
  color:var(--acct-text) !important;
  padding:12px 14px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
}
.mobs-register-form input[type="email"]:focus,
.mobs-register-form input[type="password"]:focus{
  border-color:var(--acct-accent) !important;
  outline:none !important;
}
.mobs-form-row--submit{
  margin-top:4px;
}
.mobs-register-form button[type="submit"],
.mobs-register-form .woocommerce-form-register__submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid var(--acct-border) !important;
  background:var(--acct-accent) !important;
  color:#0b0b0b !important;
  font-weight:1000 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(245,196,0,.2) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}
.mobs-register-form button[type="submit"]:hover,
.mobs-register-form .woocommerce-form-register__submit:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 28px rgba(245,196,0,.32) !important;
}
