/* ══════════════════════════════════════════════════════════
   UFUSSA REDESIGN — ACCOUNT, WISHLIST, CART, & CHECKOUT STYLES
   ══════════════════════════════════════════════════════════ */

:root {
  --charcoal: #1A1815;
  --gold: #c3a267;
  --cream-light: #F7F5F0;
  --border-color: #E2DFD9;
}

/* Page Containers */
.woocommerce-account,
.wishlist-page-container {
  padding: 0px 0 !important;
  background: #ffffff !important;
}

.woocommerce-account .entry-title,
.wishlist-page-container h1 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: clamp(32px, 5vw, 44px) !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--charcoal) !important;
  text-align: center !important;
  margin-bottom: 60px !important;
}

/* ─── CUSTOMER LOGIN / REGISTER PAGES ────────────────────── */
/* ─── CUSTOMER LOGIN / REGISTER PAGES ────────────────────── */
.ufussa-account-split-wrapper {
  display: flex !important;
  max-width: 1000px !important;
  margin: 40px auto 80px auto !important;
  padding: 0 24px !important;
  gap: 80px !important;
  align-items: stretch !important;
  background: transparent !important;
  width: 100% !important;
}

.account-split-col {
  flex: 1 1 0% !important;
  width: 50% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

.account-split-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--charcoal) !important;
  margin: 0 0 36px 0 !important;
  border: none !important;
  padding: 0 !important;
}

@media (min-width: 769px) {
  .login-col {
    padding-right: 80px !important;
    border-right: 1px solid var(--border-color) !important;
  }
}

.woocommerce-form-login,
.woocommerce-form-register {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.form-actions-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 28px !important;
  gap: 16px !important;
}

/* Forms layout */
.woocommerce form .form-row {
  margin-bottom: 20px !important;
  display: block !important;
  width: 100% !important;
}

.woocommerce form .form-row label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--charcoal) !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.woocommerce form .form-row label .required {
  color: #d11a2a !important;
  text-decoration: none !important;
}

.woocommerce form .form-row input.input-text {
  border: none !important;
  border-bottom: 1px solid var(--charcoal) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--charcoal) !important;
  padding: 8px 0 !important;
  width: 100% !important;
  outline: none !important;
  transition: border-color 0.3s ease !important;
}

.woocommerce form .form-row input.input-text:focus {
  border-color: var(--gold) !important;
}

/* Submit Buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce-Button {
  height: 48px !important;
  line-height: 46px !important;
  padding: 0 32px !important;
  background: var(--charcoal) !important;
  color: #ffffff !important;
  border: 1px solid var(--charcoal) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover {
  background: transparent !important;
  color: var(--charcoal) !important;
}

.woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  color: #605B56 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

/* Force WooCommerce submit buttons to respect flex layout flow and reset floats */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

.woocommerce-LostPassword {
  margin-top: 16px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
}

.woocommerce-LostPassword a {
  color: #605B56 !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.woocommerce-LostPassword a:hover {
  color: var(--gold) !important;
}

/* Reset WooCommerce Dashboard list items */
.woocommerce-MyAccount-navigation li,
.woocommerce-MyAccount-navigation li.is-active,
.woocommerce-MyAccount-navigation-link,
.woocommerce-MyAccount-navigation-link.is-active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* ─── MY ACCOUNT DASHBOARD LAYOUT ───────────────────────── */
.woocommerce-account .woocommerce {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

@media (min-width: 769px) {
  .woocommerce-account .woocommerce {
    display: flex !important;
    align-items: start !important;
    gap: 48px !important;
  }

  .woocommerce-MyAccount-navigation {
    flex: 0 0 260px !important;
  }

  .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    border-right: none !important;
    padding-right: 0 !important;
  }

  .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
  }

  .woocommerce-MyAccount-navigation li a {
    display: inline-block !important;
    padding: 0 0 4px 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-bottom: 2px solid transparent !important;
  }

  .woocommerce-MyAccount-navigation li.is-active a,
  .woocommerce-MyAccount-navigation li a:hover {
    color: var(--charcoal) !important;
    border-bottom-color: var(--gold) !important;
  }

  .woocommerce-MyAccount-content {
    flex: 1 !important;
  }
}

/* ─── MY ACCOUNT CONTENT & TABLES ────────────────────────── */
.woocommerce-MyAccount-content p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #605B56 !important;
  line-height: 1.6 !important;
}

.woocommerce-MyAccount-content a {
  color: var(--gold) !important;
  text-decoration: none !important;
}

/* Orders Table */
.woocommerce-orders-table,
.woocommerce-MyAccount-downloads,
.shop_table.my_account_orders {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 24px !important;
  border: 1px solid var(--border-color) !important;
}

.woocommerce-orders-table th,
.woocommerce-MyAccount-downloads th,
.shop_table.my_account_orders th {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--charcoal) !important;
  border-bottom: 2px solid var(--charcoal) !important;
  padding: 16px !important;
  text-align: left !important;
  background: var(--cream-light) !important;
}

.woocommerce-orders-table td,
.woocommerce-MyAccount-downloads td,
.shop_table.my_account_orders td {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #4A4540 !important;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 16px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.woocommerce-orders-table tr:hover td {
  background: #FAF9F6 !important;
}

/* Orders table buttons */
.woocommerce-orders-table .button.view {
  height: 36px !important;
  line-height: 34px !important;
  padding: 0 16px !important;
  font-size: 10px !important;
  border: 1px solid var(--charcoal) !important;
  background: transparent !important;
  color: var(--charcoal) !important;
}

.woocommerce-orders-table .button.view:hover {
  background: var(--charcoal) !important;
  color: #ffffff !important;
}

/* ─── WOOCOMMERCE NOTIFICATION BANNERS ───────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #F7F5F0 !important;
  border: 1px solid #E2DFD9 !important;
  padding: 16px 24px !important;
  margin: 0 0 28px 0 !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: var(--charcoal) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  display: none !important; /* Hide default icons */
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
  float: none !important;
  margin: 0 !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 24px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

@media (max-width: 768px) {
  #customer_login {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    padding: 0 16px !important;
  }

  .ufussa-account-split-wrapper {
    flex-direction: column !important;
    gap: 48px !important;
    margin: 20px auto 40px auto !important;
  }
  
  .account-split-col {
    width: 100% !important;
  }

  .login-col {
    padding-right: 0 !important;
    border-right: none !important;
    padding-bottom: 48px !important;
    border-bottom: 1px solid var(--border-color) !important;
  }

  .account-card {
    padding: 32px 20px !important;
  }

  .woocommerce-form-login,
  .woocommerce-form-register {
    padding: 0 !important;
  }

  .woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    padding: 0 16px !important;
  }

  /* Luxury Vertical List Layout for Mobile Navigation */
  html body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 0 32px 0 !important;
    background: transparent !important;
    border-top: 1px solid var(--border-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 0 !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation li {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--charcoal) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
  }

  /* Elegant Right Chevron Indicator */
  html body.woocommerce-account .woocommerce-MyAccount-navigation li a::after {
    content: '\203A' !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #b5b5b5 !important;
    transition: transform 0.3s ease !important;
  }

  /* Active states styled with Gold color & chevron animation */
  html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
    background: transparent !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--gold) !important;
    font-weight: 500 !important;
  }

  html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::after {
    color: var(--gold) !important;
    transform: translateX(4px) !important;
  }

  /* Mobile Notification Banners */
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 24px 16px !important;
    gap: 16px !important;
  }

  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button {
    width: 100% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Responsive orders table stack */
  .woocommerce-orders-table,
  .woocommerce-orders-table tbody,
  .woocommerce-orders-table tr,
  .woocommerce-orders-table td {
    display: block !important;
    width: 100% !important;
  }

  .woocommerce-orders-table thead {
    display: none !important;
    /* Hide headings on mobile */
  }

  .woocommerce-orders-table tr {
    margin-bottom: 20px !important;
    border: 1px solid var(--border-color) !important;
    padding: 12px !important;
    background: #ffffff !important;
  }

  .woocommerce-orders-table td {
    text-align: right !important;
    border-bottom: 1px solid #FAF9F6 !important;
    padding: 8px 0 !important;
    position: relative !important;
    padding-left: 50% !important;
    font-size: 12px !important;
  }

  .woocommerce-orders-table td::before {
    content: attr(data-title) !important;
    position: absolute !important;
    left: 0 !important;
    width: 45% !important;
    text-align: left !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    letter-spacing: 0.05em !important;
    color: var(--charcoal) !important;
  }

  .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions {
    padding-left: 0 !important;
    text-align: center !important;
  }

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

/* WooCommerce Alerts & Message Boxes */
.woocommerce-Message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-message {
  border: 1px solid var(--border-color) !important;
  background: var(--cream-light) !important;
  padding: 20px 24px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #605B56 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  border-radius: 0 !important;
  list-style: none !important;
  margin-bottom: 30px !important;
  width: 100% !important;
}

.woocommerce-Message::before,
.woocommerce-info::before,
.woocommerce-message::before {
  display: none !important; /* Hide default icons */
}

.woocommerce-Message .button,
.woocommerce-info .button,
.woocommerce-message .button {
  margin: 0 !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 20px !important;
  font-size: 10px !important;
  border: 1px solid var(--charcoal) !important;
  background: var(--charcoal) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.woocommerce-Message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover {
  background: transparent !important;
  color: var(--charcoal) !important;
}