/* ============================================================
   photo-filter.css
   Единый редакционный фильтр для 182 телефонных фото
   Принадлежит: Ассоциация женщин-судей Узбекистана
   ------------------------------------------------------------
   Требования:
   - подключить ДО news-cards.css и news-article.css
   - переменные --photo-filter-* используются в дочерних файлах
   ============================================================ */

:root {
  --photo-filter:
    brightness(1.02)
    contrast(1.06)
    saturate(0.86)
    sepia(0.06)
    hue-rotate(-2deg);

  --photo-filter-hover:
    brightness(1.06)
    contrast(1.08)
    saturate(0.92)
    sepia(0.04)
    hue-rotate(-2deg);

  --photo-filter-portrait:
    brightness(1.01)
    contrast(1.03)
    saturate(0.94)
    sepia(0.02);
}

/* ============ БАЗОВЫЙ ФИЛЬТР ============ */
.news-card__media img,
.article__hero img,
.article__inline img,
.article__series-grid img,
.gallery__item img {
  filter: var(--photo-filter);
  transition:
    filter 500ms cubic-bezier(.2, .7, .2, 1),
    transform 700ms cubic-bezier(.2, .7, .2, 1);
  will-change: transform, filter;
}

/* ============ ПОРТРЕТНЫЙ РЕЖИМ ============ */
/* Для официальных портретов и церемониальных фото — ослабленный
   фильтр, чтобы лица не выглядели «обработанными». */
.photo--portrait img,
.news-card--formal .news-card__media img {
  filter: var(--photo-filter-portrait);
}

/* ============ HOVER ============ */
@media (hover: hover) {
  .news-card:hover .news-card__media img,
  .gallery__item:hover img {
    filter: var(--photo-filter-hover);
    transform: scale(1.025);
  }
}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
  .news-card__media img,
  .article__hero img,
  .gallery__item img {
    transition: none !important;
    transform: none !important;
  }
}