/* ============================================================
   SMOK THEMES — Bagisto Visual (Wzorzec B)
   Paleta: czarny #0a0a0a | pomarańcz #f97316 | biały #fafafa
   Uzupełnia Tailwind CDN — nie zastępuje go.
   ============================================================ */

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Edytor wizualny */
[x-cloak] { display: none !important; }

/* Płynne przejścia na kartach */
.smok-category-grid a,
.smok-featured-products .group,
.smok-lookbook img {
  will-change: transform;
}

/* Line-clamp fallback */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Kontener — spójna max-width gdy brak Tailwind container */
.smok-header .container,
.smok-footer .container,
.smok-category-grid .container,
.smok-featured-products .container,
.smok-newsletter .container {
  max-width: 1320px;
}

/* Focus accessibility */
.smok-header a:focus-visible,
.smok-footer a:focus-visible,
.smok-featured-products a:focus-visible,
.smok-newsletter input:focus-visible,
.smok-newsletter button:focus-visible {
  outline: 2px solid var(--smok-primary, #f97316);
  outline-offset: 2px;
}

/* Scrollbar (ciemny motyw) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #141414; }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #f97316; }

/* Strony commerce */
.smok-container {
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}
.smok-page-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #fafafa;
  line-height: 1.1;
}
.smok-page-desc { color: #a1a1aa; margin-top: 0.5rem; font-size: 0.95rem; }
.smok-commerce-wrap { padding-block: 2.5rem; }

/* Formularze auth (logowanie, rejestracja) */
.smok-input {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--smok-btn-radius, 4px);
  color: #fafafa;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.smok-input::placeholder { color: #71717a; }
.smok-input:focus {
  outline: none;
  border-color: var(--smok-primary, #f97316);
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25);
}
.smok-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--smok-primary, #f97316);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.8rem;
  padding: 0.9rem 1.5rem;
  border: none;
  border-radius: var(--smok-btn-radius, 4px);
  cursor: pointer;
  transition: background 0.2s, opacity 0.2s;
}
.smok-btn-primary:hover { background: var(--smok-secondary, #ea580c); }
.smok-auth-card { backdrop-filter: blur(8px); }
.smok-auth-card form .flex.gap-3 {
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.smok-auth-card form .flex.gap-3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #141414;
}

/* Strony Bagisto Shop (koszyk, konto) — ciemny motyw */
.smok-commerce-body #main { background: #0a0a0a !important; color: #fafafa; }
.smok-commerce-body .primary-button {
  background: var(--smok-primary, #f97316) !important;
  border-color: var(--smok-primary, #f97316) !important;
  color: #fff !important;
  border-radius: var(--smok-btn-radius, 4px) !important;
}
.smok-commerce-body .secondary-button {
  background: transparent !important;
  color: var(--smok-primary, #f97316) !important;
  border-color: var(--smok-primary, #f97316) !important;
}
.smok-commerce-body .text-navyBlue,
.smok-commerce-body a.text-navyBlue { color: var(--smok-primary, #f97316) !important; }
.smok-commerce-body .border-zinc-200 { border-color: rgba(255, 255, 255, 0.12) !important; }
.smok-commerce-body .bg-white { background: #141414 !important; }
.smok-commerce-body .text-zinc-500 { color: #a1a1aa !important; }
.smok-commerce-body .text-black { color: #fafafa !important; }
.smok-commerce-body input[type="email"],
.smok-commerce-body input[type="password"],
.smok-commerce-body input[type="text"],
.smok-commerce-body input[type="number"],
.smok-commerce-body select,
.smok-commerce-body textarea {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fafafa !important;
}
.smok-commerce-body .font-dmserif { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.smok-commerce-body h1, .smok-commerce-body h2 { color: #fafafa; }
.smok-commerce-body .icon-uncheck,
.smok-commerce-body .icon-check-box { color: var(--smok-primary, #f97316) !important; }

/* Katalog / wyszukiwanie / kategorie (filtry, toolbar, shimmer) */
.smok-catalog-page,
.smok-commerce-body .smok-catalog-page {
  color: #fafafa;
}

/* Tylko shimmer filtrów/toolbar — NIE placeholderów zdjęć produktów (image-shimmer-*) */
.smok-catalog-page .shimmer:not([id^="image-shimmer-"]):not(.product-image-shimmer),
.smok-commerce-body .shimmer:not([id^="image-shimmer-"]):not(.product-image-shimmer) {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: smok-skeleton;
  animation-timing-function: linear;
  background: linear-gradient(to right, #1a1a1a 8%, #2d2d2d 18%, #1a1a1a 33%) !important;
  background-size: 1250px 100% !important;
}

@keyframes smok-skeleton {
  0% { background-position: -1250px 0; }
  100% { background-position: 1250px 0; }
}

.smok-catalog-page .bg-white,
.smok-commerce-body .bg-white,
.smok-catalog-page .panel-side .bg-white {
  background-color: #141414 !important;
}

.smok-catalog-page .text-gray-900,
.smok-commerce-body .text-gray-900 { color: #fafafa !important; }

.smok-catalog-page .text-gray-700,
.smok-commerce-body .text-gray-700 { color: #d4d4d8 !important; }

.smok-catalog-page .text-gray-600,
.smok-commerce-body .text-gray-600 { color: #a1a1aa !important; }

.smok-catalog-page .border-zinc-200,
.smok-commerce-body .border-zinc-200 { border-color: rgba(255, 255, 255, 0.12) !important; }

.smok-catalog-page .hover\:bg-gray-100:hover,
.smok-commerce-body .hover\:bg-gray-100:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

.smok-catalog-page .bg-gray-100,
.smok-commerce-body .bg-gray-100 {
  background-color: #27272a !important;
  color: #fafafa !important;
}

.smok-catalog-page .panel-side,
.smok-commerce-body .panel-side {
  color: #fafafa;
}

.smok-catalog-page .panel-side p,
.smok-catalog-page .panel-side label {
  color: inherit;
}

.smok-catalog-page button.rounded-lg.border,
.smok-catalog-page .rounded-lg.border.border-zinc-200.bg-white,
body.smok-commerce-body button.rounded-lg.border.border-white\/15,
body.smok-commerce-body .rounded-lg.border.border-white\/15.bg-ink2 {
  background-color: #141414 !important;
  color: #fafafa !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

body.smok-commerce-body .panel-side,
body.smok-commerce-body .z-10.rounded-lg.bg-ink2,
body.smok-commerce-body .accordion-content,
body.smok-commerce-body [class*="bg-ink2"] {
  color: #fafafa;
}

.smok-catalog-page button.rounded-lg.border:hover,
.smok-catalog-page .rounded-lg.border.border-zinc-200.bg-white:hover {
  border-color: var(--smok-primary, #f97316) !important;
}

.smok-catalog-page .absolute.z-20.bg-white,
.smok-commerce-body .absolute.z-20.bg-white {
  background-color: #1c1c1c !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55) !important;
}

.smok-catalog-page .absolute.z-20.bg-white li,
.smok-catalog-page .absolute.z-20.bg-white button,
.smok-catalog-page .absolute.z-20.bg-white a {
  color: #fafafa !important;
}

.smok-catalog-page input.rounded-xl,
.smok-catalog-page input.rounded-lg {
  background-color: #141414 !important;
  color: #fafafa !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.smok-catalog-page input::placeholder {
  color: #71717a !important;
}

.smok-catalog-page .icon-arrow-down,
.smok-catalog-page .icon-filter-1,
.smok-catalog-page .icon-search {
  color: #a1a1aa;
}

.smok-catalog-page .fixed.bottom-0.bg-white {
  background-color: #141414 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.smok-catalog-page .text-blue-600 {
  color: var(--smok-primary, #f97316) !important;
}

.smok-catalog-page .text-blue-600:hover {
  color: var(--smok-accent, #fb923c) !important;
}

/* Karty produktów na listingu */
.smok-catalog-page .grid .rounded,
.smok-commerce-body .grid .group {
  color: #fafafa;
}

/* Koszyk */
.smok-cart-page {
  color: #fafafa;
}

.smok-cart-page .text-blue-700,
.smok-cart-page a.text-blue-700,
.smok-commerce-body .smok-cart-page .text-blue-700 {
  color: var(--smok-primary, #f97316) !important;
}

.smok-cart-page .text-navyBlue,
.smok-cart-page .border-navyBlue {
  color: var(--smok-primary, #f97316) !important;
  border-color: var(--smok-primary, #f97316) !important;
}

.smok-cart-page .w-\[418px\] {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.5rem;
}

.smok-cart-empty {
  margin-top: 2rem;
}

.smok-cart-page .border-zinc-200 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.smok-cart-page .rounded-xl.bg-white,
.smok-cart-page .bg-\[\#FFF3CD\] {
  background: #141414 !important;
}