/* IKEA Design System Theme */
:root {
  --ikea-blue: #0058a3;
  --ikea-blue-hover: #004f93;
  --ikea-yellow: #ffdb00;
  --ikea-black: #111111;
  --ikea-gray-bg: #f5f5f5;
  --ikea-card-border: #dfdfdf;
}

/* Global resets & background */
body {
  background-color: var(--ikea-gray-bg) !important;
  color: var(--ikea-black) !important;
  font-family:
    "Noto Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  background: var(--ikea-blue);
  border-radius: 0px;
}

/* Card Container Styles */
.catalog-card {
  background-color: #ffffff !important;
  border: 1px solid var(--ikea-card-border) !important;
  border-radius: 0px !important; /* IKEA uses sharp rectangular corners */
  transition:
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.catalog-card:hover {
  border-color: var(--ikea-blue) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}

.catalog-card img {
  border-radius: 0px !important;
}

/* Action & Wishlist Buttons */
.ikea-btn-yellow {
  background-color: var(--ikea-yellow) !important;
  color: var(--ikea-black) !important;
  font-weight: 700 !important;
  border-radius: 9999px !important; /* IKEA signature pill buttons */
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
}

.ikea-btn-yellow:hover {
  background-color: #e6c500 !important;
}

.ikea-btn-blue {
  background-color: var(--ikea-blue) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  transition: background-color 0.2s ease;
}

.ikea-btn-blue:hover {
  background-color: var(--ikea-blue-hover) !important;
}