/*!
 * KojaCards – Snipcart Custom Theme
 * NUR Farb-Overrides. Kein Layout, kein Positioning, keine Width-Änderungen.
 * Snipcarts eigene Layout-CSS bleibt vollständig unangetastet.
 */

/* ─── Z-Index: Panel über Fixed-Navbar (z-index: 50) ─────── */
/* Snipcart-Elemente behalten ihre eigene position (fixed/absolute),
   wir erhöhen nur den z-index. #snipcart selbst: KEIN position! */
.snipcart-modal__overlay {
  z-index: 9998 !important;
}
.snipcart-side-cart {
  z-index: 9999 !important;
}

/* ─── Farben ──────────────────────────────────────────────── */
/* Snipcart v3 CSS Custom Properties – offizielle Variablen */
#snipcart {
  --color-default:        #151515;
  --color-alt:            #6b6b6b;
  --color-icon:           #e28e2a;
  --color-success:        #4caf50;
  --color-danger:         #e53935;
  --color-accent:         #e28e2a;

  --bgColor-default:      #ffffff;
  --bgColor-alt:          #f5f5f5;
  --bgColor-hover:        #fdf3e3;
  --bgColor-success:      #f1fbf1;
  --bgColor-danger:       #fdecea;
  --bgColor-accent:       #e28e2a;

  --borderColor-default:  #e0e0e0;
  --borderColor-alt:      #cfcfcf;
  --borderColor-accent:   #e28e2a;
}

/* ─── Checkout-Button ─────────────────────────────────────── */
#snipcart .snipcart-button-primary {
  background: #e28e2a;
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 4px 16px rgba(226, 142, 42, .35);
}
#snipcart .snipcart-button-primary:hover {
  background: #c97a20;
}

/* ─── Inputs ──────────────────────────────────────────────── */
#snipcart input:focus,
#snipcart select:focus {
  border-color: #e28e2a !important;
  box-shadow: 0 0 0 3px rgba(226, 142, 42, .15) !important;
}

/* ─── Produktpreis im Cart ────────────────────────────────── */
#snipcart .snipcart-item-line__product .snipcart-item__quantity-price-wrapper .snipcart__font--secondary {
  color: #e28e2a;
}