/* ============================================================
   desktop-account.css — My Account family desktop
   Custom .rcs-account layout (hero + horizontal tabs + content).
   Double-guarded min-width:1024px.
   ============================================================ */
@media screen and (min-width: 1024px) {

  /* Widen + center the custom account panel */
  .woocommerce-account .rcs-account {
    max-width: 1080px !important;
    width: 100%;
    margin: 0 auto !important;
  }

  .rcs-account__hero { width: 100%; padding: 32px 0 8px; }
  .rcs-account__hero-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  .rcs-account__stats { display: flex; gap: 40px; flex-wrap: wrap; }
  .rcs-account__stat { min-width: 120px; }

  /* Horizontal tab nav */
  .rcs-account__tabs.woocommerce-MyAccount-navigation { width: 100% !important; }
  .rcs-account__tabs ul,
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px 20px;
    list-style: none;
    margin: 8px 0 24px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .rcs-account__tabs li,
  .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; }
  .rcs-account__tabs a { white-space: nowrap; padding: 8px 4px; }

  .rcs-account__content { width: 100% !important; }

  .woocommerce-account .woocommerce-orders-table { width: 100%; }
  .woocommerce-account .woocommerce-orders-table th,
  .woocommerce-account .woocommerce-orders-table td { padding: 12px 14px; }

  .rcs-address-grid,
  .woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .woocommerce-account .woocommerce-Address { width: 100%; float: none; }

  .woocommerce-account form .woocommerce-form-row--first { width: calc(50% - 12px); float: left; margin-right: 24px; }
  .woocommerce-account form .woocommerce-form-row--last  { width: calc(50% - 12px); float: left; }
  .woocommerce-account form .woocommerce-form-row--wide   { clear: both; width: 100%; }

  .rcs-account .rcs-product-grid {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 28px 24px !important;
  }

  /* Logged-out login/register */
  .rcs-account.rcs-signin { max-width: 980px !important; margin: 48px auto !important; }
  .rcs-signin__card { max-width: 460px; margin: 0 auto; }
}