/* Trawa Romero price-tracker filter release v1 — shared EN/PL/ES. */

/* The original Trawa Romero pair is the only visible type system here. */
:root {
  --tracker-ui: var(--ui, "Hanken Grotesk", system-ui, sans-serif);
  --tracker-display: var(--serif, "Playfair Display", Georgia, serif);
  --tracker-accent: var(--serif, "Playfair Display", Georgia, serif);
}

body,
body :where(button, input, select, textarea, summary, .btn, .segment,
  .text-action, .field-label, .label, .eyebrow, th, td,
  .price-saved-tools, .trawa-viewmodes) {
  font-family: var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
}

body :where(h1, h2, h3, h4, .product-title, .coverage-title,
  .advanced-head h3) {
  font-family: var(--serif, "Playfair Display", Georgia, serif) !important;
  font-style: normal;
  font-weight: 600;
}
body :where(.price-value) {
  font-family: var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
}

/* Public search is already unlimited, so the quota/access card is removed. */
.hero .access-card { display: none !important; }
.hero .hero-grid,
.hero .hero-grid[data-tracker-release-single-column] {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 940px;
}

/* Four purposeful columns: place/product/producer/type, then THC/sort/actions. */
#advancedFilters[data-tracker-filter-release] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

#advancedFilters[data-tracker-filter-release] .advanced-actions {
  align-self: end;
}

.tracker-strain-filter-status {
  margin: 12px 2px 0;
  color: var(--muted, #b6a994);
  font: 650 13px/1.5 var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
  letter-spacing: .01em;
}

/* The two meaningful vocabularies live beside Clear selection. */
.price-saved-tools__group [data-trawa-viewmode-release-root] {
  flex: 0 1 auto;
  margin-left: 2px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 3px 5px 3px 10px;
  background: rgba(14, 16, 20, 0.7);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

[data-trawa-viewmode-release-root] .trawa-viewmodes__label {
  font-family: var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: rgba(243, 236, 223, 0.65) !important;
  text-transform: uppercase;
}

[data-trawa-viewmode-release-root] .trawa-viewmodes__segments {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  padding: 2px;
}

[data-trawa-viewmode-release-root] .trawa-viewmodes__seg {
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-family: var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .02em;
  text-transform: none !important;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

[data-trawa-viewmode-release-root] .trawa-viewmodes__seg.is-selected {
  background: linear-gradient(135deg, rgba(246, 164, 189, 0.9), rgba(223, 126, 158, 0.9)) !important;
  color: #150e12 !important;
  font-weight: 750 !important;
  box-shadow: 0 2px 10px rgba(223, 126, 158, 0.3) !important;
}

/* The legacy time vocabulary says "Anytime". Keep its data semantics while
   rendering the requested middle label as Mix in each locale. */
html:lang(en) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"],
html:lang(pl) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"],
html:lang(es) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"] {
  font-size: 0 !important;
}

html:lang(en) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after,
html:lang(pl) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after,
html:lang(es) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after {
  font-family: var(--ui, "Hanken Grotesk", system-ui, sans-serif);
  font-size: .78rem;
  font-weight: inherit;
  letter-spacing: inherit;
}

html:lang(en) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after,
html:lang(pl) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after { content: "Mix"; }
html:lang(es) [data-trawa-profile-normalized="hybrid"][data-trawa-mode="time"]::after { content: "Mixta"; }

#priceTableBody tr.is-hidden-by-strain-type { display: none !important; }

/* Larger, uncropped flower thumbnails in substantially tighter rows. */
#priceTable .image-col { width: 88px !important; }
#priceTable .product-col { width: 31% !important; }
#priceTable .place-col { width: 30% !important; }
#priceTable .price-col { width: 16% !important; }

#priceTable th { padding: 8px 9px !important; }
#priceTableBody > .result-row > td {
  padding: 5px 9px !important;
  line-height: 1.28;
}

#priceTableBody .thumb-button {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px;
  min-height: 72px;
  border-radius: 11px;
}

#priceTableBody .thumb-button img,
#priceTableBody .thumb-button img[data-flower-photo],
#priceTableBody .thumb-button img[data-catalogue-illustration] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  object-fit: contain !important;
  object-position: 50% 50%;
}

#priceTableBody .cell-product {
  position: relative;
  padding-right: 108px !important;
}

#priceTableBody .product-title { font-size: clamp(17px, 1.45vw, 19px); }
#priceTableBody .cell-product .producer,
#priceTableBody .product-meta { line-height: 1.25; }

#priceTableBody .row-tools {
  position: absolute;
  top: 50%;
  right: 9px;
  gap: 5px;
  flex-wrap: nowrap;
  margin: 0;
  transform: translateY(-50%);
}

#priceTableBody .row-tool-button { padding: 7px 9px; }
#priceTableBody .cell-place .source-link { margin-top: 1px; }
#priceTableBody .observation-date,
#priceTableBody .pack-total { margin-top: 2px; }

/* Legal/reference copy remains secondary but no longer tiny or low contrast. */
.fine-print {
  color: #c8bbae !important;
  font: 520 14px/1.62 var(--ui, "Hanken Grotesk", system-ui, sans-serif) !important;
  letter-spacing: .005em;
}

.fine-print strong { color: var(--cream, #efe7dc); }

@media (max-width: 1100px) {
  #advancedFilters[data-tracker-filter-release] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .price-saved-tools__group [data-trawa-viewmode-release-root] { flex-basis: 100%; margin-left: 0; }
}

@media (max-width: 760px) {
  #advancedFilters[data-tracker-filter-release] { grid-template-columns: 1fr; }
  [data-trawa-viewmode-release-root] { width: 100%; }
  [data-trawa-viewmode-release-root] .trawa-viewmodes__segments { width: 100%; }
  [data-trawa-viewmode-release-root] .trawa-viewmodes__seg { flex: 1 1 0; }

  #priceTableBody > .result-row {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    padding: 10px !important;
  }
  #priceTableBody .thumb-button {
    width: 68px !important;
    height: 76px !important;
    min-width: 68px;
    min-height: 76px;
  }
  #priceTableBody .cell-product { padding-right: 3px !important; }
  #priceTableBody .row-tools {
    position: static;
    margin-top: 5px;
    transform: none;
  }
  .fine-print { font-size: 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  #priceTableBody .row-tools { transition: none; }
}

/* Annotation parity release: suppress obsolete profile UI before runtime ownership. */
/* The release runtime moves this control beside Clear selection and swaps the
   ownership attribute. Hide only the source-position instance so it cannot
   flash above search while deferred scripts initialise. */
#priceResults > [data-trawa-viewmode-root] {
  display: none !important;
}

/* Owner density pass: one quiet type family, flat surfaces and a tighter
   information rhythm. The brand wordmark remains the sole display face. */
body {
  --black: #08090b;
  --panel: #0e1013;
  --panel2: #121419;
  --line: rgba(239, 235, 229, .14);
  --line2: rgba(216, 173, 188, .26);
  --gold: #b8aaa0;
  --cream: #eeeae4;
  --muted: #b9b1a9;
  --faint: #918a83;
  --pink: #d8adbc;
  --pink2: #e8cbd5;
  background: #08090b !important;
}

body :where(h1, h2, h3, h4, .product-title, .coverage-title,
  .advanced-head h3) {
  font-family: var(--serif, "Playfair Display", Georgia, serif) !important;
  font-style: normal;
  font-weight: 600;
}

.hero {
  padding-block: 38px 30px !important;
  background: transparent !important;
}

.hero h1 {
  max-width: 760px;
  margin-block: 12px 14px;
  font-size: clamp(2.5rem, 5.4vw, 4.5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}

.hero .sub { font-size: 16px; line-height: 1.58; }
.section { padding-block: 38px !important; }
.section-head { margin-bottom: 16px; }
.section h2 { font-size: clamp(1.8rem, 3vw, 2.6rem) !important; line-height: 1.08 !important; }

.eyebrow,
.label,
.coverage-kicker {
  color: var(--pink2) !important;
  letter-spacing: .11em !important;
}

.explorer,
.coverage-panel,
.advanced-wrap,
.table-shell {
  border-color: var(--line) !important;
  background: #0e1013 !important;
  box-shadow: none !important;
}

.explorer { border-radius: 12px; padding: 16px !important; }
.toolbar { gap: 10px; }
.segmented { border-radius: 8px; background: #090a0c; }
.segment { min-height: 40px; border-radius: 6px; padding: 8px 11px; letter-spacing: .02em; }
.segment[aria-pressed="true"] { background: #e7e1da; color: #111216; }

.btn {
  min-height: 42px !important;
  border-color: var(--line) !important;
  border-radius: 7px !important;
  padding: 9px 13px !important;
  letter-spacing: .07em !important;
  box-shadow: none !important;
}
.btn-pink { background: #e4dce0 !important; color: #151216 !important; }
.btn:hover, .btn:focus-visible { border-color: var(--pink) !important; box-shadow: none !important; }

.basic-search { margin-block: 12px 9px; }
.control {
  min-height: 42px !important;
  border-color: var(--line) !important;
  border-radius: 7px !important;
  padding: 8px 11px !important;
  background: #090a0c !important;
}
.field-label { margin-bottom: 4px; color: var(--muted) !important; letter-spacing: .01em; }
.search-meta { margin-bottom: 12px; }
.advanced-wrap { margin-block: 14px !important; padding: 13px !important; }
.advanced-head { margin-bottom: 9px; }
.advanced-head h3 { font-size: 1.15rem !important; }
#advancedFilters[data-tracker-filter-release] { gap: 8px; }

.coverage-panel { margin-bottom: 12px; padding: 12px 14px !important; }
.coverage-title { font-size: 1rem !important; line-height: 1.35 !important; }

#priceTable { background: transparent; }
#priceTable th {
  padding: 7px 8px !important;
  background: #111318 !important;
  color: var(--muted) !important;
  letter-spacing: .08em !important;
}
#priceTableBody > .result-row > td { padding: 6px 8px !important; }
#priceTableBody > .result-row { background: transparent !important; }
#priceTableBody > .result-row:nth-child(even) { background: rgba(255, 255, 255, .012) !important; }
#priceTableBody > .result-row:hover,
#priceTableBody > .result-row:focus-within {
  background: rgba(216, 173, 188, .065) !important;
  transform: none !important;
}
#priceTableBody .thumb-button {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px;
  min-height: 60px;
  border-radius: 8px;
  background: #0a0b0e !important;
  box-shadow: none !important;
}
#priceTableBody .product-title { font-size: 17px !important; line-height: 1.18; }
#priceTableBody .price-value { color: var(--cream) !important; font-size: 17px !important; }
#priceTableBody .producer,
#priceTableBody .product-meta,
#priceTableBody .observation-date,
#priceTableBody .pack-total { color: var(--muted) !important; }

.fine-print {
  margin-top: 12px;
  border-left: 0 !important;
  border-top: 1px solid var(--line);
  padding: 11px 0 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .hero { padding-block: 28px 24px !important; }
  .section { padding-block: 28px !important; }
  .explorer { padding: 12px !important; }
  #priceTableBody > .result-row { padding: 9px !important; background: #0e1013 !important; box-shadow: none !important; }
  #priceTableBody .thumb-button { width: 58px !important; height: 64px !important; min-width: 58px; min-height: 64px; }
}