/* ===== MiamiNuts design-system layer (2026-10-26, UX audit Phase 1 slice B) =====
   Printed after every other stylesheet (mn-ux-fixes.php, priority 999). One recipe for the site's buttons, in three voices:
   primary (green pill), secondary (outlined green pill), inverse (cream pill on the dark plaster). The per-file rules this
   replaced were deleted the same day (brand.css, conversion.css, mn-ux-fixes.css, mn-account, mn-contact, mn-bagsheet,
   mn-waitlist); a button is styled here or it is not a button. Tokens: mn-css/brand.css :root. */

/* --- shared bones: Jost 500 13px, .14em caps, pill, 52 px (56 on tablets and up), no shadow, the brand curve --- */
.woocommerce div.product form.cart button.single_add_to_cart_button,.single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button,.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.mn-bs .mn-bs-go,.woocommerce .mn-sticky button.mn-sticky-btn.button.alt,.mn-wl .mn-wl-btn,
.woocommerce-account .woocommerce-Button,.woocommerce-account .woocommerce-form-login__submit,.woocommerce-account .woocommerce-form-register__submit,
.mn-swap button.woocommerce-form-login__submit,.mn-swap button.woocommerce-form-register__submit,
.woocommerce #respond input#submit,.elementor-form .elementor-field-type-submit .elementor-button,
.mn-404-links a,.mn-post-cta-btn,.elementor-element-fqch a,.wp-block-button__link,.elementor-element-hero1 .elementor-button,
.woocommerce ul.products li.product .button,.mn-pb-cta,.search-form .search-submit,.elementor-element-cta1 a.elementor-button,.mn-pick-add,.mn-track-submit,.mn-eta-btn,.mn-oc-again,.mn-oc-link{ /* 2026-10-27: the week-1 surfaces (picker, Track page, PIN check) use the recipe, not their own */
  display:inline-flex;align-items:center !important;justify-content:center !important;gap:10px; /* display is not !important: mn-ordergate.php hides the place-order button with display:none !important while orders are closed */box-sizing:border-box !important;
  min-height:52px !important;padding:0 28px !important;margin-top:0;
  font-family:'Jost',sans-serif !important;font-size:13px !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:.14em !important;text-transform:uppercase !important;text-decoration:none !important;
  border-radius:var(--mn-radius,999px) !important;border:1px solid transparent !important;box-shadow:none !important;cursor:pointer;
  transition:background-color var(--mn-t-base) var(--mn-ease),color var(--mn-t-base) var(--mn-ease),border-color var(--mn-t-base) var(--mn-ease),transform var(--mn-t-fast) var(--mn-ease) !important;}
@media(min-width:768px){
  .woocommerce div.product form.cart button.single_add_to_cart_button,.single_add_to_cart_button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-block-cart__submit-button,
  .wc-block-checkout .wc-block-components-checkout-place-order-button,.woocommerce-checkout .wc-block-components-checkout-place-order-button,
  .woocommerce-account .woocommerce-form-login__submit,.woocommerce-account .woocommerce-form-register__submit,
  .mn-swap button.woocommerce-form-login__submit,.mn-swap button.woocommerce-form-register__submit,
  .elementor-form .elementor-field-type-submit .elementor-button,.elementor-element-hero1 .elementor-button,.elementor-element-cta1 a.elementor-button,.mn-track-submit{min-height:56px !important;}
}
/* --- primary: green --- */
.woocommerce div.product form.cart button.single_add_to_cart_button,.single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button,.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.mn-bs .mn-bs-go,.woocommerce .mn-sticky button.mn-sticky-btn.button.alt,.mn-wl .mn-wl-btn,
.woocommerce-account .woocommerce-Button,.woocommerce-account .woocommerce-form-login__submit,.woocommerce-account .woocommerce-form-register__submit,
.mn-swap button.woocommerce-form-login__submit,.mn-swap button.woocommerce-form-register__submit,
.woocommerce #respond input#submit,.elementor-form .elementor-field-type-submit .elementor-button,
.mn-404-links a:first-child,.elementor-element-fqch a:first-of-type,.wp-block-button__link,.search-form .search-submit,.mn-pick-add,.mn-track-submit,.mn-oc-again{
  background:var(--mn-green) !important;background-color:var(--mn-green) !important;color:var(--mn-cream) !important;border-color:var(--mn-green) !important;}
.woocommerce div.product form.cart button.single_add_to_cart_button:hover,.single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,.woocommerce-cart .wc-block-cart__submit-button:hover,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover,.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.mn-bs .mn-bs-go:hover,.woocommerce .mn-sticky button.mn-sticky-btn.button.alt:hover,.mn-wl .mn-wl-btn:hover,
.woocommerce-account .woocommerce-Button:hover,.woocommerce-account .woocommerce-form-login__submit:hover,.woocommerce-account .woocommerce-form-register__submit:hover,
.mn-swap button.woocommerce-form-login__submit:hover,.mn-swap button.woocommerce-form-register__submit:hover,
.woocommerce #respond input#submit:hover,.elementor-form .elementor-field-type-submit .elementor-button:hover,
.mn-404-links a:first-child:hover,.elementor-element-fqch a:first-of-type:hover,.wp-block-button__link:hover,.search-form .search-submit:hover,.mn-pick-add:hover,.mn-track-submit:hover,.mn-oc-again:hover{
  background:var(--mn-green-hover) !important;background-color:var(--mn-green-hover) !important;color:var(--mn-cream) !important;border-color:var(--mn-green-hover) !important;opacity:1 !important;}
/* --- secondary: outlined green (shop cards, WhatsApp, the other 404 links) --- */
.woocommerce ul.products li.product .button,.mn-pb-cta,.mn-404-links a:not(:first-child),.elementor-element-fqch a:not(:first-of-type),.mn-eta-btn,.mn-oc-link{ /* 2026-10-26: FAQ "Still stuck?": first link solid, the rest outlined (both solid hid the mailto link's text) */
  background:transparent !important;background-color:transparent !important;color:var(--mn-green) !important;border-color:var(--mn-green) !important;}
.woocommerce ul.products li.product .button:hover,.mn-pb-cta:hover,.mn-404-links a:not(:first-child):hover,.elementor-element-fqch a:not(:first-of-type):hover,.mn-eta-btn:hover,.mn-oc-link:hover{
  background:var(--mn-green) !important;background-color:var(--mn-green) !important;color:var(--mn-cream) !important;}
.woocommerce ul.products li.product .button{width:100%;}
/* --- inverse: cream on the dark plaster (hero, newsletter, journal band) --- */
.elementor-element-hero1 .elementor-button,.mn-post-cta-btn,.elementor-element-cta1 a.elementor-button,
.mn-plaster .elementor-form .elementor-field-type-submit .elementor-button,.elementor-element-cta1 .elementor-form .elementor-field-type-submit .elementor-button{
  background:var(--mn-cream) !important;background-color:var(--mn-cream) !important;color:var(--mn-ink) !important;border-color:var(--mn-cream) !important;}
.elementor-element-hero1 .elementor-button:hover,.mn-post-cta-btn:hover,.elementor-element-cta1 a.elementor-button:hover,
.mn-plaster .elementor-form .elementor-field-type-submit .elementor-button:hover,.elementor-element-cta1 .elementor-form .elementor-field-type-submit .elementor-button:hover{
  background:#fff !important;background-color:#fff !important;color:var(--mn-ink) !important;border-color:#fff !important;}
/* --- states --- */
.woocommerce div.product form.cart button.single_add_to_cart_button:active,.single_add_to_cart_button:active,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
.wc-block-components-checkout-place-order-button:active,.mn-bs .mn-bs-go:active,.mn-wl .mn-wl-btn:active,.elementor-form .elementor-field-type-submit .elementor-button:active,
.mn-swap button.woocommerce-form-login__submit:active,.mn-swap button.woocommerce-form-register__submit:active,.woocommerce ul.products li.product .button:active{transform:scale(.985);}
.woocommerce div.product form.cart button.single_add_to_cart_button:focus-visible,.single_add_to_cart_button:focus-visible,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible,
.wc-block-components-checkout-place-order-button:focus-visible,.mn-bs .mn-bs-go:focus-visible,.mn-wl .mn-wl-btn:focus-visible,.woocommerce-account .woocommerce-Button:focus-visible,
.mn-swap button:focus-visible,.elementor-form .elementor-field-type-submit .elementor-button:focus-visible,.woocommerce ul.products li.product .button:focus-visible,.mn-404-links a:focus-visible,
.mn-pick-add:focus-visible,.mn-track-submit:focus-visible,.mn-eta-btn:focus-visible,.mn-pick-chip:focus-visible,.mn-oc-again:focus-visible,.mn-oc-link:focus-visible{
  outline:2px solid var(--mn-green) !important;outline-offset:3px !important;}
.mn-plaster :focus-visible,.elementor-element-cta1 :focus-visible,.elementor-element-hero1 :focus-visible{outline-color:var(--mn-cream) !important;}
.mn-wl .mn-wl-btn[disabled],.elementor-form-waiting .elementor-field-type-submit .elementor-button,.elementor-form .elementor-field-type-submit .elementor-button:disabled,.mn-pick-add[disabled]{opacity:.55 !important;cursor:not-allowed !important;}
/* the product page's full-width button (pack slider on) and the plain form fallback */
form.cart.mn-ps-on .single_add_to_cart_button{width:100% !important;}
/* "Adding…" overlay (mn-css/brand.css) needs the relative box the recipe keeps */
.woocommerce div.product form.cart button.single_add_to_cart_button.loading{position:relative;}
/* --- the one number that is not a button: the order total is Marcellus 400, never a faux bold --- */
.woocommerce-cart .cart_totals .order-total td,.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,.wc-block-components-totals-footer-item .wc-block-formatted-money-amount{font-family:'Marcellus',serif !important;font-weight:400 !important;}
/* the cart total line: mn-ux-shop-fixes.css gives every totals cell 14px !important with a selector that outranks the 20px rule, so the total has read as small as the subtotal; this outranks both */
.woocommerce-cart .cart_totals table.shop_table .order-total th,.woocommerce-cart .cart_totals table.shop_table .order-total td{font-size:20px !important;}

/* --- 2026-10-27 CX week-1 surfaces: the small size, the chip and the line input (mn-eta.php, mn-picker.php, mn-orders.php) --- */
/* size modifier: a 44 px button that sits beside a 44 px field (the PIN "Check date") */
.mn-btn-sm,.mn-btn-sm.mn-eta-btn,.mn-btn-sm.mn-oc-again,.mn-btn-sm.mn-oc-link{min-height:44px !important;padding:0 18px !important;font-size:12px !important;}
/* chip: an answer you can press — outlined until chosen, solid when chosen (aria-pressed) */
.mn-pick-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--mn-green);border-radius:var(--mn-radius);background:transparent;color:var(--mn-green);
  font-family:'Jost',sans-serif;font-size:13px;font-weight:500;line-height:1;letter-spacing:.06em;cursor:pointer;transition:background-color var(--mn-t-base) var(--mn-ease),color var(--mn-t-base) var(--mn-ease);}
.mn-pick-chip:hover{background:rgba(0,70,67,.08);}
.mn-pick-chip[aria-pressed="true"]{background:var(--mn-green);color:var(--mn-cream);}
/* line input: the site's field language (the checkout's bottom-rule fields, mn-css/conversion.css), for our own forms */
.mn-line-input{box-sizing:border-box;width:100%;min-height:44px;padding:0 2px;border:0;border-bottom:1px solid var(--mn-line-strong);border-radius:0;background:transparent;box-shadow:none;
  font-family:'Jost',sans-serif;font-size:16px;line-height:1.2;color:var(--mn-ink);transition:border-color var(--mn-t-base) var(--mn-ease);}
.mn-line-input:hover{border-bottom-color:rgba(16,16,16,.5);}
.mn-line-input:focus{outline:0;border-bottom:2px solid var(--mn-green);padding-bottom:0;}