.elementor-4640 .elementor-element.elementor-element-7c3dd43{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(255,255,255,0.08);--border-color:rgba(255,255,255,0.08);--padding-top:44px;--padding-bottom:36px;--padding-left:28px;--padding-right:28px;}.elementor-4640 .elementor-element.elementor-element-7c3dd43:not(.elementor-motion-effects-element-type-background), .elementor-4640 .elementor-element.elementor-element-7c3dd43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ec9e15 );}.elementor-4640 .elementor-element.elementor-element-0a7e697{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4640 .elementor-element.elementor-element-70b0cbe > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-4640 .elementor-element.elementor-element-70b0cbe{text-align:start;font-family:"Spline Sans Mono";font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4640 .elementor-element.elementor-element-2758a77 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4640 .elementor-element.elementor-element-2758a77{text-align:start;}.elementor-4640 .elementor-element.elementor-element-2758a77 .elementor-heading-title{font-family:"Saira Condensed";font-size:52px;font-weight:800;text-transform:uppercase;line-height:0.95em;color:var( --e-global-color-accent );}.elementor-4640 .elementor-element.elementor-element-2e93c5c > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-4640 .elementor-element.elementor-element-2e93c5c{text-align:start;font-family:"Archivo";font-size:15px;font-weight:400;line-height:1.6em;color:#A0A0A8;}.elementor-4640 .elementor-element.elementor-element-ea25c0d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4640 .elementor-element.elementor-element-84a3247{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:44px;--padding-bottom:70px;--padding-left:28px;--padding-right:28px;}.elementor-4640 .elementor-element.elementor-element-84a3247:not(.elementor-motion-effects-element-type-background), .elementor-4640 .elementor-element.elementor-element-84a3247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9e5e61c );}.elementor-4640 .elementor-element.elementor-element-75f9170{--display:flex;}.elementor-4640 .elementor-element.elementor-element-287ce0f{--tab-content-spacing:7px;--tabs-normal-color:var( --e-global-color-primary );--tabs-active-color:var( --e-global-color-secondary );--links-normal-color:var( --e-global-color-secondary );}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-287ce0f *//* ============================================================
   APEX PERFORMANCE SUPPLY — WooCommerce My Account branding
   Targets the WooCommerce My Account markup as rendered by the
   Elementor Pro "My Account" widget (woocommerce-my-account):
   navigation tabs, dashboard, orders table, addresses, account
   details form, and the logged-out login / register forms.
   ============================================================ */
600;700;800&family=Archivo:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap');

/* ---- Brand tokens (scoped) ---- */
.woocommerce-account,
.elementor-widget-woocommerce-my-account {
  --apex-bg:        #0d0d0f;
  --apex-panel:     #0b0b0d;
  --apex-field:     #18181c;
  --apex-border:    rgba(255,255,255,0.10);
  --apex-border-2:  rgba(255,255,255,0.12);
  --apex-text:      #f3f3f2;
  --apex-muted:     #a0a0a8;
  --apex-dim:       #71717a;
  --apex-yellow:    #ffd200;
  --apex-yellow-2:  #ffe04d;
  --apex-red:       #e8261d;
  --apex-green:     #3ddc84;
  --font-head: 'Saira Condensed', sans-serif;
  --font-body: 'Archivo', sans-serif;
  --font-mono: 'Spline Sans Mono', monospace;
}

/* ---- Page canvas ---- */
body.woocommerce-account {
  background: var(--apex-bg);
  color: var(--apex-text);
  font-family: var(--font-body);
}
.elementor-widget-woocommerce-my-account ::selection { background: var(--apex-yellow); color: var(--apex-bg); }
.elementor-widget-woocommerce-my-account { color: var(--apex-text); }

/* ============================================================
   LAYOUT (left = navigation, right = content panel)
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 26%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 72%;
  background: var(--apex-panel);
  border: 1px solid var(--apex-border);
  padding: 32px;
  color: var(--apex-text);
}

/* ============================================================
   NAVIGATION TABS
   ============================================================ */
.woocommerce-MyAccount-navigation ul {
  border: 1px solid var(--apex-border);
  background: var(--apex-panel);
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--apex-border);
  margin: 0;
}
.woocommerce-MyAccount-navigation ul li:last-child { border-bottom: 0; }
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 14px 18px;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--apex-muted);
  text-decoration: none;
  transition: color .15s ease, background .15s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--apex-yellow);
  background: var(--apex-field);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--apex-yellow);
  box-shadow: inset 3px 0 0 var(--apex-red);
  background: var(--apex-field);
}

/* ============================================================
   DASHBOARD / CONTENT TEXT
   ============================================================ */
.woocommerce-MyAccount-content p { color: var(--apex-muted); line-height: 1.6; }
.woocommerce-MyAccount-content a { color: var(--apex-yellow); }
.woocommerce-MyAccount-content a:hover { color: var(--apex-yellow-2); }
.woocommerce-MyAccount-content strong,
.woocommerce-MyAccount-content mark {
  color: var(--apex-text);
  background: transparent;
}
.elementor-widget-woocommerce-my-account h2,
.elementor-widget-woocommerce-my-account h3 {
  font-family: var(--font-head);
  text-transform: uppercase;
  color: var(--apex-text);
}

/* ============================================================
   ORDERS / DOWNLOADS TABLES
   ============================================================ */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-table {
  border: 1px solid var(--apex-border);
  border-collapse: collapse;
  background: var(--apex-bg);
}
.woocommerce-account table.shop_table thead th,
.woocommerce-orders-table thead th {
  background: var(--apex-field);
  color: var(--apex-dim);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--apex-border);
  padding: 12px 14px;
}
.woocommerce-account table.shop_table td,
.woocommerce-orders-table td {
  border-top: 1px solid var(--apex-border);
  color: var(--apex-text);
  font-family: var(--font-body);
  padding: 14px;
}
.woocommerce-account table.shop_table tbody tr:hover { background: var(--apex-field); }
.woocommerce-orders-table__cell-order-number a { color: var(--apex-yellow); font-family: var(--font-mono); }
.woocommerce-orders-table__cell-order-total,
.woocommerce-orders-table__cell-order-status { font-family: var(--font-mono); color: var(--apex-text); }

/* ============================================================
   BUTTONS
   ============================================================ */
.woocommerce-account .woocommerce-button,
.woocommerce-account a.button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .button.alt {
  background: var(--apex-yellow) !important;
  color: var(--apex-bg) !important;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: none;
  border-radius: 0 !important;
  padding: 13px 24px;
  transition: background .15s ease;
}
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account a.button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover {
  background: var(--apex-yellow-2) !important;
}
/* Secondary / view-order outline button */
.woocommerce-account .woocommerce-button.view,
.woocommerce-account a.button.view {
  background: transparent !important;
  color: var(--apex-text) !important;
  border: 1px solid var(--apex-red) !important;
}
.woocommerce-account .woocommerce-button.view:hover,
.woocommerce-account a.button.view:hover {
  background: var(--apex-red) !important;
  color: #fff !important;
}

/* ============================================================
   FORMS (account details, addresses, login, register)
   ============================================================ */
.woocommerce-account form .form-row label,
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account legend {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.05em;
  color: var(--apex-dim);
}
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row textarea,
.woocommerce-account form .form-row select,
.woocommerce-account .select2-container--default .select2-selection--single {
  background: var(--apex-field) !important;
  border: 1px solid var(--apex-border-2) !important;
  border-radius: 0 !important;
  color: var(--apex-text) !important;
  font-family: var(--font-body);
  font-size: 14px;
  padding: 12px 14px;
  box-shadow: none !important;
}
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row textarea:focus,
.woocommerce-account form .form-row select:focus {
  border-color: var(--apex-yellow) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--apex-yellow) !important;
}
.woocommerce-account form .form-row input::placeholder,
.woocommerce-account form .form-row textarea::placeholder { color: var(--apex-dim); }
.woocommerce-account .woocommerce-password-strength { font-family: var(--font-mono); font-size: 11px; }
.woocommerce-account .woocommerce-password-hint { color: var(--apex-dim); }

/* Login / register cards */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
  border: 1px solid var(--apex-border) !important;
  background: var(--apex-panel);
  border-radius: 0 !important;
  padding: 28px;
}
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce-form-register label.checkbox { color: var(--apex-muted); }
.woocommerce-account .woocommerce-form-login__rememberme input,
.woocommerce-account form .form-row input[type="checkbox"] { accent-color: var(--apex-yellow); }
.woocommerce-account .lost_password a { color: var(--apex-yellow); }

/* ============================================================
   ADDRESSES
   ============================================================ */
.woocommerce-account .woocommerce-Address {
  border: 1px solid var(--apex-border);
  background: var(--apex-bg);
  padding: 22px;
}
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .addresses .title h3 {
  font-family: var(--font-head);
  text-transform: uppercase;
  color: var(--apex-yellow);
}
.woocommerce-account .woocommerce-Address address { color: var(--apex-muted); font-style: normal; line-height: 1.6; }
.woocommerce-account .woocommerce-Address .edit { color: var(--apex-yellow); }

/* ============================================================
   NOTICES
   ============================================================ */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
  background: var(--apex-panel) !important;
  color: var(--apex-text) !important;
  border-top: 1px solid var(--apex-border);
  border-radius: 0;
}
.woocommerce-account .woocommerce-message { border-left: 3px solid var(--apex-green); }
.woocommerce-account .woocommerce-info { border-left: 3px solid var(--apex-yellow); }
.woocommerce-account .woocommerce-error { border-left: 3px solid var(--apex-red); }
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before { color: var(--apex-yellow); }
.woocommerce-account .woocommerce-error::before { color: var(--apex-red); }

/* ============================================================
   RESPONSIVE (stack nav above content)
   ============================================================ */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: none;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 16px; }
  .woocommerce-account .woocommerce-MyAccount-content { padding: 22px 18px; }
  .woocommerce-account .col2-set .col-1,
  .woocommerce-account .col2-set .col-2 { width: 100%; float: none; margin-bottom: 16px; }
}/* End custom CSS */