/* ==========================================================================
   S삼성 안내 · 전후 사진 사례(W-183) — 시안 CSS(cases2/합본.css · 사례_릴스.css · 사례.css)와 홈페이지 머리줄 사이의 맞춤   assets/cases-bridge.css
   시안 파일은 고치지 않습니다. 홈페이지 머리줄(메뉴)과 함께 놓일 때 어긋나는 것만 여기에.
   ========================================================================== */
/* 휴대폰 머리줄: 홈페이지 머리줄에는 [≡ 메뉴] 가 더 있어 「‹ 사례 목록으로」 · 「전후 사진」 글자가 잘림(‹사례 …)
   → 이 화면에서만 「‹ 첫 화면」 알약을 빼고 「S삼성」(첫 화면으로 가는 링크)은 남김. PC 는 그대로. */
@media (max-width: 1023.98px) {
  body.ssg-cases2 .dx-top .dx-home::after { display: none; }
  body.ssg-cases2 .dx-top .dx-home { font-size: 1.125rem; min-width: 48px; margin-right: 6px; }   /* (W-221) 0 → 48: 「S삼성」 43px 도 누르는 자리 48 */
  body.ssg-cases2 .dx-top .dx-home .dx-home__t { display: inline; }
}
/* PC: 머리줄 「전화하기」에 마우스를 올리면 밝아지게(밝은 화면의 규칙 ss.css .ss-light 와 같은 값 — 릴스(어두운) 화면에는 그 규칙이 없었음) */
@media (hover: hover) and (pointer: fine) {
  body.ssg-cases2 .dx-top__call { transition: filter .15s; }
  body.ssg-cases2 .dx-top__call:hover { filter: brightness(1.18); }
}
/* 끝 화면 「원장님께 물어보기」(cases-bridge.js 가 더함 · 원장님 67-5) — 「사례 목록으로」와 같은 크기 · 남색 바탕으로 가름 */
.cr-end .cr-end__ask { background: var(--navy); color: #fff; border: 2px solid #fff; }
.cr-end .cr-end__ask:hover { text-decoration: underline; }
.cr-reel:not(.is-done) .cr-end .cr-end__ask { display: none; }   /* 재생 중 작은 단추 줄(W-206 부터 모든 사례)에는 넣지 않음 — 끝 화면에만 */
/* (W-221) 꼬리말 링크 — 짧은 링크(「유튜브」 42px)도 너비 48(테마 ss.css 의 .dx-foot a 와 같은 규칙 · 시안 합본.css 는 그대로) */
body.ssg-cases2 .dx-foot a, body.ssg-cases2 .dx-sns a { justify-content: center; min-width: 48px; }
/* W-183 완료 */
/* W-206 완료 */