/**
 * Frezka toast theme — single-line horizontal toasts (icon + message + close).
 * Load after toastr.min.css. Avoid display/opacity !important so toastr can dismiss.
 */
:root {
  --frezka-toast-navy: #191947;
  --frezka-toast-pink: #c22a6d;
  --frezka-toast-red: #f0483e;
  --frezka-toast-green: #2e9e63;
  --frezka-toast-text: #1a1a1a;
  --frezka-toast-muted: #7a7a8c;
  --frezka-toast-shadow: 0 8px 24px rgba(25, 25, 71, 0.18);
}

#toast-container {
  top: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  pointer-events: none;
}

#toast-container > div {
  position: relative;
  min-width: 320px;
  max-width: 440px;
  width: auto !important;
  margin: 0 0 12px 0 !important;
  padding: 18px 44px 18px 66px !important;
  background: #fff !important;
  background-image: none !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: var(--frezka-toast-shadow) !important;
  color: var(--frezka-toast-text) !important;
  opacity: 1;
  overflow: hidden;
  pointer-events: auto;
  font-family: 'Segoe UI', Arial, sans-serif;
}

#toast-container > div:hover {
  box-shadow: var(--frezka-toast-shadow) !important;
  cursor: default;
}

/* Bootstrap .toast:not(.show){display:none} must not affect jquery-toastr */
#toast-container > .toast:not(.show) {
  display: block;
}

#toast-container > div::before {
  content: 'i';
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  background: var(--frezka-toast-navy);
}

#toast-container > .toast-success::before {
  content: '✓';
  background: var(--frezka-toast-green);
}

#toast-container > .toast-error::before {
  content: '✕';
  background: var(--frezka-toast-red);
}

#toast-container > .toast-info::before {
  content: 'i';
  background: var(--frezka-toast-navy);
}

#toast-container > .toast-warning::before,
#toast-container > .toast-cart::before {
  content: '🛒';
  background: var(--frezka-toast-pink);
  font-size: 14px;
  line-height: 32px;
}

#toast-container .toast-title {
  display: none !important;
}

#toast-container .toast-message {
  display: block;
  font-size: 15.5px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--frezka-toast-text) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#toast-container .toast-message a,
#toast-container .toast-message label {
  color: var(--frezka-toast-pink) !important;
}

#toast-container .toast-close-button {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%);
  float: none !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--frezka-toast-muted) !important;
  text-shadow: none !important;
  opacity: 1;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-close-button:focus {
  color: var(--frezka-toast-text) !important;
}

#toast-container .toast-progress {
  display: none !important;
}

@media all and (max-width: 480px) {
  #toast-container {
    top: 16px !important;
    right: 16px !important;
    left: 16px !important;
  }

  #toast-container > div {
    min-width: 0;
    max-width: none;
    width: 100% !important;
  }

  #toast-container .toast-message {
    white-space: normal;
  }
}