/* =====================================================================
   GLOBAL FIX: WooCommerce pages — content padding
   Astra plain-container + ast-no-sidebar = NO automatic padding.
   Real DOM: main.site-content > div.woocommerce (no entry-content!)
   Body classes: woocommerce-account, woocommerce-lost-password, etc.
   ===================================================================== */

/* All My Account sub-pages: centered container with padding */
body.woocommerce-account .site-content > .woocommerce {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Lost Password: narrower container */
body.woocommerce-lost-password .site-content > .woocommerce {
  max-width: 580px;
  padding-left: 24px;
  padding-right: 24px;
}

/* Lost Password confirmation: style the notice box */
body.woocommerce-lost-password .site-content > .woocommerce > .woocommerce-message {
  background: #fff !important;
  border: 1px solid #EDE5DA !important;
  border-radius: 16px !important;
  padding: 28px 32px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 6px 22px rgba(43,36,32,.06) !important;
  text-align: center !important;
  font-size: 1rem !important;
  color: #2B2420 !important;
}

/* Lost Password confirmation: style the paragraph */
body.woocommerce-lost-password .site-content > .woocommerce > p {
  background: #F4ECE2 !important;
  border-radius: 12px !important;
  padding: 20px 28px !important;
  margin-bottom: 24px !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
  color: #4A403A !important;
}

/* Cart / Checkout pages */
body.woocommerce-cart .site-content > .woocommerce,
body.woocommerce-checkout .site-content > .woocommerce {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* Mobile responsive */
@media(max-width:768px){
  body.woocommerce-account .site-content > .woocommerce,
  body.woocommerce-cart .site-content > .woocommerce,
  body.woocommerce-checkout .site-content > .woocommerce {
    padding-left: 16px;
    padding-right: 16px;
  }
}