/* ══════════════════════════════════════════════════════════════
   FT ACCOUNT — shell stylesheet (v1.2.8)
   Everything on /my-account that lives OUTSIDE div.woocommerce,
   plus the logged-out login form. Absorbed verbatim from three
   WPCode snippets on 2026-08-27 so the My Account surface has one
   owner; the split had become a question nobody could answer from
   memory. Printed at wp_head priority 10 — the exact position
   WPCode used — so nothing moves in the cascade.

   1. Logged-out theming  (was WPCode 4283652)
   2. Logged-in header    (was WPCode 4283656 — Cornerstone .e112-*)
   3. Orders actions col  (was WPCode 4284445)

   The main stylesheet, ft-account.css, still owns everything inside
   div.woocommerce on logged-in pages. Edit here for the Cornerstone
   header band and the login form; edit there for account content.
   ══════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════
   1. LOGGED-OUT THEMING — was WPCode 4283652
   ════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   FRAME & THREAD — My Account Login Form (Logged-Out State)
   Add as: CSS Snippet in Code Snippets for WordPress
   Name: "FT – My Account Login"
   Scoped to: .woocommerce-account (My Account pages only)
   ══════════════════════════════════════════════════════════════ */


/* ── 1. PAGE HEADER — Title & Subtitle ────────────────────── */

.woocommerce-account .e112-e8,
.woocommerce-account .e112-e8 p,
.woocommerce-account .e112-e8 span {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  color: #1a1a1a !important;
  text-align: left !important;
  line-height: 1.2 !important;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-account .e112-e9,
.woocommerce-account .e112-e9 p,
.woocommerce-account .e112-e9 span {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #999 !important;
  text-align: left !important;
  line-height: 1.7 !important;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-account .e112-e9 br {
  display: none;
}

.woocommerce-account .e112-e10 {
  display: none !important;
}


/* ── 2. WOO "Login" H2 — Section Heading ─────────────────── */

.woocommerce-account #customer_login h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #1a1a1a !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
  margin: 60px 0 32px !important;
  padding: 0 !important;
  border: none !important;
  line-height: 1.2 !important;
}


/* ── 3. FORM CONTAINER ────────────────────────────────────── */

.woocommerce-account .woocommerce-form-login {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* ── 4. FORM ROWS — Spacing ───────────────────────────────── */

.woocommerce-account .woocommerce-form-login .form-row {
  margin-bottom: 20px !important;
  padding: 0 !important;
}


/* ── 5. LABELS — 11px Outfit Uppercase ────────────────────── */

.woocommerce-account .woocommerce-form-login label:not(.woocommerce-form__label-for-checkbox) {
  display: block !important;
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #999 !important;
  margin-bottom: 8px !important;
  transition: color 0.3s ease !important;
  text-align: left !important;
}

.woocommerce-account .woocommerce-form-login .required {
  visibility: hidden !important;
  font-size: 0 !important;
  width: 0 !important;
}

.woocommerce-account .woocommerce-form-login .form-row:focus-within > label {
  color: #1a1a1a !important;
}


/* ── 6. INPUTS — Underline Only ───────────────────────────── */

.woocommerce-account .woocommerce-form-login input.input-text {
  width: 100% !important;
  padding: 10px 0 12px !important;
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #1a1a1a !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #d8d5d0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.woocommerce-account .woocommerce-form-login input.input-text:focus {
  border-bottom-color: #1a1a1a !important;
  box-shadow: none !important;
  outline: none !important;
}

.woocommerce-account .woocommerce-form-login input.input-text::placeholder {
  color: #c4c0bb;
  font-weight: 300;
}


/* ── 7. PASSWORD SHOW/HIDE TOGGLE ─────────────────────────── */

.woocommerce-account .woocommerce-form-login .show-password-input {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 0 !important;
  color: #999 !important;
}

.woocommerce-account .woocommerce-form-login .show-password-input:hover {
  color: #1a1a1a !important;
}


/* ── 8. REMEMBER ME — Pill Checkbox ───────────────────────── */

.woocommerce-account .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  margin-bottom: 0 !important;
  user-select: none;
}

.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.woocommerce-account .woocommerce-form-login__rememberme span {
  display: inline-block !important;
  padding: 8px 24px !important;
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #999 !important;
  border: 1px solid #d8d5d0 !important;
  border-radius: 100px !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]:checked + span {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #ffffff !important;
}

.woocommerce-account .woocommerce-form-login__rememberme span:hover {
  border-color: #1a1a1a !important;
}


/* ── 9. SUBMIT BUTTON — Full-Width Black ──────────────────── */

.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin-top: 40px !important;
}

.woocommerce-account .woocommerce-form-login__submit {
  width: 100% !important;
  padding: 18px 0 !important;
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.22em !important;
  color: #ffffff !important;
  background: #1a1a1a !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: letter-spacing 0.4s ease, background-color 0.3s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  order: 2 !important;
}

.woocommerce-account .woocommerce-form-login__submit:hover {
  letter-spacing: 0.28em !important;
  background: #1a1a1a !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.woocommerce-account .woocommerce-form-login__rememberme {
  order: 1 !important;
}


/* ── 10. "LOST YOUR PASSWORD?" LINK ───────────────────────── */

.woocommerce-account .woocommerce-form-login .lost_password {
  margin-top: 32px !important;
  text-align: left !important;
}

.woocommerce-account .woocommerce-form-login .lost_password a {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgb(243,123,148) !important;
  text-decoration: none !important;
  border: none !important;
  transition: color 0.3s ease !important;
  letter-spacing: 0.02em !important;
}

.woocommerce-account .woocommerce-form-login .lost_password a:hover {
  color: rgba(54,69,79,0.31) !important;
}


/* ── 11. WOO NOTICES / ERRORS ─────────────────────────────── */

.woocommerce-account .woocommerce-notices-wrapper {
  max-width: 480px;
  margin: 0 auto;
}

.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-info {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #d8d5d0 !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  margin-bottom: 8px !important;
  box-shadow: none !important;
  max-width: 480px !important;
}

.woocommerce-account .woocommerce .woocommerce-error::before,
.woocommerce-account .woocommerce .woocommerce-message::before,
.woocommerce-account .woocommerce .woocommerce-info::before {
  display: none !important;
}

.woocommerce-account .woocommerce .woocommerce-error li {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #c0392b !important;
  list-style: none !important;
}


/* ── 12. "DON'T HAVE AN ACCOUNT?" CTA SECTION ────────────── */

.woocommerce-account .e112-e21,
.woocommerce-account .e112-e21 span {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #1a1a1a !important;
  text-align: left !important;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3 !important;
}

.woocommerce-account .e112-e22,
.woocommerce-account .e112-e22 span,
.woocommerce-account .e112-e22 a {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  text-align: left !important;
}

.woocommerce-account .e112-e22 a {
  color: rgb(243,123,148) !important;
  text-decoration: none !important;
  border: none !important;
  transition: color 0.3s ease !important;
}

.woocommerce-account .e112-e22 a:hover {
  color: rgba(54,69,79,0.31) !important;
}

.woocommerce-account .e112-e18 {
  margin-top: 0 !important;
  padding-top: 80px !important;
}

.woocommerce-account .e112-e23,
.woocommerce-account .e112-e23 span {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #bbb !important;
  text-align: left !important;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-account .e112-e23 a {
  color: rgb(243,123,148) !important;
  text-decoration: none !important;
  border: none !important;
}

.woocommerce-account .e112-e23 a:hover {
  color: rgba(54,69,79,0.31) !important;
}


/* ── 13. STAGGERED ENTRANCE ANIMATION ─────────────────────── */

@keyframes ft-login-fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.woocommerce-account:not(.logged-in) .e112-e8 {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.1s;
}

.woocommerce-account:not(.logged-in) .e112-e9 {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.2s;
}

.woocommerce-account:not(.logged-in) #customer_login h2 {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.3s;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:nth-child(1) {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.4s;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:nth-child(2) {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.5s;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login .form-row:nth-child(3) {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.6s;
}

.woocommerce-account:not(.logged-in) .woocommerce-form-login .lost_password {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.7s;
}

.woocommerce-account:not(.logged-in) .e112-e18 {
  opacity: 0;
  animation: ft-login-fadeUp 0.6s ease forwards;
  animation-delay: 0.85s;
}


/* ── 14. COLLAPSE EMPTY BOTTOM SECTION ────────────────────── */

.woocommerce-account .e112-e24 {
  display: none !important;
}


/* ── 15. MOBILE ───────────────────────────────────────────── */

@media (max-width: 600px) {

  .woocommerce-account .e112-e8,
  .woocommerce-account .e112-e8 p,
  .woocommerce-account .e112-e8 span {
    font-size: 30px !important;
  }

  .woocommerce-account #customer_login h2 {
    font-size: 26px !important;
    margin-top: 48px !important;
  }

  .woocommerce-account .woocommerce-form-login__submit {
    padding: 16px 0 !important;
  }

  .woocommerce-account .e112-e21,
  .woocommerce-account .e112-e21 span {
    font-size: 26px !important;
  }

  .woocommerce-account .e112-e18 {
    padding-top: 60px !important;
  }
}


/* ════════════════════════════════════════════════════════════
   2. LOGGED-IN HEADER (Cornerstone .e112-*) — was WPCode 4283656
   ════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   FRAME & THREAD — My Account (Logged-In) — CORNERSTONE HEADER ONLY
   Replaces WPCode snippet 4283656 in full, AFTER activating the
   FT Account plugin (v1.0.0+).

   The FT Account plugin now owns everything inside div.woocommerce
   (navigation, dashboard, orders, all tab styling). This snippet
   keeps only what the plugin cannot reach: the Cornerstone page
   elements (.e112-*) around it. Logged-out styling remains in
   snippet 4283652, untouched.
   ══════════════════════════════════════════════════════════════ */


/* ── 1. RESTORE "MY ACCOUNT" TITLE, HIDE SUBTITLE ─────────── */

/* Override Cornerstone rule: .logged-in .e112-e5{display:none;} */
.woocommerce-account.logged-in .e112-e5 {
  display: block !important;
}

.woocommerce-account.logged-in .e112-e8,
.woocommerce-account.logged-in .e112-e8 p,
.woocommerce-account.logged-in .e112-e8 span {
  text-align: left !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hide "Log in to shop..." subtitle when logged in */
.woocommerce-account.logged-in .e112-e9 {
  display: none !important;
}


/* ── 2. HEADER ADJUSTMENTS ────────────────────────────────── */

.woocommerce-account.logged-in .e112-e10 {
  padding-top: 40px !important;
  padding-bottom: 0 !important;
  text-align: left !important;
}

.woocommerce-account.logged-in .e112-e13,
.woocommerce-account.logged-in .e112-e13 p,
.woocommerce-account.logged-in .e112-e13 span,
.woocommerce-account.logged-in .e112-e13 a {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  text-align: left !important;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-account.logged-in .e112-e13 a {
  color: rgb(243, 123, 148) !important;
  text-decoration: none !important;
  border: none !important;
  transition: color 0.3s ease !important;
}

.woocommerce-account.logged-in .e112-e13 a:hover {
  color: rgba(54, 69, 79, 0.31) !important;
}

.woocommerce-account.logged-in .e112-e13 br {
  display: none;
}


/* ── 3. LINK WALLET SECTION ───────────────────────────────── */

.woocommerce-account.logged-in .e112-e18 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.woocommerce-account.logged-in .e112-e21,
.woocommerce-account.logged-in .e112-e22,
.woocommerce-account.logged-in .e112-e24 {
  display: none !important;
}

.woocommerce-account.logged-in .e112-e23,
.woocommerce-account.logged-in .e112-e23 span,
.woocommerce-account.logged-in .e112-e23 p {
  font-family: 'Outfit', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #999 !important;
  text-align: left !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.woocommerce-account.logged-in .e112-e23 a {
  color: rgb(243, 123, 148) !important;
  text-decoration: none !important;
  border: none !important;
}

.woocommerce-account.logged-in .e112-e23 a:hover {
  color: rgba(54, 69, 79, 0.31) !important;
}


/* ── 4. WIDEN HEADER TO MATCH THE SIDEBAR GRID (≥901px) ───── */

@media (min-width: 901px) {
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e8,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e8 p,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e8 span,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e13,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e13 p,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e13 span,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e23,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e23 span,
  .woocommerce-account.logged-in:has(.ft-account-nav) .e112-e23 p {
    max-width: 1040px !important;
  }
}


/* ── 5. MOBILE ────────────────────────────────────────────── */

@media (max-width: 600px) {
  .woocommerce-account.logged-in .e112-e10 {
    padding-top: 24px !important;
  }
}


/* ════════════════════════════════════════════════════════════
   3. ORDERS TABLE ACTIONS COLUMN — was WPCode 4284445
   ft-account's receipt-line orders template (1.1+) renders no
   actions column, so this is belt: if the Woo table ever comes
   back, the column stays hidden and the Tracking column carries
   the link, exactly as ft-ship expects.
   ════════════════════════════════════════════════════════════ */

/* =========================================================
   FT — MY ACCOUNT PAGE (HIDE VIEW BUTTON ON ORDERS)
   ---------------------------------------------------------
   Scope:   My Account > Orders table
   Purpose: Hides the actions column from the orders table
            on the My Account page — both the column header
            and every row's buttons. The order number link
            already takes customers to the order detail page,
            making the View button redundant.

   NOTE (ft-ship >= 3.16.0): ft-ship adds a "Track" action
   via woocommerce_my_account_my_orders_actions. This rule
   INTENTIONALLY hides it here too — in the orders table the
   Tracking column (owned by ft-ship >= 3.16.1) carries the
   branded /track/ link, so a second button would be noise.
   The Track action still renders on the order detail page's
   Actions row, which this rule does not touch. Do not
   "fix" this by unhiding the column.
   ========================================================= */

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions,
th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions {
  display: none;
}