/* =========================================================
   SP — MY ACCOUNT PAGE STYLING
   Design language: Matches Cart, Checkout, Equipment pages
   - Typography: SF Pro, matching site-wide design
   - Colors: #1A1A1A (text), #6E6E6E (muted)
   - Border radius: 10px
   - Border color: #ECECEC
   ========================================================= */

/* =========================================================
   0) Design Tokens (page-scoped)
   ========================================================= */

body.woocommerce-account{
  --sp-max: 1200px;
  --sp-pad: 32px;
  --sp-gap: 28px;

  --sp-text: #1A1A1A;
  --sp-muted: #6E6E6E;
  --sp-line: #ECECEC;
  --sp-card: #FFF;

  --sp-radius: 10px;
  --sp-shadow: 0 8px 18px rgba(0,0,0,.08);
}

/* =========================================================
   0.5) Hide Page Title (match cart/checkout pattern)
   ========================================================= */

body.woocommerce-account .entry-title,
body.woocommerce-account h1.entry-title,
body.woocommerce-account .page-title,
body.woocommerce-account h1.page-title{
  display: none !important;
}

/* =========================================================
   1) Container & Layout
   ========================================================= */

/* Main woocommerce wrapper — centered, constrained */
body.woocommerce-account .woocommerce{
  max-width: var(--sp-max) !important;
  margin: 0 auto !important;
  padding: 0 var(--sp-pad) 60px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

/* Reduce top spacing from Astra */
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main{
  padding-top: 0 !important;
}

body.woocommerce-account .entry-content{
  margin-top: 0 !important;
}

/* =========================================================
   2) Sidebar Navigation
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-navigation{
  background: var(--sp-card) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  box-shadow: var(--sp-shadow) !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
}

/* Navigation list reset */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Navigation links */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display: block !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
  text-decoration: none !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  transition: color 0.15s ease, background 0.15s ease !important;
  border-left: 3px solid transparent !important;
}

/* Hover state */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  color: var(--sp-text) !important;
  background: rgba(0,0,0,.03) !important;
}

/* Active state */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a{
  font-weight: 600 !important;
  color: var(--sp-text) !important;
  border-left-color: var(--sp-text) !important;
  background: rgba(0,0,0,.03) !important;
}

/* =========================================================
   3) Content Area
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content{
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
}

/* Dashboard greeting text */
body.woocommerce-account .woocommerce-MyAccount-content p{
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--sp-text) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p a{
  color: var(--sp-text) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 510 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content p a:hover{
  opacity: 0.8 !important;
}

/* =========================================================
   4) Orders Table
   ========================================================= */

/* Table container */
body.woocommerce-account .woocommerce-orders-table{
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  background: var(--sp-card) !important;
  box-shadow: var(--sp-shadow) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

/* Table header */
body.woocommerce-account .woocommerce-orders-table thead th,
body.woocommerce-account .woocommerce-orders-table thead th.woocommerce-orders-table__header{
  background: var(--sp-card) !important;
  border-bottom: 1px solid var(--sp-line) !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  font-weight: 590 !important;
  color: var(--sp-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
}

/* Table rows */
body.woocommerce-account .woocommerce-orders-table tbody tr{
  border-bottom: 1px solid var(--sp-line) !important;
}

body.woocommerce-account .woocommerce-orders-table tbody tr:last-child{
  border-bottom: none !important;
}

/* Table cells */
body.woocommerce-account .woocommerce-orders-table tbody td,
body.woocommerce-account .woocommerce-orders-table tbody th{
  padding: 12px 16px !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  border: none !important;
}

/* Order number link */
body.woocommerce-account .woocommerce-orders-table__cell-order-number a{
  font-weight: 600 !important;
  color: var(--sp-text) !important;
  text-decoration: none !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  transition: opacity 0.15s ease !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover{
  opacity: 0.8 !important;
}

/* Order date */
body.woocommerce-account .woocommerce-orders-table__cell-order-date{
  color: var(--sp-text) !important;
  font-weight: 400 !important;
}

/* Order status */
body.woocommerce-account .woocommerce-orders-table__cell-order-status{
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
}

/* Order total */
body.woocommerce-account .woocommerce-orders-table__cell-order-total{
  font-weight: 590 !important;
}

/* =========================================================
   5) Action Buttons (View, Pay, Cancel)
   ========================================================= */

/* Actions cell layout */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions{
  display: table-cell !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button{
  display: inline-block !important;
  padding: 8px 14px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-decoration: none !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  margin: 2px 4px 2px 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button:hover{
  opacity: 0.92 !important;
}

/* Cancel button — danger red variant */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.cancel{
  background: #d32f2f !important;
  border-color: #d32f2f !important;
}

/* =========================================================
   6) Pagination
   ========================================================= */

body.woocommerce-account .woocommerce-pagination{
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: var(--sp-gap) !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce-pagination a.woocommerce-button,
body.woocommerce-account .woocommerce-pagination a.button{
  display: inline-block !important;
  padding: 10px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
}

body.woocommerce-account .woocommerce-pagination a.woocommerce-button:hover,
body.woocommerce-account .woocommerce-pagination a.button:hover{
  opacity: 0.92 !important;
}

/* =========================================================
   7) Empty State
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notice{
  font-size: 14px !important;
  font-weight: 510 !important;
  color: var(--sp-text) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
  padding: 60px 0 !important;
}

/* Hide WooCommerce info icon */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message::before{
  display: none !important;
}

/* Browse products button in empty state */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward{
  display: inline-block !important;
  padding: 10px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-decoration: none !important;
  margin-top: 12px !important;
  transition: opacity 0.15s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.wc-forward:hover{
  opacity: 0.92 !important;
}

/* =========================================================
   8) Form Styling (Edit Account, Edit Address, etc.)
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{
  font-size: 20px !important;
  font-weight: 590 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  margin: 0 0 16px 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content label{
  font-size: 12px !important;
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 6px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea{
  font-size: 14px !important;
  font-weight: 510 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  padding: 10px 12px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus{
  outline: none !important;
  border-color: #0b57d0 !important;
  box-shadow: 0 0 0 3px rgba(11,87,208,.10) !important;
}

/* Save/Submit buttons in forms */
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button{
  padding: 12px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
}

body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover{
  opacity: 0.92 !important;
}

/* =========================================================
   9) Responsive
   ========================================================= */

@media (max-width: 768px){
  body.woocommerce-account{
    --sp-pad: 18px;
  }

  /* Stack sidebar above content */
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom: 20px !important;
  }

  /* Table → stacked card layout */
  body.woocommerce-account .woocommerce-orders-table thead{
    display: none !important;
  }

  body.woocommerce-account .woocommerce-orders-table tbody tr{
    display: block !important;
    border: 1px solid var(--sp-line) !important;
    border-radius: var(--sp-radius) !important;
    margin-bottom: 12px !important;
    padding: 14px !important;
    background: var(--sp-card) !important;
    box-shadow: var(--sp-shadow) !important;
  }

  body.woocommerce-account .woocommerce-orders-table tbody td,
  body.woocommerce-account .woocommerce-orders-table tbody th{
    display: block !important;
    padding: 6px 0 !important;
    text-align: left !important;
    border: none !important;
  }

  /* Show data-title labels on mobile */
  body.woocommerce-account .woocommerce-orders-table tbody td::before,
  body.woocommerce-account .woocommerce-orders-table tbody th::before{
    content: attr(data-title) ": " !important;
    font-weight: 590 !important;
    color: var(--sp-muted) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }

  /* Actions cell — buttons should stack or wrap nicely */
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions{
    display: block !important;
    padding-top: 10px !important;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions::before{
    display: none !important;
  }
}

/* =========================================================
   10) Address Page — Listing View
   The address listing uses .col2-set with .u-column1 / .u-column2
   Each column has a header with title + "Edit" link, then address text
   ========================================================= */

/* Two-column address layout */
body.woocommerce-account .woocommerce-MyAccount-content .col2-set{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--sp-gap) !important;
}

/* Kill Astra clearfix — it becomes a 3rd grid item and breaks the layout */
body.woocommerce-account .woocommerce-MyAccount-content .col2-set::before,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set::after{
  display: none !important;
  content: none !important;
}

/* Each address column — rounded-corner box, flex column layout
   Override Astra's float: left/right and constrained widths */
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .u-column1,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .u-column2{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  background: var(--sp-card) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  box-shadow: var(--sp-shadow) !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Address header — title only, strip all Astra borders/bg */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set header{
  display: block !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Address card heading */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3{
  font-size: 14px !important;
  font-weight: 590 !important;
  color: var(--sp-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Edit link — black pill button at bottom of card */
body.woocommerce-account .woocommerce-MyAccount-content .sp-address-edit{
  display: inline-block !important;
  align-self: flex-start !important;
  margin-top: 14px !important;
  padding: 6px 12px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-decoration: none !important;
  transition: opacity 0.15s ease !important;
  line-height: 1.2 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .sp-address-edit:hover{
  opacity: 0.92 !important;
}

/* Hide any old edit links still in the header (fallback) */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a{
  display: none !important;
}

/* Address text — strip default Astra/WC border on address elements */
body.woocommerce-account .woocommerce-MyAccount-content address{
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--sp-text) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* "You have not set up this type of address yet." notice */
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .woocommerce-Address address:empty + .woocommerce-Address-info,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1 .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2 .woocommerce-message{
  font-size: 13px !important;
  color: var(--sp-muted) !important;
}

/* =========================================================
   10.1) Address Page — Edit Form
   ========================================================= */

/* Address edit form — wrapped in .woocommerce-address-fields */
body.woocommerce-account .woocommerce-address-fields{
  max-width: 100% !important;
}

body.woocommerce-account .woocommerce-address-fields .form-row{
  margin-bottom: 14px !important;
}

/* Two fields side by side (first/last name) */
body.woocommerce-account .woocommerce-address-fields .form-row-first,
body.woocommerce-account .woocommerce-address-fields .form-row-last{
  display: inline-block !important;
  width: 48% !important;
}

body.woocommerce-account .woocommerce-address-fields .form-row-first{
  margin-right: 3% !important;
}

/* Hide "(optional)" text */
body.woocommerce-account .woocommerce-address-fields .optional{
  display: none !important;
}

/* Save address button */
body.woocommerce-account .woocommerce-address-fields button[type="submit"]{
  margin-top: 8px !important;
}

/* =========================================================
   10.2) Address Page — Responsive
   ========================================================= */

@media (max-width: 768px){
  body.woocommerce-account .woocommerce-MyAccount-content .col2-set{
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-account .woocommerce-address-fields .form-row-first,
  body.woocommerce-account .woocommerce-address-fields .form-row-last{
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   11) Login Page
   Shown when user is NOT logged in on /my-account/
   Structure: .woocommerce > h2 "Login" + form.woocommerce-form-login
   No #customer_login wrapper, no register form — single column only
   ========================================================= */

/* The .woocommerce wrapper on login acts as the card container */
body.woocommerce-account .woocommerce:has(> form.woocommerce-form-login){
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 0 var(--sp-pad) 60px !important;
}

/* Login card — wrap the h2 + form in visual card */
body.woocommerce-account form.woocommerce-form-login{
  background: var(--sp-card) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  box-shadow: var(--sp-shadow) !important;
  padding: 32px !important;
}

/* "Login" heading above the card */
body.woocommerce-account .woocommerce > h2:has(+ form.woocommerce-form-login){
  font-size: 22px !important;
  font-weight: 590 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  text-align: center !important;
  margin: 0 0 20px 0 !important;
}

/* Form rows */
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-row,
body.woocommerce-account form.woocommerce-form-login .form-row{
  margin-bottom: 16px !important;
}

/* Labels */
body.woocommerce-account form.woocommerce-form-login label{
  display: block !important;
  font-size: 12px !important;
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 6px !important;
}

/* Required asterisk */
body.woocommerce-account form.woocommerce-form-login .required{
  color: #d32f2f !important;
}

/* Input fields */
body.woocommerce-account form.woocommerce-form-login input.input-text,
body.woocommerce-account form.woocommerce-form-login input.woocommerce-Input{
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 510 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

body.woocommerce-account form.woocommerce-form-login input.input-text:focus,
body.woocommerce-account form.woocommerce-form-login input.woocommerce-Input:focus{
  outline: none !important;
  border-color: #0b57d0 !important;
  box-shadow: 0 0 0 3px rgba(11,87,208,.10) !important;
}

/* Show-password toggle button — subtle styling */
body.woocommerce-account form.woocommerce-form-login .show-password-input{
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s ease !important;
}

body.woocommerce-account form.woocommerce-form-login .show-password-input:hover{
  opacity: 0.8 !important;
}

/* Remember me checkbox row */
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--sp-muted) !important;
  cursor: pointer !important;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"]{
  width: 16px !important;
  height: 16px !important;
  accent-color: #111 !important;
  cursor: pointer !important;
}

/* Login submit button */
body.woocommerce-account form.woocommerce-form-login button[type="submit"],
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit{
  display: block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  text-decoration: none !important;
  text-align: center !important;
  margin-top: 8px !important;
}

body.woocommerce-account form.woocommerce-form-login button[type="submit"]:hover,
body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit:hover{
  opacity: 0.92 !important;
}

/* Lost password link */
body.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword,
body.woocommerce-account form.woocommerce-form-login .lost_password{
  margin-top: 16px !important;
  text-align: center !important;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword a,
body.woocommerce-account form.woocommerce-form-login .lost_password a{
  font-size: 13px !important;
  color: var(--sp-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  transition: color 0.15s ease !important;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword a:hover,
body.woocommerce-account form.woocommerce-form-login .lost_password a:hover{
  color: var(--sp-text) !important;
}

/* =========================================================
   11.1) Login Page — Responsive
   ========================================================= */

@media (max-width: 768px){
  body.woocommerce-account .woocommerce:has(> form.woocommerce-form-login){
    max-width: 100% !important;
    padding: 0 var(--sp-pad) 40px !important;
  }

  body.woocommerce-account form.woocommerce-form-login{
    padding: 24px !important;
  }
}

/* =========================================================
   11.2) "Create an Account" button on login page
   White bg, black text — inverse of the login button.
   Injected via woocommerce_login_form_end hook.
   ========================================================= */

.sp-create-account-link{
  margin-top: 16px !important;
  text-align: center !important;
}

body.woocommerce-account .sp-btn-create-account{
  display: block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid #111111 !important;
  background: #fff !important;
  color: #111111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  text-decoration: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.woocommerce-account .sp-btn-create-account:hover{
  opacity: 0.80 !important;
}

/* =========================================================
   11.3) Registration Page (/register/)
   Custom registration form rendered by [sp_registration_form]
   shortcode. Centered card layout matching login page.
   ========================================================= */

/* Page container — center the form */
.sp-register-page{
  max-width: 480px !important;
  margin: 0 auto !important;
  padding: 0 var(--sp-pad, 32px) 60px !important;
}

/* Heading */
.sp-register-page h2{
  font-size: 22px !important;
  font-weight: 590 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: #1A1A1A !important;
  text-align: center !important;
  margin: 0 0 20px 0 !important;
}

/* Form card */
.sp-register-page .sp-register-form{
  background: #fff !important;
  border: 1px solid #ECECEC !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
  padding: 32px !important;
}

/* Form rows */
.sp-register-page .sp-register-form .form-row{
  margin-bottom: 16px !important;
}

/* Labels */
.sp-register-page .sp-register-form label{
  display: block !important;
  font-size: 12px !important;
  font-weight: 510 !important;
  color: #6E6E6E !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 6px !important;
}

/* Required asterisk */
.sp-register-page .sp-register-form .required{
  color: #d32f2f !important;
}

/* Input fields */
.sp-register-page .sp-register-form input.input-text,
.sp-register-page .sp-register-form input.woocommerce-Input{
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 510 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: #1A1A1A !important;
  border: 1px solid #ECECEC !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.sp-register-page .sp-register-form input.input-text:focus,
.sp-register-page .sp-register-form input.woocommerce-Input:focus{
  outline: none !important;
  border-color: #0b57d0 !important;
  box-shadow: 0 0 0 3px rgba(11,87,208,.10) !important;
}

/* Register submit button */
.sp-register-page .sp-register-form .sp-register-submit{
  display: block !important;
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 10px !important;
  border: 1px solid #ECECEC !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  text-decoration: none !important;
  text-align: center !important;
  margin-top: 8px !important;
}

.sp-register-page .sp-register-form .sp-register-submit:hover{
  opacity: 0.92 !important;
}

/* "Already have an account? Log in" link */
.sp-register-page .sp-login-link{
  margin-top: 16px !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #6E6E6E !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

.sp-register-page .sp-login-link a{
  color: #6E6E6E !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.15s ease !important;
}

.sp-register-page .sp-login-link a:hover{
  color: #1A1A1A !important;
}

/* --- Password show/hide toggle --- */

.sp-password-wrap{
  position: relative !important;
  display: block !important;
}

.sp-password-wrap input.input-text{
  padding-right: 44px !important;
}

.sp-toggle-password{
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  color: #6E6E6E !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s ease !important;
  line-height: 0 !important;
}

.sp-toggle-password:hover{
  opacity: 0.85 !important;
}

/* --- WooCommerce notices on register page --- */

.sp-register-page .woocommerce-error,
.sp-register-page .woocommerce-message,
.sp-register-page .woocommerce-info{
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  font-weight: 510 !important;
  border-radius: 10px !important;
  border: 1px solid #ECECEC !important;
  padding: 14px 18px !important;
  margin: 0 0 20px 0 !important;
  list-style: none !important;
}

.sp-register-page .woocommerce-error{
  border-color: #d32f2f !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  padding-left: 42px !important;
  position: relative !important;
}

.sp-register-page .woocommerce-error::before{
  color: #d32f2f !important;
  position: absolute !important;
  left: 16px !important;
  top: 14px !important;
}

.sp-register-page .woocommerce-error li{
  list-style: none !important;
  margin: 0 !important;
}

.sp-register-page .woocommerce-message{
  border-color: #16a34a !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
}

.sp-register-page .woocommerce-message::before{
  color: #16a34a !important;
}

/* =========================================================
   11.4) Registration Page — Responsive
   ========================================================= */

@media (max-width: 768px){
  .sp-register-page{
    max-width: 100% !important;
    padding: 0 var(--sp-pad, 32px) 40px !important;
  }

  .sp-register-page .sp-register-form{
    padding: 24px !important;
  }
}

/* =========================================================
   12) Lost Password / Reset Password Page
   ========================================================= */

body.woocommerce-account .woocommerce-ResetPassword{
  max-width: 480px !important;
  margin: 40px auto 0 !important;
  background: var(--sp-card) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  box-shadow: var(--sp-shadow) !important;
  padding: 32px !important;
}

body.woocommerce-account .woocommerce-ResetPassword p{
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--sp-muted) !important;
  margin-bottom: 16px !important;
}

body.woocommerce-account .woocommerce-ResetPassword label{
  display: block !important;
  font-size: 12px !important;
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
  letter-spacing: 0.2px !important;
  margin-bottom: 6px !important;
}

body.woocommerce-account .woocommerce-ResetPassword input.input-text{
  width: 100% !important;
  font-size: 14px !important;
  font-weight: 510 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

body.woocommerce-account .woocommerce-ResetPassword input.input-text:focus{
  outline: none !important;
  border-color: #0b57d0 !important;
  box-shadow: 0 0 0 3px rgba(11,87,208,.10) !important;
}

body.woocommerce-account .woocommerce-ResetPassword button[type="submit"]{
  display: inline-block !important;
  padding: 12px 16px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  margin-top: 8px !important;
}

body.woocommerce-account .woocommerce-ResetPassword button[type="submit"]:hover{
  opacity: 0.92 !important;
}

/* =========================================================
   13) WooCommerce Notices (error, success, info) — sitewide account
   ========================================================= */

body.woocommerce-account .woocommerce-error,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info{
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  padding: 14px 18px !important;
  margin-bottom: 20px !important;
}

body.woocommerce-account .woocommerce-error{
  border-color: #d32f2f !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

body.woocommerce-account .woocommerce-error::before{
  color: #d32f2f !important;
}

body.woocommerce-account .woocommerce-message{
  border-color: #16a34a !important;
  background: #f0fdf4 !important;
  color: #166534 !important;
}

body.woocommerce-account .woocommerce-message::before{
  color: #16a34a !important;
}

/* =========================================================
   14) Order View Page — Product Table (matching Cart page)
   Shown on /my-account/view-order/XXXX/
   ========================================================= */

/* --- Force price visibility on order view ---
   The RFQ plugin (gpls_wh.css) sets .woocommerce-Price-amount,
   .price, .total, .amount to visibility:collapse globally.
   We override that specifically for the order view page.
   IMPORTANT: Only target span/bdi price elements, NOT td cells
   (display:inline on a td breaks table-cell layout). */
body.woocommerce-account .woocommerce-order-details span.woocommerce-Price-amount,
body.woocommerce-account .woocommerce-order-details bdi,
body.woocommerce-account .sp-quote-summary span.woocommerce-Price-amount,
body.woocommerce-account .sp-quote-summary bdi,
body.woocommerce-account .woocommerce-table--order-details span.woocommerce-Price-amount,
body.woocommerce-account .woocommerce-table--order-details bdi{
  visibility: visible !important;
  display: inline !important;
  opacity: 1 !important;
}

/* Also force the woocommerce-Price-currencySymbol inside prices */
body.woocommerce-account .woocommerce-order-details .woocommerce-Price-currencySymbol,
body.woocommerce-account .sp-quote-summary .woocommerce-Price-currencySymbol,
body.woocommerce-account .woocommerce-table--order-details .woocommerce-Price-currencySymbol{
  visibility: visible !important;
  display: inline !important;
  opacity: 1 !important;
}

/* Force visibility on the orders listing table too (totals column) */
body.woocommerce-account .woocommerce-orders-table span.woocommerce-Price-amount,
body.woocommerce-account .woocommerce-orders-table bdi,
body.woocommerce-account .woocommerce-orders-table .woocommerce-Price-currencySymbol{
  visibility: visible !important;
  display: inline !important;
  opacity: 1 !important;
}

/* Order view heading — "Quote Request #XXXX" */
body.woocommerce-account .woocommerce-order-details .woocommerce-order-details__title{
  font-size: 22px !important;
  font-weight: 590 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  margin: 0 0 16px 0 !important;
}

/* Order status bar (paragraph above the table) */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  font-size: 14px !important;
  color: var(--sp-muted) !important;
  margin-bottom: 20px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type mark{
  background: none !important;
  font-weight: 590 !important;
  color: var(--sp-text) !important;
}

/* Order details table — card treatment matching cart */
body.woocommerce-account .woocommerce-table--order-details{
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  background: var(--sp-card) !important;
  box-shadow: var(--sp-shadow) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

/* Table header — matching cart page */
body.woocommerce-account .woocommerce-table--order-details thead th{
  background: var(--sp-card) !important;
  border-bottom: 1px solid var(--sp-line) !important;
  padding: 12px 16px !important;
  font-size: 12px !important;
  font-weight: 590 !important;
  color: var(--sp-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  border-right: none !important;
  border-left: none !important;
  border-top: none !important;
}

/* Qty + Subtotal header — right-align */
body.woocommerce-account .woocommerce-table--order-details thead th.product-qty{
  text-align: center !important;
  width: 80px !important;
}

body.woocommerce-account .woocommerce-table--order-details thead th.product-total{
  text-align: right !important;
  width: 120px !important;
}

/* Table rows */
body.woocommerce-account .woocommerce-table--order-details tbody tr{
  border-bottom: 1px solid var(--sp-line) !important;
}

body.woocommerce-account .woocommerce-table--order-details tbody tr:last-child{
  border-bottom: none !important;
}

/* Table cells */
body.woocommerce-account .woocommerce-table--order-details tbody td{
  padding: 12px 16px !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  border: none !important;
}

/* Qty cell — center */
body.woocommerce-account .woocommerce-table--order-details tbody td.product-qty{
  text-align: center !important;
  font-weight: 510 !important;
}

/* Subtotal cell — right-align, bold */
body.woocommerce-account .woocommerce-table--order-details tbody td.product-total{
  text-align: right !important;
  font-weight: 590 !important;
}

/* =========================================================
   14.1) Order Item — Thumbnail + Name (flexbox row)
   ========================================================= */

body.woocommerce-account .sp-order-item{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Thumbnail */
body.woocommerce-account .sp-order-item__thumb{
  flex-shrink: 0 !important;
}

body.woocommerce-account .sp-order-item__thumb img{
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  display: block !important;
}

/* Product name */
body.woocommerce-account .sp-order-item__name{
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  text-decoration: none !important;
}

body.woocommerce-account .sp-order-item__name:hover{
  opacity: 0.8 !important;
}

/* Hide rental period meta on line items */
body.woocommerce-account .sp-order-item__info dl.variation,
body.woocommerce-account .sp-order-item__info .wc-item-meta{
  display: none !important;
}

/* =========================================================
   14.2) Quote Summary Card (below product table)
   ========================================================= */

body.woocommerce-account .sp-quote-summary{
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  background: var(--sp-card) !important;
  box-shadow: var(--sp-shadow) !important;
  padding: 20px !important;
  margin-top: var(--sp-gap) !important;
}

body.woocommerce-account .sp-quote-summary__title{
  font-size: 20px !important;
  font-weight: 590 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-text) !important;
  margin: 0 0 16px 0 !important;
}

/* Summary table */
body.woocommerce-account .sp-quote-summary__table{
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  border-collapse: collapse !important;
}

body.woocommerce-account .sp-quote-summary__table th,
body.woocommerce-account .sp-quote-summary__table td{
  padding: 8px 0 !important;
  border: none !important;
  font-size: 14px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

body.woocommerce-account .sp-quote-summary__table th{
  font-weight: 510 !important;
  color: var(--sp-muted) !important;
  text-align: left !important;
}

body.woocommerce-account .sp-quote-summary__table td{
  font-weight: 590 !important;
  color: var(--sp-text) !important;
  text-align: right !important;
}

/* Discount row — muted color */
body.woocommerce-account .sp-quote-summary__row--discount td{
  color: var(--sp-muted) !important;
}

/* Total row — bigger, with top border */
body.woocommerce-account .sp-quote-summary__row--total th,
body.woocommerce-account .sp-quote-summary__row--total td{
  border-top: 1px solid var(--sp-line) !important;
  padding-top: 12px !important;
  font-weight: 590 !important;
  font-size: 16px !important;
}

body.woocommerce-account .sp-quote-summary__row--total td{
  color: var(--sp-text) !important;
}

/* Customer note inside the summary */
body.woocommerce-account .sp-quote-summary__note{
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--sp-line) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--sp-muted) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

body.woocommerce-account .sp-quote-summary__note strong{
  color: var(--sp-text) !important;
  font-weight: 590 !important;
}

/* =========================================================
   14.3) Billing/Shipping Address on Order View — Flat Divider Style
   Matches the Quote Summary's internal divider aesthetic
   ========================================================= */

/* Customer details wrapper — rounded-corner box matching Quote Summary card */
body.woocommerce-account .woocommerce-customer-details{
  margin-top: var(--sp-gap) !important;
  padding: 24px !important;
  border: 1px solid var(--sp-line) !important;
  border-radius: var(--sp-radius) !important;
  background: var(--sp-card) !important;
  box-shadow: var(--sp-shadow) !important;
}

/* If there are two columns (billing + shipping), use grid */
body.woocommerce-account .woocommerce-customer-details .col2-set{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 32px !important;
}

/* Kill Astra clearfix pseudo-elements in grid */
body.woocommerce-account .woocommerce-customer-details .col2-set::before,
body.woocommerce-account .woocommerce-customer-details .col2-set::after{
  display: none !important;
  content: none !important;
}

/* Each address column — flat, no box outline */
body.woocommerce-account .woocommerce-customer-details .woocommerce-column,
body.woocommerce-account .woocommerce-customer-details .col-1,
body.woocommerce-account .woocommerce-customer-details .col-2{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Address heading — subtle label, strip all Astra borders/bg */
body.woocommerce-account .woocommerce-customer-details .woocommerce-column__title{
  font-size: 14px !important;
  font-weight: 510 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color: var(--sp-muted) !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  text-transform: none !important;
}

/* Address text — strip Astra/WC default box border */
body.woocommerce-account .woocommerce-customer-details address{
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--sp-text) !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Phone and email paragraphs inside address */
body.woocommerce-account .woocommerce-customer-details address p{
  margin: 4px 0 0 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--sp-muted) !important;
}

/* Phone/email icons — subtle */
body.woocommerce-account .woocommerce-customer-details address p::before{
  color: var(--sp-muted) !important;
  opacity: 0.5 !important;
}

/* Responsive: stack columns on mobile */
@media (max-width: 768px){
  body.woocommerce-account .woocommerce-customer-details .col2-set{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   14.4) Order View — Actions (tfoot) buttons
   ========================================================= */

body.woocommerce-account .woocommerce-table--order-details tfoot th,
body.woocommerce-account .woocommerce-table--order-details tfoot td{
  padding: 12px 16px !important;
  border: none !important;
  border-top: 1px solid var(--sp-line) !important;
  font-size: 14px !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

body.woocommerce-account .woocommerce-table--order-details tfoot .order-actions-button{
  display: inline-block !important;
  padding: 8px 14px !important;
  border-radius: var(--sp-radius) !important;
  border: 1px solid var(--sp-line) !important;
  background: #111111 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
  margin: 2px 4px 2px 0 !important;
}

body.woocommerce-account .woocommerce-table--order-details tfoot .order-actions-button:hover{
  opacity: 0.92 !important;
}

/* Cancel button in actions — red */
body.woocommerce-account .woocommerce-table--order-details tfoot .cancel.order-actions-button{
  background: #d32f2f !important;
  border-color: #d32f2f !important;
}

/* =========================================================
   14.5) Order View — Responsive
   ========================================================= */

@media (max-width: 768px){
  /* Table → stacked cards */
  body.woocommerce-account .woocommerce-table--order-details thead{
    display: none !important;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody tr{
    display: block !important;
    border: 1px solid var(--sp-line) !important;
    border-radius: var(--sp-radius) !important;
    margin-bottom: 12px !important;
    padding: 14px !important;
    background: var(--sp-card) !important;
    box-shadow: var(--sp-shadow) !important;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td{
    display: block !important;
    padding: 6px 0 !important;
    text-align: left !important;
    border: none !important;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td.product-qty::before,
  body.woocommerce-account .woocommerce-table--order-details tbody td.product-total::before{
    content: attr(data-title) ": " !important;
    font-weight: 590 !important;
    color: var(--sp-muted) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td.product-qty,
  body.woocommerce-account .woocommerce-table--order-details tbody td.product-total{
    text-align: left !important;
  }
}