/* acc 위젯 — 우하단에 떠 있는 빠른메뉴 버튼(.acc-buttons). 마크업 = include/acc.php.
   외부 사이트 공통으로 항상 노출된다. 자기완결 모듈 */
.acc-buttons { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: 8px; z-index: 80; }
.acc-btn { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,0.22); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.42); color: #333; box-shadow: 0 4px 24px rgba(15,23,42,0.12), inset 0 1px 0 rgba(255,255,255,0.35); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; transition: background .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.acc-btn:hover { background: rgba(255,255,255,0.32); border-color: rgba(255,255,255,0.55); transform: translateY(-2px); box-shadow: 0 6px 28px rgba(15,23,42,0.16), inset 0 1px 0 rgba(255,255,255,0.45); }
.acc-btn i { font-size: 1.4rem; color: inherit; -webkit-font-smoothing: antialiased; filter: drop-shadow(0 2px 1px rgba(255,255,255,0.85)) drop-shadow(0 3px 0 rgba(255,255,255,0.45)); }
/* ── 스크롤탑 = 버튼 투명 + SVG 트랙 원 fill(흰 디스크) → 링이 곧 디스크 테두리라 안쪽 여백이 없다 ── */
/* 진행 링·표시 토글·클릭은 사이트 JS(.js-scroll-top)가 맡는다. 400px 넘으면 .is-show */
.acc-scroll-top { position: relative; width: 52px; height: 52px; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s ease, visibility .4s ease, transform .2s ease; }
.acc-scroll-top:hover { background: transparent; box-shadow: none; }
.acc-scroll-top.is-show { opacity: 1; visibility: visible; pointer-events: auto; }
.acc-scroll-ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); pointer-events: none; }
/* 트랙 원 = 흰 디스크(fill) + 얇은 보더(stroke) — kbm 의 hsla(white,.92)+var(--line) 이식. */
.acc-scroll-track { fill: hsla(0,0%,100%,0.92); stroke: rgba(15,23,42,0.12); stroke-width: 1; }
/* 진행 원 = 브랜드색 아크(--brand-color → --c-primary 순으로 폴백. 사이트 core 가 정의하고 엔진은 정의하지 않는다).
   초기 offset 은 둘레값이라 JS 로드 전에는 빈 링으로 보인다 */
.acc-scroll-prog { fill: none; stroke: var(--brand-color, var(--c-primary, #7c3aed)); stroke-width: 2; stroke-dasharray: 150.8; stroke-dashoffset: 150.8; }
.acc-scroll-top i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; color: #1f2937; filter: none; }
@media (max-width: 768px) { .acc-buttons { right: 12px; bottom: 12px; } .acc-btn { width: 44px; height: 44px; font-size: 1.125rem; } .acc-scroll-top { width: 46px; height: 46px; } }

/* FOUC 가드 해제 — seo-extras.php 가 이 부품을 visibility:hidden 으로 숨겨 두고, 이 파일이 도착하면 드러낸다.
   ⚠ 이 규칙을 지우면 접근성·스크롤탑 위젯이 영영 안 보인다. */
.acc-buttons { visibility: visible; }

/* 자간·줄간격은 위젯이 출고한다(공통 기준 = letter-spacing normal · line-height 1.3) —
   안 정하면 사이트 body 값을 상속해 병원마다 갈린다 */
.acc-buttons { letter-spacing:normal; }

.acc-buttons { line-height:1.3; }

@media (hover: none) and (pointer: coarse) { .svx-scroll-top { display: none !important; } }
