/* ===========================================================================
   LAYER 3 — custom.css
   PORTED VERBATIM from sourdoughstarter.com assets/custom.css (3,620 B;
   byte-verified in phase-02/output/com-css/custom.css).

   This is the layer that turns the brown #855832 button token into the
   #ff7800 orange that actually renders, and the 0px radius token into 14px.
   COM-TARGET section 1.

   PART A is the source unchanged. PART B is the same declarations on
   Shoptimizer/WooCommerce selectors.

   NOTE ON BUTTONS — the single most common way to get this page wrong.
   The home page has FOUR button recipes and the PDP has FIVE. They share a
   colour and, within a page, a radius. NOTHING else: padding, font-size,
   font-weight, letter-spacing and border-width all differ per recipe.
   A single `.button` class WILL NOT reproduce this. Part B therefore sets
   only what is genuinely global (colour, hover, radius, and the removal of
   Dawn's pseudo-element shadow) and leaves each recipe to its own class,
   declared at the bottom of this file and consumed by Phases 6 and 7.
   =========================================================================== */

/* ------------------------- PART A — verbatim source ------------------------ */
.button,.button--primary,.shopify-challenge__button,.customer button,button.shopify-payment-button__button--unbranded,[name=add],.product-form__submit,.cart__checkout-button{background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}.button:hover,.button--primary:hover,.shopify-challenge__button:hover,.customer button:hover,button.shopify-payment-button__button--unbranded:hover,[name=add]:hover,.product-form__submit:hover,.cart__checkout-button:hover{background-color:#ff7800!important;opacity:.88;border-color:transparent!important}.color-scheme-1{--color-button: 92, 58, 30 !important;--color-button-text: 255, 255, 255 !important;--buttons-border-width: 0px !important}.button:after,.button--primary:after,.shopify-challenge__button:after,.customer button:after,.product-form__submit:after,.cart__checkout-button:after{box-shadow:none!important}.button:not([disabled]):hover:after,.button--primary:not([disabled]):hover:after{box-shadow:none!important}[class*=ai-hero-cta-]{background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}[class*=ai-hero-cta-]:hover{background-color:#ff7800!important;opacity:.88;border-color:transparent!important}[class*=ai-step-guide__cta-button-]{background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}[class*=ai-step-guide__cta-button-]:hover{background-color:#ff7800!important;opacity:.88;border-color:transparent!important}[class*=ai-value-stack-cta-]:not([class*=-subtext-]):not([class*=-wrapper-]){background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}[class*=ai-value-stack-cta-]:not([class*=-subtext-]):not([class*=-wrapper-]):hover{background-color:#ff7800!important;opacity:.88;border-color:transparent!important}[class*=ai-countdown-cta-],[class*=ai-cta-button-],[class*=-cta-button-]{background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}[class*=ai-countdown-cta-]:hover,[class*=ai-cta-button-]:hover,[class*=-cta-button-]:hover{background-color:#ff7800!important;opacity:.88;border-color:transparent!important}.color-scheme-4 .button,.color-scheme-4 [class*=-cta-]{background-color:#ff7800!important;color:#fff!important;border-color:transparent!important;border-radius:14px!important}@media screen and (max-width:749px){.banner__media img{max-height:280px!important;object-fit:cover!important;border-radius:0!important}}.ocu-checkout-button{background-color:#ff7800!important;border-radius:14px!important}.ocu-checkout-button:hover{background-color:#ff7800!important;opacity:.88!important}.ocu-checkout-button-text{color:#fff!important}.header.page-width{max-width:100%!important;padding-left:2rem!important;padding-right:2rem!important}@media screen and (min-width:990px){.header.page-width{padding-left:7rem!important;padding-right:7rem!important}}@media screen and (min-width:990px){.header__inline-menu .header__menu-item{padding-left:.7rem!important;padding-right:.7rem!important}}@media screen and (min-width:990px){header.header--middle-left{column-gap:1rem!important}}@media screen and (min-width:990px){header.header--middle-left{grid-template-columns:1fr auto 1fr!important}header.header--middle-left .header__icons{justify-self:end}header.header--middle-left .header__heading-link,header.header--middle-left .header__heading{justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom.css.map?v=9634710685569677851785259406 */

/* --------------- PART B — the same button system, on Shoptimizer ----------- */

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.single_add_to_cart_button, .checkout-button, .wc-block-components-button,
.mcsv2-btn {
  background-color: var(--mcs-orange) !important;
  color: #fff !important;
  border-color: transparent !important;
  border-radius: var(--mcs-radius-button) !important;
  box-shadow: none !important;
  transition: var(--mcs-transition);
}

.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .single_add_to_cart_button:hover,
.checkout-button:hover, .wc-block-components-button:hover, .mcsv2-btn:hover {
  background-color: var(--mcs-orange) !important;
  opacity: .88;
  border-color: transparent !important;
}

/* The source's `.color-scheme-1 { --color-button: 92,58,30 }` override. */
.mcsv2-scheme-1 {
  --mcs-scheme-button: var(--mcs-brown-deep);
  --mcs-scheme-button-text: #ffffff;
  --mcs-buttons-border-width: 0px;
}

/* Dawn draws a shadow with a ::after pseudo-element; the source kills it.
   Shoptimizer does not use that pattern, but the rule is kept so that if a
   Dawn-derived block is ever pasted in, it behaves the same. */
.button:after, .mcsv2-btn:after { box-shadow: none !important; }

/* --- the four home-page button recipes. COM-TARGET section 3. -------------- */
/* Values are the MEASURED rendered values at 1440, not guesses.               */

.mcsv2-btn--hero {          /* 237x65 */
  padding: 16px 40px;
  font-size: 16px; font-weight: 500; letter-spacing: 0.6px;
  border: 2px solid transparent !important;   /* the only bordered CTA on the page */
}
@media screen and (max-width: 749px) {
  /* the ONLY responsive button on either page: font drops to 14.4px */
  .mcsv2-btn--hero { font-size: 14.4px; }
}

.mcsv2-btn--step-guide {    /* 162x57 */
  padding: 14px 28px;
  font-size: 16px; font-weight: 600; letter-spacing: 0.6px;
  border-width: 0 !important;
}

.mcsv2-btn--rich-text {     /* 233x45, used twice */
  padding: 0 30px;
  font-size: 18px; font-weight: 400; letter-spacing: 1px;
  border-width: 0 !important;
}

.mcsv2-btn--value-stack {   /* 480x64 */
  padding: 16px 32px;
  font-size: 18px; font-weight: 600; letter-spacing: 0.6px;
  border-width: 0 !important;
}

/* --- header width. From the source's `.header.page-width` rules. ----------- */
.mcsv2-header.page-width,
.mcsv2-header {
  max-width: 100% !important;
  padding-left: var(--mcs-header-pad) !important;
  padding-right: var(--mcs-header-pad) !important;
}
@media screen and (min-width: 990px) {
  .mcsv2-header.page-width, .mcsv2-header {
    padding-left: var(--mcs-header-pad-wide) !important;
    padding-right: var(--mcs-header-pad-wide) !important;
  }
}