/*
 * Раздел «Музей сумок» (/bags-museum/).
 * Грузится только на страницах раздела — см. inc/museum.php.
 * Все размеры и цвета — токенами из style.css, без произвольных px.
 */

.olio-museum__crumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs);
  font-size:var(--fs-sm); color:var(--c-muted); margin:0 0 var(--space-md);
}
/* Крошки: своя рамка снизу плюс общее подчёркивание темы давали двойную
   линию — оставляем одно подчёркивание, приглушённого цвета. */
.olio-page__content .olio-museum__crumbs a{ color:var(--c-muted); text-decoration-color:var(--c-border); }
.olio-page__content .olio-museum__crumbs a:hover{ color:var(--c-text); }
.olio-museum__crumbs > *:not(:last-child)::after{ content:"→"; margin-left:var(--space-xs); color:var(--c-border); }

.olio-museum__lede{ max-width:64ch; margin:0 0 var(--space-lg); }

/* --- Лендинг: семейства ------------------------------------------------ */
.olio-museum__families{
  list-style:none; margin:0 0 var(--space-lg); padding:0;
  display:grid; gap:var(--space-md);
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.olio-museum__family{
  border:1px solid var(--c-border); border-radius:4px;
  padding:var(--space-md); background:var(--c-bg-alt);
}
.olio-museum__family > a{ text-decoration:none; display:block; margin-bottom:var(--space-xs); }
.olio-museum__family-name{ display:block; font-size:var(--fs-lg); color:var(--c-text); }
.olio-museum__family-count{ display:block; font-size:var(--fs-sm); color:var(--c-muted); }
.olio-museum__family-kinds{ font-size:var(--fs-sm); line-height:1.7; margin:0; color:var(--c-muted); }
.olio-museum__family-kinds a{ color:var(--c-muted); }

.olio-museum__note{ font-size:var(--fs-sm); color:var(--c-muted); max-width:64ch; }

/* --- Навигация по видам ------------------------------------------------- */
.olio-museum__kinds{
  display:flex; flex-wrap:wrap; gap:var(--space-xs);
  margin:0 0 var(--space-lg);
}
.olio-museum__kinds a{
  display:inline-flex; align-items:center; gap:6px; min-height:44px;
  padding:0 var(--space-sm); border:1px solid var(--c-border); border-radius:999px;
  font-size:var(--fs-sm); color:var(--c-text); text-decoration:none;
}
.olio-museum__kinds a:hover{ border-color:var(--c-text); }
.olio-museum__kinds span{ color:var(--c-muted); }

/* --- Сетка предметов ---------------------------------------------------- */
.olio-museum__grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:var(--space-md);
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
}
.olio-museum__grid--small{ grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); }
.olio-museum__card-link{ text-decoration:none; display:block; }
/* Экспонат вписываем целиком, не обрезаем: object-fit:cover срезал ридикюлям
   низ, а сумкам — ручки. Для музейной вещи кадрирование недопустимо, лучше
   поля. Квадрат вместо 4:3 — предметы чаще вертикальные, в широком окне они
   выходили марками. Фон белый: музейная съёмка почти всегда на белом, на
   тёплом --c-bg-alt вокруг фотографии проступала рамка. */
.olio-museum__thumb{
  display:block; aspect-ratio:1/1; overflow:hidden;
  background:var(--c-bg); border:1px solid var(--c-border); border-radius:3px;
  margin-bottom:var(--space-xs); padding:var(--space-xs); box-sizing:border-box;
}
.olio-museum__thumb img{ width:100%; height:100%; object-fit:contain; display:block; }
.olio-museum__card-title{ display:block; font-size:var(--fs-sm); color:var(--c-text); line-height:1.45; }
.olio-museum__card-src{ display:block; font-size:13px; color:var(--c-faint); margin-top:2px; }

/* --- Страница предмета -------------------------------------------------- */
.olio-museum__orig-title{ font-size:var(--fs-sm); color:var(--c-faint); margin:0; }
.olio-museum__figure{
  margin:0 0 var(--space-lg); border:1px solid var(--c-border); border-radius:4px;
  overflow:hidden; background:var(--c-bg-alt);
}
.olio-museum__figure img{ width:100%; height:auto; display:block; }
.olio-museum__body{ max-width:72ch; }

.olio-museum__facts{
  margin:0 0 var(--space-lg); padding:0;
  display:grid; gap:var(--space-xs);
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
}
.olio-museum__facts > div{ border-top:1px solid var(--c-border); padding-top:var(--space-xs); }
.olio-museum__facts dt{ font-size:13px; color:var(--c-faint); text-transform:uppercase; letter-spacing:.04em; }
.olio-museum__facts dd{ margin:2px 0 0; font-size:var(--fs-sm); color:var(--c-text); }

.olio-museum__subhead{ font-size:var(--fs-lg); margin:var(--space-lg) 0 var(--space-sm); }
.olio-museum__text--own{ font-size:var(--fs-base); }
.olio-museum__orig{ margin:var(--space-sm) 0; }
.olio-museum__orig summary{ cursor:pointer; font-size:var(--fs-sm); color:var(--c-muted); min-height:44px; display:flex; align-items:center; }
.olio-museum__orig-text{ font-size:var(--fs-sm); color:var(--c-muted); }
.olio-museum__disclaimer{ font-size:13px; color:var(--c-faint); }

.olio-museum__ware{
  border-left:3px solid var(--c-accent); padding:var(--space-sm) var(--space-md);
  background:var(--c-bg-alt); margin:var(--space-lg) 0;
}
.olio-museum__ware .olio-museum__subhead{ margin-top:0; }

/* Блок лицензии — обязателен по условиям музеев, поэтому визуально не прячем. */
.olio-museum__credit{
  border-top:1px solid var(--c-border); margin-top:var(--space-lg); padding-top:var(--space-sm);
}
.olio-museum__attr{ font-size:var(--fs-sm); color:var(--c-text); margin:0 0 4px; }
.olio-museum__lic{ font-size:13px; color:var(--c-faint); margin:0; }
.olio-museum__lic a{ color:var(--c-muted); }

.olio-museum__more{ margin-top:var(--space-xl); }

@media (max-width:600px){
  .olio-museum__grid{ grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:var(--space-sm); }
  .olio-museum__families{ grid-template-columns:1fr; }
}

/* Подписи плиток: в сетке из сорока карточек сплошное подчёркивание рябит.
   Селектор с классом И тегом (0,2,1) — иначе не перебить общее правило
   .olio-page__content a{text-decoration:underline} (0,2,0) из content-pages.css.
   Снимать decoration у вложенного span бесполезно: она наследуется от ссылки
   и потомком не отменяется. */
.olio-page__content a.olio-museum__card-link{ text-decoration:none; border-bottom:0; }
.olio-page__content a.olio-museum__card-link:hover .olio-museum__card-title{ text-decoration:underline; }

/* Значение материала — слова музея, часто не по-русски. */
.olio-museum__facts dd{ overflow-wrap:anywhere; }

/* Длинные подписи («Ридикюль, Франция, конец XVIII века») в узкой колонке
   на телефоне упирались в край плитки — разрешаем перенос внутри слова. */
.olio-museum__card-title,
.olio-museum__card-src{ overflow-wrap:anywhere; }

/* Витрина на лендинге — крупнее обычной сетки, четыре в ряд. */
.olio-museum__grid--feature{
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  margin-bottom:var(--space-xl);
}

/* Оговорка музея о содержании предмета. Обязательна к показу, поэтому она
   заметна, но не кричит: это пояснение хранителя, а не предупреждение сайта. */
.olio-museum__warning{
  border:1px solid var(--c-border); border-left:3px solid var(--c-muted);
  background:var(--c-bg-alt); padding:var(--space-sm) var(--space-md);
  margin:0 0 var(--space-lg); font-size:var(--fs-sm); color:var(--c-text-soft);
}
.olio-museum__warning p:last-child{ margin-bottom:0; }