/*
 * JNR CART / CHECKOUT VISUAL V2
 * Scoped to WooCommerce commerce pages.
 */

body.woocommerce-cart,
body.woocommerce-checkout {
  background:#F7F7FB !important;
  color:#202030 !important;
}

/* Preserve the JNR brand identity on commerce pages. */
body.woocommerce-cart .sf-header,
body.woocommerce-checkout .sf-header {
  background:#12171B !important;
  border-bottom:1px solid #292D38 !important;
}

body.woocommerce-cart .sf-header .sf-brand,
body.woocommerce-checkout .sf-header .sf-brand,
body.woocommerce-cart .sf-header .sf-jnr-wordmark,
body.woocommerce-checkout .sf-header .sf-jnr-wordmark {
  color:#FFFFFF !important;
}

body.woocommerce-cart #sf-navigation a,
body.woocommerce-checkout #sf-navigation a {
  color:#F5F4FA !important;
}

body.woocommerce-cart #sf-navigation a:hover,
body.woocommerce-checkout #sf-navigation a:hover {
  color:#BBA0FF !important;
}

body.woocommerce-cart .sf-menu-toggle,
body.woocommerce-checkout .sf-menu-toggle {
  border-color:#FFFFFF66 !important;
  color:#FFFFFF !important;
}

body.woocommerce-cart .sf-menu-toggle span,
body.woocommerce-checkout .sf-menu-toggle span {
  background:#FFFFFF !important;
}

/* Light page surface */
body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content,
body.woocommerce-cart main.site-main,
body.woocommerce-checkout main.site-main,
body.woocommerce-cart .ast-container,
body.woocommerce-checkout .ast-container {
  background:#F7F7FB !important;
  color:#202030 !important;
}

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-cart h1,
body.woocommerce-checkout h1 {
  color:#171827 !important;
}

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title {
  font-size:clamp(27px,3vw,38px) !important;
  font-weight:800 !important;
  letter-spacing:-.035em;
  margin-bottom:25px !important;
}

/* Scoped WooCommerce block colors */
body.woocommerce-cart .wc-block-cart,
body.woocommerce-checkout .wc-block-checkout {
  color:#242333 !important;
  background:transparent !important;
}

body.woocommerce-cart .wc-block-cart :is(
  h1,h2,h3,h4,p,label,legend,th,td,strong,
  small,summary,span
),
body.woocommerce-checkout .wc-block-checkout :is(
  h1,h2,h3,h4,p,label,legend,th,td,strong,
  small,summary,span
) {
  color:#242333 !important;
}

/* Do not recolor the text inside primary buttons. */
body.woocommerce-cart .wc-block-cart
.wc-block-components-button,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-checkout-place-order-button {
  background:#8A5CFF !important;
  border-color:#8A5CFF !important;
  color:#FFFFFF !important;
  border-radius:10px !important;
  min-height:50px;
  font-weight:750;
}

body.woocommerce-cart .wc-block-cart
.wc-block-components-button *,
body.woocommerce-checkout .wc-block-checkout
.wc-block-components-checkout-place-order-button * {
  color:#FFFFFF !important;
}

body.woocommerce-cart .wc-block-cart a,
body.woocommerce-checkout .wc-block-checkout a {
  color:#6240B7 !important;
}

/* Cart: tighter item rows */
body.woocommerce-cart .wc-block-cart-items
.wc-block-cart-items__row {
  border-bottom:1px solid #E7E5EE !important;
}

body.woocommerce-cart .wc-block-cart-items
.wc-block-cart-items__row td {
  padding-top:18px !important;
  padding-bottom:18px !important;
  vertical-align:top;
}

body.woocommerce-cart
.wc-block-components-product-name {
  font-size:15px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
}

body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-product-metadata {
  font-size:12px;
  color:#656579 !important;
}

/* Cart / Checkout right-hand summary */
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-checkout .wc-block-checkout__sidebar {
  color:#242333 !important;
  background:#FFFFFF !important;
  border:1px solid #E7E4EF !important;
  border-radius:16px;
  padding:22px !important;
  align-self:start;
}

body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-wrapper {
  border-color:#E7E4EF !important;
}

body.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description
.wc-block-components-product-name {
  font-size:14px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
}

/* Form fields */
body.woocommerce-checkout .wc-block-checkout input,
body.woocommerce-checkout .wc-block-checkout select,
body.woocommerce-checkout .wc-block-checkout textarea,
body.woocommerce-cart .wc-block-cart input {
  background:#FFFFFF !important;
  color:#222033 !important;
  border-color:#D8D5E3 !important;
  border-radius:8px;
}

body.woocommerce-checkout
.wc-block-components-text-input,
body.woocommerce-checkout
.wc-block-components-combobox {
  color:#222033 !important;
}

body.woocommerce-cart
.wc-block-components-quantity-selector,
body.woocommerce-checkout
.wc-block-components-quantity-selector {
  background:#FFFFFF !important;
  border:1px solid #D8D5E3 !important;
  border-radius:9px;
}

body.woocommerce-cart
.wc-block-components-quantity-selector button,
body.woocommerce-cart
.wc-block-components-quantity-selector input {
  background:#FFFFFF !important;
  color:#242333 !important;
}

/* Mobile navigation and checkout layout */
@media(max-width:760px) {
  body.woocommerce-cart #sf-navigation,
  body.woocommerce-checkout #sf-navigation {
    background:#12171B !important;
  }

  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-checkout .wc-block-checkout__sidebar {
    padding:16px !important;
    border-radius:12px;
  }

  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-checkout .wc-block-checkout {
    padding-inline:12px !important;
  }
}