/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *


*/
@font-face {
  font-family: 'Inter Regular';
  src: url(/assets/fonts/inter/inter-v18-latin-regular-4257feae4ab4d639ab5c04aa4e3be1e51a632cc3189abf481212a464607cba55.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Medium';
  src: url(/assets/fonts/inter/inter-v18-latin-500-4e948e63c678c58bab6bb0dc9fa0af063a33028841e5fd018908530494c6eb71.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Semibold';
  src: url(/assets/fonts/inter/inter-v18-latin-600-eff1df42f259b7bea6b036e8d66414f539f58459a1cf1977083aae4731df0127.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-regular-cd8f56d0633e0c07bdfa779dbd7324e56848e327f845156dbd7a9e5921ec2053.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Medium';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-500-24b592e26d85c7e4440f370ec846b156b0fc8c98ae62d31a0957b8d7a0c0caa2.woff2) format("woff2");
  font-display: swap;
}
/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/

.solidus-stripe-payment {
  padding: 1em 0;
}

[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *
 * spree/frontend/all points to the
 * `vendor/assets/stylesheets/spree/frontend/all.css` file generated by
 * `solidus:install`. See `setup_assets` at
 * https://github.com/solidusio/solidus/blob/main/core/lib/generators/solidus/install/install_generator.rb

 *


*/

/* SQRL storefront checkout polish. */
:root {
  --sqrl-storefront-bg: #f8f4ee;
  --sqrl-storefront-surface: #fffaf3;
  --sqrl-storefront-surface-warm: #ede0d0;
  --sqrl-storefront-border: #c19a77;
  --sqrl-storefront-border-soft: rgba(193, 154, 119, 0.42);
  --sqrl-storefront-text: #2a170d;
  --sqrl-storefront-muted: #735946;
  --sqrl-storefront-primary: #a87555;
  --sqrl-storefront-primary-hover: #8f6448;
  --sqrl-storefront-focus: rgba(168, 117, 85, 0.28);
  --sqrl-storefront-heading: "Montserrat", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sqrl-storefront-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cart-page,
.checkout,
#guest_checkout {
  color: var(--sqrl-storefront-text);
  font-family: var(--sqrl-storefront-body);
}

.cart-page .font-serif,
.checkout .font-serif,
#guest_checkout .font-serif,
.cart-page h1,
.checkout h1,
#guest_checkout h1,
.cart-page h2,
.checkout h2,
.cart-page h3,
.checkout h3,
.checkout fieldset legend {
  color: var(--sqrl-storefront-text);
  font-family: var(--sqrl-storefront-heading) !important;
  font-weight: 700;
  letter-spacing: 0;
}

.cart-page__summary,
.checkout-summary,
.checkout-final-review,
.checkout-final-action {
  background: var(--sqrl-storefront-surface) !important;
  border: 1px solid var(--sqrl-storefront-border-soft) !important;
  border-radius: 18px;
  box-shadow: 0 18px 52px rgba(85, 58, 35, 0.08);
  color: var(--sqrl-storefront-text) !important;
}

.cart-page__summary {
  align-self: start;
}

.checkout-summary__title {
  margin-bottom: 1.25rem;
}

.checkout-summary__entry,
.checkout-summary__total {
  color: var(--sqrl-storefront-text);
}

.checkout-summary__entry dt,
.checkout-final-review p,
.checkout-final-review .text-gray-600,
.checkout-final-action,
.cart-page__summary .text-gray-600 {
  color: var(--sqrl-storefront-muted) !important;
}

.checkout-summary__total {
  border-top-color: var(--sqrl-storefront-border-soft);
}

.cart-page .button-primary,
.cart-page .button-secondary,
.checkout .button-primary,
.checkout .button-secondary,
#guest_checkout .button-primary,
#guest_checkout .button-secondary {
  border-radius: 999px;
  font-family: var(--sqrl-storefront-body);
  font-weight: 700;
  min-height: 48px;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.cart-page .button-primary,
.checkout .button-primary,
#guest_checkout .button-primary {
  background: var(--sqrl-storefront-primary) !important;
  border: 1px solid var(--sqrl-storefront-primary) !important;
  box-shadow: 0 12px 30px rgba(168, 117, 85, 0.24);
  color: #ffffff !important;
}

.cart-page .button-primary:hover,
.checkout .button-primary:hover,
#guest_checkout .button-primary:hover {
  background: var(--sqrl-storefront-primary-hover) !important;
  border-color: var(--sqrl-storefront-primary-hover) !important;
  transform: translateY(-1px);
}

.cart-page .button-primary:focus-visible,
.checkout .button-primary:focus-visible,
#guest_checkout .button-primary:focus-visible,
.cart-page .button-secondary:focus-visible,
.checkout .button-secondary:focus-visible,
#guest_checkout .button-secondary:focus-visible,
.checkout input:focus,
.checkout select:focus,
.checkout textarea:focus {
  box-shadow: 0 0 0 4px var(--sqrl-storefront-focus);
  outline: none;
}

.cart-page .button-secondary,
.checkout .button-secondary,
#guest_checkout .button-secondary {
  background: transparent !important;
  border: 1px solid var(--sqrl-storefront-border) !important;
  color: var(--sqrl-storefront-text) !important;
}

.cart-page .button-secondary:hover,
.checkout .button-secondary:hover,
#guest_checkout .button-secondary:hover {
  background: rgba(237, 224, 208, 0.48) !important;
  border-color: var(--sqrl-storefront-primary) !important;
}

.checkout-payment-method {
  background: #fffaf3 !important;
  border-color: var(--sqrl-storefront-border-soft) !important;
  border-radius: 18px;
  color: var(--sqrl-storefront-text) !important;
}

.checkout-payment-method__label {
  color: var(--sqrl-storefront-text);
  font-family: var(--sqrl-storefront-body);
  font-weight: 700;
}

.checkout input[type="radio"] {
  accent-color: var(--sqrl-storefront-primary);
}

.checkout input,
.checkout select,
.checkout textarea {
  border-color: var(--sqrl-storefront-border-soft);
  border-radius: 12px;
}

.checkout-final-review article {
  background: rgba(237, 224, 208, 0.34) !important;
  border-color: var(--sqrl-storefront-border-soft) !important;
}

.checkout-final-review a,
.checkout-summary a,
.cart-page a {
  color: var(--sqrl-storefront-text);
  text-underline-offset: 3px;
}

.proposed-shipment__title,
.proposed-shipment__secondary-title {
  color: var(--sqrl-storefront-text);
}