/* ============================================================
   Starflowers — компоненти, які не описуються токенами theme.json.
   Кольори/типографіка/відступи беруться з CSS-змінних, які
   WordPress генерує з theme.json — тут немає жодного хардкоду.
   ============================================================ */

/* --- службове ------------------------------------------------ */
.is-style-no-bullets { list-style: none; margin-left: 0; padding-left: 0; }
.is-style-no-bullets li { margin-bottom: 8px; }

/* --- шапка --------------------------------------------------- */
.wp-site-blocks > header.wp-block-group {
  position: sticky;
  top: 0;
  z-index: 60;
  background: color-mix(in oklch, var(--wp--preset--color--paper) 94%, transparent);
  backdrop-filter: saturate(1.2) blur(8px);
}

.wp-block-site-title a { text-decoration: none; }
.wp-block-site-tagline { margin-top: 2px; line-height: 1; }

/* --- надрядковий заголовок (eyebrow з макета) ---------------- */
.is-style-eyebrow {
  font-family: var(--wp--preset--font-family--sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--wp--preset--color--kraft-deep);
}

/* --- картка товару ------------------------------------------- */
.woocommerce ul.products li.product,
.wc-block-grid__product,
.wp-block-woocommerce-product-template li {
  text-align: left;
}

.wc-block-components-product-name {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 600;
  letter-spacing: 0.005em;
}

.wc-block-components-product-price {
  font-family: var(--wp--preset--font-family--sans);
  font-weight: 700;
}

/* --- зображення-плейсхолдер, поки немає фото товарів --------- */
.woocommerce-placeholder,
.wp-block-woocommerce-product-image img[src*="woocommerce-placeholder"] {
  background:
    repeating-linear-gradient(135deg, rgb(255 255 255 / 0.16) 0 2px, transparent 2px 13px),
    var(--wp--preset--color--rose-tint);
  object-fit: contain;
  padding: 18%;
  opacity: 0.7;
}

/* --- SEO-текст під каталогом (опис категорії) ---------------- */
.term-description {
  max-width: 760px;
  margin: var(--wp--preset--spacing--50) 0 0;
  padding-top: var(--wp--preset--spacing--40);
  border-top: 1px solid var(--wp--preset--color--line);
  color: var(--wp--preset--color--ink-soft);
  font-size: 15.5px;
  line-height: 1.75;
}
.term-description h2 { font-size: 28px; margin-bottom: 14px; }
.term-description h3 { font-size: 19px; margin: 28px 0 10px; }
.term-description p  { margin-bottom: 14px; }
.term-description a  { color: var(--wp--preset--color--rose); border-bottom: 1px solid currentColor; }

/* --- адаптив ------------------------------------------------- */
@media (max-width: 560px) {
  .wp-block-site-title { font-size: 22px !important; letter-spacing: 0.10em !important; }
  .wp-block-site-tagline { font-size: 14px !important; }
}