/* =========================================================
   Noah's Mimi Knits — Shared WooCommerce skin
   Common elements (buttons, notices, tables, form fields)
   loaded on every WooCommerce page. Page-specific rules live
   in cart.css / checkout.css / myaccount.css / single-product.css.
   ========================================================= */

.woocommerce,
.woocommerce-page{font-family:var(--sans);color:var(--ink);}
.woocommerce a{color:var(--rose);}
/* Cart/checkout content sits inside the theme's .legal wrapper (page.php),
   which is width-capped for prose — widen it for the store layouts. */
.woocommerce-cart .legal,
.woocommerce-checkout .legal,
.woocommerce-account .legal{max-width:var(--wrap);}

/* Buttons — reuse the theme's pill button look */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;
  font-family:var(--sans);font-weight:500;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.9em 1.9em;border-radius:40px;border:1.5px solid var(--ink);
  background:var(--ink);color:#fff;transition:.25s ease;line-height:1;box-shadow:0 10px 24px -18px rgba(70,50,45,.6);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover{background:var(--rose);border-color:var(--rose);color:#fff;}
.woocommerce a.button.alt,
.woocommerce button.button.alt{background:var(--rose);border-color:var(--rose);}
.woocommerce .button.wc-backward{background:transparent;color:var(--ink);border-color:var(--line);}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce-verification-required{
  border-top:none;border-radius:var(--radius-sm);padding:1em 1.4em 1em 3.2em;
  background:var(--blue-soft);color:var(--ink);box-shadow:var(--shadow-sm);list-style:none;position:relative;
  font-size:.92rem;margin:0 0 24px;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before{left:1.1em;color:var(--rose);}
.woocommerce-message{background:var(--pink-soft);}
.woocommerce-error{background:#fdecec;}
.woocommerce-error li{list-style:none;}

/* Shared order/cart tables */
.woocommerce table.shop_table{
  border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;
}
.woocommerce table.shop_table th{
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--ink-soft);
  padding:1.1em 1.2em;background:var(--cream-2);border:none;
}
.woocommerce table.shop_table td{padding:1.1em 1.2em;border-top:1px solid var(--line);vertical-align:middle;}
.woocommerce a.remove{
  color:var(--rose)!important;border:1px solid var(--line);width:26px;height:26px;line-height:24px;
  border-radius:50%;font-weight:400;
}
.woocommerce a.remove:hover{background:var(--rose);color:#fff!important;border-color:var(--rose);}
.woocommerce .product-name a{color:var(--ink);font-weight:500;}
.woocommerce .quantity .qty{
  width:66px;padding:.6em .4em;border:1px solid var(--line);border-radius:10px;text-align:center;background:#fff;font-family:var(--sans);
}

/* Shared form fields (checkout + account edit forms) */
.woocommerce form .form-row label{font-size:.82rem;letter-spacing:.03em;color:var(--ink-soft);margin-bottom:.3em;display:block;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row .select2-container,
.woocommerce select,
.woocommerce form .form-row input[type=text],
.woocommerce form .form-row input[type=email],
.woocommerce form .form-row input[type=tel],
.woocommerce form .form-row input[type=password]{
  width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;
  font-family:var(--sans);font-size:.95rem;color:var(--ink);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--rose);}

/* Star rating color (review meta / summary) */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before{color:var(--gold);}