/* E2 Makes theme for the Snipcart cart, checkout and order confirmation.
   Uses Snipcart's theming variables (v3.2+) plus a few scoped overrides. */
#snipcart {
  /* Text & icons */
  --color-default: #142349;
  --color-alt: #5b6782;
  --color-icon: #ff7a32;

  /* Backgrounds & borders */
  --bgColor-default: #fffaf0;
  --bgColor-alt: #ffffff;
  --borderColor-default: #f1e6d4;

  /* Links */
  --color-link: #7252d7;
  --color-link-hover: #ff7a32;
  --color-link-active: #ff7a32;

  /* Primary buttons (Checkout, Place order, Continue) */
  --color-buttonPrimary: #ffffff;
  --bgColor-buttonPrimary: #142349;
  --borderColor-buttonPrimary: #142349;
  --color-buttonPrimary-hover: #ffffff;
  --bgColor-buttonPrimary-hover: #ff7a32;
  --borderColor-buttonPrimary-hover: #ff7a32;
  --color-buttonPrimary-active: #ffffff;
  --bgColor-buttonPrimary-active: #e8661f;
  --borderColor-buttonPrimary-active: #e8661f;

  /* Secondary buttons */
  --color-buttonSecondary: #142349;
  --bgColor-buttonSecondary: #fff1e6;
  --color-buttonSecondary-hover: #142349;
  --bgColor-buttonSecondary-hover: #ffe0c9;

  /* Inputs */
  --borderColor-input: #e3e6ee;
  --borderColor-input-hover: #c9cfdd;
  --borderColor-input-focus: #7252d7;
  --shadow-input-focus: 0 0 0 3px rgba(114, 82, 215, .15);

  font-family: "DM Sans", system-ui, sans-serif;
}

/* Fonts: DM Sans for body, Fredoka for headings (matches the shop) */
#snipcart .snipcart__font--std,
#snipcart .snipcart__font--regular,
#snipcart input,
#snipcart select,
#snipcart textarea,
#snipcart button {
  font-family: "DM Sans", system-ui, sans-serif;
}
#snipcart h1,
#snipcart h2,
#snipcart h3,
#snipcart .snipcart__font--secondary,
#snipcart .snipcart__font--subtitle,
#snipcart .snipcart__font--large,
#snipcart .snipcart__font--xlarge {
  font-family: "Fredoka", "DM Sans", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}

/* Section boxes: rounded, soft shadow, spaced apart */
#snipcart .snipcart__box {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(20, 35, 73, .07);
  margin-bottom: 16px;
  overflow: visible; /* keeps the numbered step badges from being cut off */
}

/* The checkmark badge next to "Thank you for your order" */
#snipcart .snipcart__box--badge {
  background: #ff7a32;
  color: #ffffff;
  border-radius: 50%;
}
#snipcart .snipcart__box--badge .snipcart__icon path {
  fill: #ffffff;
}

/* Rounded buttons */
#snipcart .snipcart-button-primary,
#snipcart .snipcart-button-secondary,
#snipcart .snipcart-button-link {
  border-radius: 10px;
  font-weight: 700;
}

/* Rounded form fields */
#snipcart .snipcart-input,
#snipcart .snipcart-form__select,
#snipcart .snipcart-textbox {
  border-radius: 8px;
}

/* Cream page background behind the checkout, matching the shop */
#snipcart .snipcart-modal,
#snipcart .snipcart-layout,
#snipcart .snipcart-checkout {
  background: #fffaf0;
}