/* ============================================================
   Snipcart v3.3.0 Custom Theme — Antellie
   Loaded via data-css-url on the Snipcart container.
   Maps our brand palette (noir, ivory, blush) to Snipcart variables.
   ============================================================ */

.snipcart-layout,
.snipcart-modal__container {
  /* --- Base palette --- */
  --color-default: #1A1A1A;
  --color-alt: #333333;
  --color-success: #22c55e;
  --color-error: #ef4444;
  --color-icon: #1A1A1A;

  /* --- Backgrounds --- */
  --bgColor-default: #FFFFF0;
  --bgColor-alt: #FFFFFF;
  --bgColor-modal: #FFFFF0;
  --bgColor-modalVeil: rgba(26, 26, 26, 0.45);
  --bgColor-success: #dcfce7;
  --bgColor-error: #fee2e2;
  --bgColor-info: #eff6ff;

  /* --- Borders --- */
  --borderColor-default: #E8A0A0;
  --borderColor-success: #22c55e;
  --shadow-default: 0 4px 24px rgba(26, 26, 26, 0.08);
  --shadow-tooltip: 0 2px 12px rgba(26, 26, 26, 0.12);

  /* --- Typography --- */
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* --- Links --- */
  --color-link: #1A1A1A;
  --borderColor-link: transparent;
  --bgColor-link: transparent;

  --color-link-hover: #333333;
  --borderColor-link-hover: transparent;
  --bgColor-link-hover: transparent;

  --color-link-focus: #1A1A1A;
  --borderColor-link-focus: #F4C2C2;
  --bgColor-link-focus: transparent;
  --shadow-link-focus: 0 0 0 3px rgba(244, 194, 194, 0.4);

  --color-link-active: #0D0D0D;
  --borderColor-link-active: transparent;
  --bgColor-link-active: transparent;
}

/* --- Inputs --- */
.snipcart-input,
.snipcart-form__select,
.snipcart-textbox,
.snipcart-textarea {
  --color-input: #1A1A1A;
  --color-input-hover: #1A1A1A;
  --color-input-focus: #1A1A1A;
  --color-input-disabled: #999999;
  --color-input-checked: #1A1A1A;
  --color-input-error: #ef4444;

  --color-inputLabel: #1A1A1A;
  --color-inputPlaceholder: #a3a3a3;
  --color-inputIcon: #666666;
  --color-inputIcon-hover: #1A1A1A;
  --color-inputIcon-focus: #1A1A1A;
  --color-inputIcon-error: #ef4444;

  --bgColor-input: #FFFFFF;
  --bgColor-input-hover: #FFFFFF;
  --bgColor-input-focus: #FFFFFF;
  --bgColor-input-disabled: #f5f5f5;
  --bgColor-input-checked: #FFFFF0;
  --bgColor-input-autofill: #FFFFF0;
  --bgColor-input-error: #fef2f2;

  --borderColor-input: #E8A0A0;
  --borderColor-input-hover: #F4C2C2;
  --borderColor-input-focus: #1A1A1A;
  --borderColor-input-disabled: #e5e5e5;
  --borderColor-input-checked: #1A1A1A;
  --borderColor-input-error: #ef4444;

  --shadow-input-focus: 0 0 0 3px rgba(244, 194, 194, 0.35);
  --shadow-input-hover: 0 1px 4px rgba(26, 26, 26, 0.06);
  --shadow-input-checked: 0 0 0 3px rgba(244, 194, 194, 0.35);
}

/* --- Primary Button (our main CTA style) --- */
.snipcart-button-primary {
  --color-buttonPrimary: #FFFFF0;
  --borderColor-buttonPrimary: #1A1A1A;
  --bgColor-buttonPrimary: #1A1A1A;

  --color-buttonPrimary-hover: #FFFFF0;
  --borderColor-buttonPrimary-hover: #333333;
  --bgColor-buttonPrimary-hover: #333333;

  --color-buttonPrimary-focus: #FFFFF0;
  --borderColor-buttonPrimary-focus: #1A1A1A;
  --bgColor-buttonPrimary-focus: #1A1A1A;

  --color-buttonPrimary-active: #FFFFF0;
  --borderColor-buttonPrimary-active: #0D0D0D;
  --bgColor-buttonPrimary-active: #0D0D0D;

  --color-buttonPrimary-disabled: #d4d4d4;
  --borderColor-buttonPrimary-disabled: #a3a3a3;
  --bgColor-buttonPrimary-disabled: #a3a3a3;

  --color-buttonPrimary-success: #FFFFF0;
  --borderColor-buttonPrimary-success: #22c55e;
  --bgColor-buttonPrimary-success: #22c55e;

  --color-buttonPrimary-error: #FFFFF0;
  --borderColor-buttonPrimary-error: #ef4444;
  --bgColor-buttonPrimary-error: #ef4444;
}

/* --- Secondary Button --- */
.snipcart-button-secondary {
  --color-buttonSecondary: #1A1A1A;
  --borderColor-buttonSecondary: #E8A0A0;
  --bgColor-buttonSecondary: transparent;

  --color-buttonSecondary-hover: #1A1A1A;
  --borderColor-buttonSecondary-hover: #F4C2C2;
  --bgColor-buttonSecondary-hover: #FAE0E0;

  --color-buttonSecondary-focus: #1A1A1A;
  --borderColor-buttonSecondary-focus: #F4C2C2;
  --bgColor-buttonSecondary-focus: #FAE0E0;

  --color-buttonSecondary-active: #1A1A1A;
  --borderColor-buttonSecondary-active: #E8A0A0;
  --bgColor-buttonSecondary-active: #F5D0D0;

  --color-buttonSecondary-disabled: #a3a3a3;
  --borderColor-buttonSecondary-disabled: #e5e5e5;
  --bgColor-buttonSecondary-disabled: #f5f5f5;
}

/* --- Danger Button --- */
.snipcart-button-danger {
  --color-buttonDanger: #FFFFFF;
  --borderColor-buttonDanger: #ef4444;
  --bgColor-buttonDanger: #ef4444;

  --color-buttonDanger-hover: #FFFFFF;
  --borderColor-buttonDanger-hover: #dc2626;
  --bgColor-buttonDanger-hover: #dc2626;

  --color-buttonDanger-active: #FFFFFF;
  --borderColor-buttonDanger-active: #b91c1c;
  --bgColor-buttonDanger-active: #b91c1c;
}

/* --- Badges / Pills --- */
.snipcart__box--badge {
  --color-badge: #1A1A1A;
  --borderColor-badge: #E8A0A0;
  --bgColor-badge: #FAE0E0;
}

.snipcart__box--badge-disabled {
  --color-badge-disabled: #a3a3a3;
  --borderColor-badge-disabled: #e5e5e5;
  --bgColor-badge-disabled: #f5f5f5;
}

.snipcart__box--badge-highlight,
.snipcart__box--badge-active {
  --color-badge-active: #FFFFF0;
  --borderColor-badge-active: #1A1A1A;
  --bgColor-badge-active: #1A1A1A;
}

/* --- Cart specific overrides --- */
.snipcart-cart__content {
  background-color: #FFFFF0;
}

.snipcart-item-line {
  background-color: #FFFFFF;
  border: 1px solid #E8A0A0;
  border-radius: 0.75rem;
}

.snipcart-item-line__container {
  background-color: #FFFFFF;
}

.snipcart-item-line__product {
  color: #1A1A1A;
}

.snipcart-item-line__title {
  color: #1A1A1A;
  font-weight: 600;
}

.snipcart-item-line__variants {
  color: #666666;
  font-size: 0.875rem;
}

.snipcart-item-line__quantity {
  color: #1A1A1A;
}

.snipcart-item-line__price {
  color: #1A1A1A;
  font-weight: 600;
}

.snipcart-item-line__media {
  border-radius: 0.5rem;
}

/* Quantity stepper */
.snipcart-item-line__quantity .snipcart__quantity {
  color: #1A1A1A;
  border-color: #E8A0A0;
}

.snipcart-item-line__quantity .snipcart__quantity:focus {
  border-color: #1A1A1A;
  box-shadow: 0 0 0 3px rgba(244, 194, 194, 0.35);
}

.snipcart-item-line__quantity .snipcart__icon {
  color: #666666;
}

.snipcart-item-line__quantity .snipcart__icon:hover {
  color: #1A1A1A;
}

/* Remove link */
.snipcart-item-line__remove {
  color: #666666;
  font-size: 0.75rem;
}

.snipcart-item-line__remove:hover {
  color: #ef4444;
}

.snipcart-cart-summary {
  background-color: #FFFFFF;
  border: 1px solid #E8A0A0;
  border-radius: 0.75rem;
}

.snipcart-discount-box {
  background-color: #FFFFFF;
  border: 1px solid #E8A0A0;
}

/* --- Scrollbar --- */
.snipcart-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.snipcart-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.snipcart-scrollbar::-webkit-scrollbar-thumb {
  background-color: #E8A0A0;
  border-radius: 3px;
}

/* --- Spinner --- */
.snipcart-spinner {
  border-color: #E8A0E0;
  border-top-color: #1A1A1A;
}