/* T663 (2026-10-17): 빠른 메뉴 보강 — 외국어 메신저 버튼(일본어 LINE·영어 WhatsApp·중국어 WeChat)과 전 언어 키보드 포커스 표시.
   common.css 는 /theme/* 엣지 캐시(7일) 때문에 같은 URL 을 고치지 않고 새 파일로 붙인다. */
.beyound-quick .menu-list a.line:hover { background: #06C755 }
.beyound-quick .menu-list a.whatsapp:hover { background: #25D366 }
.beyound-quick .menu-list a.wechat:hover { background: #07C160 }
.beyound-quick .menu-list .ico-line { background: url(../icons/ico_line.svg) no-repeat center/contain }
.beyound-quick .menu-list .ico-whatsapp { background: url(../icons/ico_whatsapp.svg) no-repeat center/contain }
.beyound-quick .menu-list .ico-wechat { background: url(../icons/ico_wechat.svg) no-repeat center/contain }

/* T663 게이트(sol) + 오너 지시(2026-10-17): 키보드 포커스에도 라벨을 펼친다 — 모든 빠른 메뉴 버튼, hover 와 같은 모양.
   링크 이름은 각 <a> 의 aria-label(보이는 라벨과 같은 문구), 아이콘 <i> 는 aria-hidden. */
.beyound-quick .menu-list a:focus-visible { width: 100%; padding: 1.8rem; gap: 1.2rem }
.beyound-quick .menu-list a:focus-visible span { width: auto; opacity: 1; visibility: visible; transition: .3s .4s }
.beyound-quick .menu-list a:focus-visible i { filter: brightness(0) invert(1) }
.beyound-quick .menu-list a.kakao:focus-visible i { filter: sepia(85%) saturate(300%) hue-rotate(5deg) brightness(40%) contrast(85%) }
.beyound-quick .menu-list a.naver:focus-visible { background: #32B44A }
.beyound-quick .menu-list a.kakao:focus-visible { background: #F9E000 }
.beyound-quick .menu-list a.youtube:focus-visible { background: #FE0000 }
.beyound-quick .menu-list a.instagram:focus-visible { background: linear-gradient(240deg, rgba(193, 26, 123, 1) 0%, rgba(252, 32, 78, 1) 52%, rgba(255, 117, 0, 1) 100%) }
.beyound-quick .menu-list a.line:focus-visible { background: #06C755 }
.beyound-quick .menu-list a.whatsapp:focus-visible { background: #25D366 }
.beyound-quick .menu-list a.wechat:focus-visible { background: #07C160 }

/* T663 2차 게이트(sol): 닫는 순간 목록을 바로 숨긴다. common.css 의 visibility 0.3s 전환 동안
   닫히는 링크에 Tab 이 들어갔다가 숨김 완료 때 포커스가 BODY 로 떨어졌다. */
.beyound-quick .menu-list:not(.active) { visibility: hidden; transition: opacity 0.3s, visibility 0s }
/* 여는 순간도 바로 보이게(전환 첫 프레임엔 visibility 가 hidden 이라 곧바로 누른 Tab 이 메뉴를 건너뛰었다). 불투명도 페이드는 그대로. */
.beyound-quick .menu-list.active { transition: opacity 0.3s, visibility 0s }
