/* Solas — Round out sharp-cornered boxes on the My Account pages to match the site's rounded-card style. */

/* Address cards (Addresses tab) */
.woocommerce-account .woocommerce-Address {
  border: 1px solid var(--solas-hairline, #E4E7EC) !important;
  border-radius: var(--solas-radius-rect, 4px) !important;
  overflow: hidden !important;
}
.woocommerce-account .woocommerce-Address-title,
.woocommerce-account .woocommerce-Address > address {
  border: 0 !important;
}

/* Fix awkward empty gap in Address card headers. The WooCommerce/Elementor markup wraps
   the "Edit ... address" link with stray <br> tags, which forces an extra blank line inside
   the (button-styled, block-level) edit link and roughly doubles the header's height. This
   is the same header used when an address is unset, so it's also the root cause of the
   large empty gap seen on mobile in that state. Turn the header into a tidy single-line
   flex row and neutralize the stray <br>s instead of letting them create blank lines. */
.woocommerce-account .woocommerce-Address-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  row-gap: 6px !important;
  column-gap: 16px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 20px !important;
}
.woocommerce-account .woocommerce-Address-title br {
  display: none !important;
}
.woocommerce-account .woocommerce-Address-title h2 {
  margin: 0 !important;
}
.woocommerce-account .woocommerce-Address-title p {
  display: contents !important;
  margin: 0 !important;
}
.woocommerce-account .woocommerce-Address-title a.edit {
  white-space: nowrap !important;
}

/* Orders table + notice boxes */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
  border-radius: var(--solas-radius-rect, 4px) !important;
  overflow: hidden !important;
  border: 1px solid var(--solas-hairline, #E4E7EC) !important;
}
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
  border-radius: var(--solas-radius-rect, 4px) !important;
  overflow: hidden !important;
}

/* Generic safety net for any other flat WooCommerce boxes on account pages */
.woocommerce-account .woocommerce-MyAccount-content form .form-row,
.woocommerce-account fieldset {
  border-radius: var(--solas-radius-rect, 4px) !important;
}


/* Recolor the default WooCommerce info/success notice boxes (e.g. "No order has been made yet")
   away from the generic grey/blue default to the site's brand blue. */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
  background: var(--solas-wash, #F4F8FF) !important;
  border-top-color: #1E4574 !important;
  color: var(--solas-text, #0B2349) !important;
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before {
  color: var(--solas-link, #385E9B) !important;
}