/* ============================================================
   JU.swing - Snipcart Warenkorb & Checkout im Marken-Look
   ------------------------------------------------------------
   Snipcart v3 rendert im Seiten-DOM -> dieses CSS faerbt den
   Warenkorb/Checkout in die Marken-Farben (Creme / Leder-Braun)
   und setzt Inter als Schrift, damit er kein Fremdkoerper mehr ist.
   Variablen laut Snipcart-Doku: https://docs.snipcart.com/v3/setup/theming
   ============================================================ */

#snipcart {
  /* Marken-Schrift (Icons behalten ihre eigene Icon-Font) */
  font-family: 'Inter', sans-serif;

  /* Grundfarben */
  --color-default: #1A1815;
  --bgColor-default: #FBF8F3;
  --color-alt: #5C5449;
  --bgColor-alt: #F4EFE8;

  /* Links */
  --color-link: #8B4513;
  --color-link-hover: #73380F;
  --color-link-active: #73380F;
  --color-link-focus: #73380F;
  --borderColor-link: #8B4513;

  /* Primaer-Buttons (Zur Kasse / Weiter / Bezahlen) - Leder-Braun statt Blau */
  --color-buttonPrimary: #FFFFFF;
  --bgColor-buttonPrimary: #8B4513;
  --borderColor-buttonPrimary: #8B4513;
  --color-buttonPrimary-hover: #FFFFFF;
  --bgColor-buttonPrimary-hover: #73380F;
  --color-buttonPrimary-focus: #FFFFFF;
  --bgColor-buttonPrimary-focus: #73380F;

  /* Sekundaer-Buttons */
  --color-buttonSecondary: #1A1815;
  --bgColor-buttonSecondary: #F4EFE8;
  --color-buttonSecondary-hover: #1A1815;
  --bgColor-buttonSecondary-hover: #E8DFD2;

  /* Eingabefelder */
  --color-input: #1A1815;
  --bgColor-input: #FFFFFF;
  --borderColor-input: #E0D8CC;
  --color-input-focus: #1A1815;
  --bgColor-input-focus: #FFFFFF;
  --color-inputLabel: #5C5449;
  --color-inputPlaceholder: #A89F92;
}

/* Produkt-/Abschnittstitel im Warenkorb in der Marken-Serifenschrift */
#snipcart .snipcart-cart-header__title,
#snipcart .snipcart-item-line__title,
#snipcart .snipcart-cart-summary-item__name,
#snipcart h1,
#snipcart h2 {
  font-family: 'Cormorant Garamond', serif;
}