/* S-Agroservis | readability patch 2026-11-03
   Load AFTER existing site CSS. Targets text on light catalog surfaces only.
   Does not alter layout, fonts, buttons, modal panels or dark backgrounds. */
:root {
  --sa-readable-body: #243c50;
  --sa-readable-muted: #40566b;
  --sa-readable-caption: #526579;
  --sa-readable-link: #006d9d;
}

/* Existing catalog product listing styles */
:where(.sa-gryaz-row, .sa-pipe-row, .sa-shnur-row, .sa-dimension-products, .sa-catalog-products, .sa-catalog-list, .sa-product-list, .sa-products-list, .sa-steel-unified) :where(.sa-gryaz-row__unit, .sa-gryaz-row__unit span, .sa-gryaz-row__price span, .sa-gryaz-count-out, .sa-gryaz-horizontal-search__heading p, .sa-ring-list-unit, .sa-ring-list-price span, .sa-steel-filter label span) {
  color: var(--sa-readable-muted) !important;
}

/* Product details: descriptive copy, price notes, specification labels */
:where(.sa-ring-product, .sa-ring-product-page, .sa-steel-card, .sa-gryaz-product) :where(.sa-ring-product-intro, .sa-ring-product-description, .sa-ring-product-dimensions small, .sa-ring-product-request-box > span, .sa-steel-gallery-note, .sa-gryaz-photo-note, .sa-ring-product-price-note) {
  color: var(--sa-readable-muted) !important;
}

/* Catalog cards and common request blocks on light surfaces */
:where(.sa-catalog-root, .sa-steel-unified, .sa-ring-list-grid, .sa-gryaz-horizontal) :where(.sa-catalog-root__description, .sa-catalog-root__card-description, .sa-catalog-root__subtitle, .sa-gryaz-row__unit, .sa-steel-gallery-note) {
  color: var(--sa-readable-muted) !important;
}

/* Small informational captions: still distinct, but readable */
:where(.sa-steel-card, .sa-steel-unified, .sa-gryaz-row, .sa-catalog-root) :where(.sa-steel-gallery-note, .sa-gryaz-photo-note, .sa-photo-note, .sa-catalog-image-note) {
  color: var(--sa-readable-caption) !important;
}

/* Search placeholder: slightly darker without affecting actual input text */
:where(.sa-gryaz-horizontal-search, .sa-steel-filter, .sa-catalog-root) input::placeholder {
  color: #63778a;
  opacity: 1;
}

/* Preserve contrast of text inside dark surfaces, links and action buttons.
   No global p/span/small selectors are used intentionally. */