/* ══════════════════════════════════════════════════════════════════════════
   Zenturi - Archív integrácií
   Figma „Section / Bento 3" 767:31021 (desktop 1280), taby 767:37530,
   karta 767:31188.

   Sekcia, tab bar aj grid REUSE-UJÚ `.zn-tools*` z `assets/css/tools.css`
   1:1 (rovnaká sekcia „Section / Bento 3" ako pomôcky, len iný obsah) - žiadna
   duplicitná trieda. Tento súbor dopĺňa LEN to, čo sa od pomôcok líši:
   vlastný popis pod nadpisom karty (14 px, text-secondary namiesto 18 px
   textu Manuálu) a `object-fit` pre logá z Multimédií (raster obrázky
   v `zn-tool-card__icon` slote, na rozdiel od Manuálu, ktorý tam má vlastné
   štvorcové SVG ikony z knižnice - tie `object-fit` nepotrebujú).
   ══════════════════════════════════════════════════════════════════════════ */

/* Logo integrácie môže byť ľubovoľného pomeru (WooCommerce 208×124, OMEGA
   208×48 - zmerané). `.zn-tool-card--icon .zn-tool-card__icon` v tools.css
   dáva len rozmer slotu (52×52); `object-fit: contain` sem patrí navyše, lebo
   ikony z knižnice sú inline `<svg>` (object-fit ich neovplyvní), kým logo
   je `<img>`/`wp_get_attachment_image()` - bez neho by ho slot deformoval
   (default `object-fit: fill`). */
.zn-tool-card__icon {
  display: block;
  object-fit: contain;
}

/* Popis pod nadpisom karty integrácie (get_design_context 767:31188;19:2334):
   14/1.5, Scheme A/Text Secondary #75878f - odlišné od Manuálu
   (`.zn-tool-card--icon .zn-tool-card__desc` = 18 px, plná farba textu),
   preto vlastný modifikátor `--integration`, nie zásah do zdieľaného pravidla. */
.zn-tool-card--integration .zn-tool-card__desc {
  font-size: var(--text-sm);                   /* Size/Small 14 */
  color: var(--color-text-secondary);          /* #75878f */
}

/* Mobil: Figma frame pre kartu nedodaný samostatne (rovnaká inštancia ako
   desktop), text ostáva 14 px - `.zn-tool-card--icon .zn-tool-card__desc`
   v tools.css na mobile prepisuje font-size na 16px (Size/Medium), čo by tu
   prebilo náš 14px bez tejto query. */
@media (max-width: 767.98px) {
  .zn-tool-card--integration .zn-tool-card__desc {
    font-size: var(--text-sm);
  }
}