/* ==========================================================================
   Правила кейсов для новой оболочки. Подключается последним: заменяет прежние
   правила, написанные под разметку Framer (case-kostaff, case-contractor,
   case-dirft-grid, project-case). Сами файлы кейсов не меняются.
   ========================================================================== */

.case-passport__item { min-width: 105px; }

/* Подвал на кейсах: пункты разделов и соцсетей приглушены, подпись над почтой — основным цветом */
html[data-case-route] .site-footer .letter-roll { color: var(--case-muted, var(--text-muted)); }
html[data-case-route] .site-footer .footer-link:is(:hover, :focus-visible) .letter-roll,
html[data-case-route] .site-footer .footer-social:is(:hover, :focus-visible) .letter-roll { color: var(--accent); }
html[data-case-route] .site-footer .footer-contact .footer-label { color: var(--case-ink, var(--text)); }

/* Admin Kostaff: место под кнопку «Все проекты» над названием в две строки */
@media (min-width: 1024px) {
  .case-page[data-case="kostaff"] > .case-hero > .case-hero__header { padding-top: calc(16px + 44px + 24px); justify-content: flex-start; }
}
@media (min-width: 1200px) {
  .case-page[data-case="kostaff"] > .case-hero > .case-hero__header { padding-top: calc(24px + 44px + 24px); }
}

/* «Надёжный подрядчик»: название масштабируется по ширине колонки */
.case-page[data-case="contractor"] .case-hero__heading { container-type: inline-size; }
.case-page[data-case="contractor"] .case-hero__heading h1 {
  font-family: var(--font-display); font-weight: 500; font-size: min(125px, 21cqw); line-height: .9;
  word-break: normal; overflow-wrap: normal;
}

/* DIRFT: текст паспорта переносится внутри своей ячейки */
.case-page[data-case="dirft"] [data-case-passport] :is(.case-passport__text, .case-passport__label, .case-passport__value) { width: 100%; min-width: 0; max-width: 100%; }
@media (max-width: 809px) {
  .case-page[data-case="dirft"] [data-case-passport] .case-passport__item { align-self: stretch; height: auto; min-height: 120px; }
}

/* Паспорт на телефоне: длинная подпись переносится внутри своей ячейки, а не наезжает на соседнюю
   (Admin Kostaff, «Продуктовый UX/UI-дизайнер» на 320–360 px). Подписи, которые помещаются, не меняются. */
@media (max-width: 809.98px) {
  [data-case-passport] .case-passport__item { align-self: stretch; }
  [data-case-passport] :is(.case-passport__text, .case-passport__label, .case-passport__value) { width: 100%; min-width: 0; max-width: 100%; }
  [data-case-passport] .case-passport__value { white-space: normal; overflow-wrap: anywhere; }
}

/* Полоса «Другие проекты»: наведение на картинку останавливает прокрутку (project-case.js) */
.case-more .project-card__image { pointer-events: auto; }
/* Описание карточки — как на главной, а не по старому правилу .case-more-grid p */
.case-more .project-card__desc { font: 400 16px/25.6px var(--font-text); color: var(--text-muted); }
@media (max-width: 1199.98px) {
  .case-more .project-card__desc { font-size: 15px; line-height: 24px; }
}

/* Паспорт проекта: альтернативные начертания Inter, как в исходном дизайне */
[data-case-passport] :is(.case-passport__label, .case-passport__value) { font-feature-settings: "blwf", "cv03", "cv04", "cv09", "cv11"; }