/* Dawn (default) theme — clean, product-forward storefront. Scoped to [data-theme="default"]. */

/* ── Global ── */
[data-theme="default"] body,
[data-theme="default"] [data-storefront-root] {
  background: #ffffff;
  color: var(--store-page-text, #121212);
}

[data-theme="default"] .store-root {
  background: #ffffff;
}

/* ── Scrollbar ── */
[data-theme="default"] ::-webkit-scrollbar {
  width: 6px;
}

[data-theme="default"] ::-webkit-scrollbar-track {
  background: #f5f5f5;
}

[data-theme="default"] ::-webkit-scrollbar-thumb {
  background: rgba(18, 18, 18, 0.18);
  border-radius: 9999px;
}

/* ── Header ── */
[data-theme="default"] header.sticky.top-0.z-40 {
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom: 1px solid rgba(18, 18, 18, 0.08) !important;
  box-shadow: 0 1px 0 rgba(18, 18, 18, 0.04) !important;
  backdrop-filter: blur(12px);
  transition: background 0.25s ease, border-color 0.25s ease;
}

[data-theme="default"] header.sticky.top-0.z-40 nav.hidden.md\:flex a,
[data-theme="default"] header.sticky.top-0.z-40 nav.px-4 a {
  border-radius: 0.75rem;
  font-weight: 500;
  transition: color 0.2s ease, background 0.2s ease;
}

[data-theme="default"] header.sticky.top-0.z-40 input {
  background: rgba(18, 18, 18, 0.04) !important;
  border-color: rgba(18, 18, 18, 0.1) !important;
  transition: background 0.2s ease, border-color 0.2s ease;
}

[data-theme="default"] header.sticky.top-0.z-40 input:focus {
  background: #ffffff !important;
  border-color: rgba(18, 18, 18, 0.2) !important;
}

[data-theme="default"] header.sticky.top-0.z-40 button.relative.inline-flex.h-9 {
  box-shadow: 0 1px 2px rgba(18, 18, 18, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

[data-theme="default"] header.sticky.top-0.z-40 button.relative.inline-flex.h-9:hover {
  box-shadow: 0 4px 12px rgba(18, 18, 18, 0.12);
}

/* ── Announcement bar ── */
[data-theme="default"] .sellup-announcement-bar {
  letter-spacing: 0.04em;
  font-size: 12px;
  font-weight: 500;
}

/* ── Hero ── */
[data-theme="default"] section.relative.overflow-hidden h1 {
  letter-spacing: -0.03em;
  font-weight: 800;
}

[data-theme="default"] section.relative.overflow-hidden a.inline-flex {
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-theme="default"] section.relative.overflow-hidden a.inline-flex:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(18, 18, 18, 0.12);
}

/* ── Section headings ── */
[data-theme="default"] section#products h2,
[data-theme="default"] section.max-w-screen-xl h2 {
  letter-spacing: -0.02em;
  font-weight: 700;
  color: var(--store-page-text, #121212) !important;
}

/* ── Product cards ── */
[data-theme="default"] a.group.block.overflow-hidden,
[data-theme="default"] div.group.cursor-pointer.overflow-hidden {
  border-radius: 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid rgba(18, 18, 18, 0.06) !important;
  box-shadow: 0 1px 2px rgba(18, 18, 18, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

[data-theme="default"] a.group.block:hover,
[data-theme="default"] div.group.cursor-pointer:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(18, 18, 18, 0.08) !important;
  border-color: rgba(18, 18, 18, 0.1) !important;
}

[data-theme="default"] a.group.block .overflow-hidden.relative,
[data-theme="default"] div.group .overflow-hidden.relative {
  background: #fafafa;
}

[data-theme="default"] a.group.block .p-2 p.font-semibold,
[data-theme="default"] div.group .p-2 p.font-semibold {
  color: var(--store-page-text, #121212) !important;
  font-weight: 600;
}

/* Category chips + sort (ProductGrid) */
[data-theme="default"] section#products button.rounded-full {
  font-weight: 500;
}

[data-theme="default"] section#products select.rounded-full {
  background: #ffffff !important;
  border-color: rgba(18, 18, 18, 0.12) !important;
}

/* ── Typography ── */
[data-theme="default"] h1,
[data-theme="default"] h2,
[data-theme="default"] h3 {
  letter-spacing: -0.02em;
}

[data-theme="default"] [data-section-block] {
  margin-bottom: 2rem;
}

[data-theme="default"] button[class*="bg-"],
[data-theme="default"] a[class*="bg-"] {
  letter-spacing: 0.01em;
}

/* ── Cart drawer (standard Dawn path) ── */
[data-theme="default"] .fixed.inset-0.z-\[70\] > button.absolute.inset-0 {
  background: rgba(18, 18, 18, 0.45) !important;
}

[data-theme="default"] .fixed.inset-0.z-\[70\] aside {
  background: #ffffff !important;
  box-shadow: -8px 0 32px rgba(18, 18, 18, 0.12);
}

[data-theme="default"] .fixed.inset-0.z-\[70\] aside header {
  border-bottom: 1px solid rgba(18, 18, 18, 0.08) !important;
}

[data-theme="default"] .fixed.inset-0.z-\[70\] aside article.rounded-2xl {
  border: 1px solid rgba(18, 18, 18, 0.06);
  box-shadow: none;
}

/* ── Product detail (modal quick-view z-[60], page layout) ── */
[data-theme="default"] .fixed.inset-0.z-\[60\] .relative.flex.max-h-\[90dvh\] {
  box-shadow: 0 24px 64px rgba(18, 18, 18, 0.18);
}

/* ── RTL storefront ── */
[dir="rtl"][data-theme="default"] header.sticky.top-0.z-40 nav.hidden.md\:flex,
[dir="rtl"][data-theme="default"] header.sticky.top-0.z-40 nav.px-4 {
  direction: rtl;
}

[dir="rtl"][data-theme="default"] .fixed.inset-0.z-\[70\] aside {
  border-left: none !important;
  border-right: 1px solid rgba(18, 18, 18, 0.08) !important;
}