/* === SS Ocena Sprzedawcy – scoped CSS, no Tailwind/FA === */
.ssr-rating-container { font: inherit; color: inherit; }

/* Layout & utilities (scoped) */
.ssr-rating-container .flex { display: flex; }
.ssr-rating-container .items-center { align-items: center; }
.ssr-rating-container .flex-1 { flex: 1 1 0%; }
.ssr-rating-container .w-full { width: 100%; }
.ssr-rating-container .w-8 { width: 2rem; }
.ssr-rating-container .max-w-xs { max-width: 20rem; }
.ssr-rating-container .mx-auto { margin-left: auto; margin-right: auto; }
.ssr-rating-container .mx-2 { margin-left: .5rem; margin-right: .5rem; }
.ssr-rating-container .my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.ssr-rating-container .mt-6 { margin-top: 1.5rem; }
.ssr-rating-container .mb-1 { margin-bottom: .25rem; }
.ssr-rating-container .p-5 { padding: 1.25rem; }
.ssr-rating-container .p-3 { padding: .75rem; }
.ssr-rating-container .rounded-lg { border-radius: .5rem; }
.ssr-rating-container .rounded-full { border-radius: 9999px; }
.ssr-rating-container .border { border: 1px solid rgba(0,0,0,.08); }
.ssr-rating-container .shadow-md { box-shadow: 0 4px 6px rgba(0,0,0,.1); }
.ssr-rating-container .overflow-hidden { overflow: hidden; }
.ssr-rating-container .h-4 { height: 1rem; }
.ssr-rating-container .h-full { height: 100%; }
.ssr-rating-container .hidden { display: none; }

/* Colors & typography */
:root {
  --ssr-accent: var(--brand-cyan, #1fd6cd);
  --ssr-accent-hover: #0d9488;
  --ssr-star: #f59e0b;
  --ssr-star-size: 28px;
  --ssr-radius: .5rem;
  --ssr-bar: var(--ssr-accent);
  --ssr-bar-bg: #e5e7eb;
  --ssr-bar-h: 12px;
}
.ssr-rating-container .bg-white { background-color: #ffffff; }
.ssr-rating-container .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.ssr-rating-container .text-gray-300 { color: #d1d5db; }
.ssr-rating-container .text-gray-600 { color: #4b5563; }
.ssr-rating-container .text-sm { font-size: .875rem; line-height: 1.25rem; }
.ssr-rating-container .text-yellow-400 { color: var(--ssr-star); }
.ssr-rating-container .bg-gray-200 { background-color: var(--ssr-bar-bg); }
.ssr-rating-container .bg-yellow-400 { background-color: var(--ssr-bar); }

/* Buttons */
.ssr-rating-container .ssr-button {
  background-color: var(--ssr-accent);
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}
.ssr-rating-container .ssr-button:hover { background-color: var(--ssr-accent-hover); transform: scale(1.05); }
.ssr-rating-container .ssr-button i { margin-right: 8px; }

/* Stars (no FA dependency) */
.ssr-rating-container .fa { font-style: normal; display: inline-block; line-height: 1; }
.ssr-rating-container .fa-star::before { content: '★'; }
.ssr-rating-container .fa-star { transition: transform .2s; cursor: pointer; font-size: var(--ssr-star-size); }
.ssr-rating-container .fa-star:hover { transform: scale(1.1); }

/* Card variant */
.ssr-rating-container .ssr-card { background: #fff; padding: 1.25rem; border-radius: var(--ssr-radius); box-shadow: 0 4px 6px rgba(0,0,0,.1); }

/* Divider */
.ssr-rating-container .ssr-divider { height: 1px; background: rgba(0,0,0,.08); margin: .75rem 0; }

/* Breakdown wrapper style variants */
.ssr-rating-container .ssr-breakdown.is-line .bg-gray-200 { height: 2px; border-radius: 2px; }
.ssr-rating-container .ssr-breakdown.is-line .bg-yellow-400 { height: 2px; }
.ssr-rating-container .ssr-breakdown.is-pill .bg-gray-200 { height: var(--ssr-bar-h); border-radius: 9999px; }
.ssr-rating-container .ssr-breakdown.is-pill .bg-yellow-400 { height: 100%; border-radius: 9999px; }

/* Button group tweaks */
.ssr-rating-container .space-x-2 > * + * { margin-left: .5rem; }
.ssr-rating-container .btn-group { display: flex; gap: .5rem; flex-wrap: wrap; }

/* Respect theme fonts */
.ssr-rating-container, .ssr-rating-container * { font-family: inherit; }