/**

 * My Account — clean dashboard layout

 */



.ar-account-page {
  padding-top: 7rem;
  padding-bottom: 5rem;
  min-height: 70vh;
  background: #fff;
}

.ar-account-page__head {
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e8e8e8;
}

.ar-account-page__title {
  font-family: var(--ar-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0;
}



.ar-account-page .woocommerce {

  max-width: none;

}



.ar-account {

  display: grid;

  gap: 2.5rem;

  max-width: 960px;

  margin: 0 auto;

}



body:not(.logged-in) .ar-account__nav {
  display: none;
}

body:not(.logged-in) .ar-account {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {

  .ar-account {

    grid-template-columns: 220px minmax(0, 1fr);

    gap: 3.5rem;

    align-items: start;

  }

  body:not(.logged-in) .ar-account {
    grid-template-columns: 1fr;
  }

}



.ar-account__nav .woocommerce-MyAccount-navigation {

  float: none;

  width: auto;

}



.ar-account__nav .woocommerce-MyAccount-navigation ul {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 0.35rem;

}



.ar-account__nav .woocommerce-MyAccount-navigation li {

  margin: 0;

  padding: 0;

  border: none;

}



.ar-account__nav .woocommerce-MyAccount-navigation a {

  display: block;

  padding: 0.85rem 1rem;

  font-family: var(--ar-sans, Inter, system-ui, sans-serif);

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  text-decoration: none;

  color: #666;

  border: 1px solid transparent;

  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;

}



.ar-account__nav .woocommerce-MyAccount-navigation a:hover {

  color: #000;

  border-color: #e8e8e8;

  background: #fafafa;

}



.ar-account__nav .woocommerce-MyAccount-navigation li.is-active a {

  color: #000;

  border-color: #000;

  background: #fff;

}



.ar-account__main .woocommerce-MyAccount-content {

  float: none;

  width: auto;

}



.ar-account__main h2,

.ar-account__main h3 {

  font-family: var(--ar-serif, "Playfair Display", Georgia, serif);

  font-weight: 400;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  font-size: 1.35rem;

  margin: 0 0 1.5rem;

  padding-bottom: 0.75rem;

  border-bottom: 1px solid #e8e8e8;

}



.ar-account__main p {

  font-size: 14px;

  line-height: 1.65;

  color: #444;

}



.ar-account__main .woocommerce-Button,

.ar-account__main button.button,

.ar-account__main a.button {

  display: inline-block;

  height: 44px;

  line-height: 44px;

  padding: 0 1.5rem !important;

  background: #000 !important;

  color: #fff !important;

  border: none !important;

  font-size: 10px !important;

  font-weight: 600 !important;

  letter-spacing: 0.12em !important;

  text-transform: uppercase !important;

  border-radius: 0 !important;

  text-decoration: none !important;

}



.ar-account__main .woocommerce-Button:hover,

.ar-account__main button.button:hover,

.ar-account__main a.button:hover {

  background: #333 !important;

  color: #fff !important;

}



.ar-account__main table.shop_table {

  width: 100%;

  border: none;

  border-collapse: collapse;

  font-size: 14px;

}



.ar-account__main table.shop_table th,

.ar-account__main table.shop_table td {

  padding: 0.85rem 0;

  border-bottom: 1px solid #eee;

}



.ar-account__main table.shop_table thead th {

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: #888;

}



.ar-account__main .woocommerce-orders-table__cell-order-actions a {

  font-size: 10px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  text-decoration: none;

  border-bottom: 1px solid #000;

  color: #000;

  margin-right: 0.75rem;

}



/* Login / register (logged out) */

.woocommerce-account .woocommerce-form-login,

.woocommerce-account .woocommerce-form-register {

  max-width: 400px;

  margin: 0 auto;

  padding: 2.5rem;

  border: 1px solid #e8e8e8;

  background: #fafafa;

}



.woocommerce-account .woocommerce-form-login h2,

.woocommerce-account .woocommerce-form-register h2 {

  font-family: var(--ar-serif, "Playfair Display", Georgia, serif);

  font-size: 1.5rem;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 0.08em;

  text-align: center;

  margin-bottom: 1.75rem;

  border: none;

  padding: 0;

}



.woocommerce-account .woocommerce-form-row label {

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: #555;

}



.woocommerce-account .woocommerce-form-row input.input-text {

  width: 100%;

  height: 44px;

  border: 1px solid #ddd;

  border-radius: 0;

  padding: 0 0.875rem;

  font-size: 14px;

}



.woocommerce-account .woocommerce-form-row input.input-text:focus {

  outline: none;

  border-color: #000;

}



.woocommerce-account .woocommerce-form-login__submit,

.woocommerce-account .woocommerce-form-register__submit {

  width: 100%;

  margin-top: 0.5rem;

}



@media (max-width: 767px) {

  .ar-account__nav .woocommerce-MyAccount-navigation ul {

    flex-direction: row;

    flex-wrap: wrap;

    gap: 0.5rem;

  }



  .ar-account__nav .woocommerce-MyAccount-navigation a {

    padding: 0.65rem 0.85rem;

    font-size: 10px;

  }

}