/* Theme Name: Hyoo Test (Hybrid) Theme URI: https://hyoochangwon.com/ Author: hyoo-clinic dev Description: 클래식 + 블록 하이브리드 구조 테스트용 임시 테마. 실제 서비스에는 사용하지 않음. Version: 0.0.1 Requires PHP: 8.4 Text Domain: hyoo-test */ /* ── 색상 토큰 ── 참고 소스(main/header/footer/components.css)와 우리 쪽에서 이미 쓰던 브라운 계열 액센트(#a87860, #b5837c, #b87060, #c8a898)를 한 곳에 모아 변수화. 파일마다 값이 흩어져 반복되던 걸 정리 — 톤을 바꿀 때 여기 값만 고치면 전체에 반영됨. */ :root { --hyoo-accent: #a87860; --hyoo-accent-dark: #8d6450; --hyoo-accent-light: #b5837c; --hyoo-accent-muted: #c8a898; --hyoo-accent-rose: #b87060; --hyoo-text: #1e1814; --hyoo-text-muted: #7a6e6a; --hyoo-text-soft: #857c72; --hyoo-border: #e8ddd8; --hyoo-bg-soft: #faf8f6; } /* ── CSS Reset ── */ *, *::before, *::after { box-sizing: border-box; } html, body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; } html { -webkit-text-size-adjust: 100%; } body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; } img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; } input, button, textarea, select { font: inherit; } table { border-collapse: collapse; border-spacing: 0; } label[for] { cursor: pointer; } /* 키보드 포커스 표시 — 참고 소스 4개 CSS 파일 전부 :hover만 있고 :focus-visible이 없어서 누락된 부분. 전역 기본값으로 한 번만 정의. */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--hyoo-accent); outline-offset: 2px; } /* ── 유틸리티 ── */ .select-none { -webkit-user-select: none; user-select: none; } .drag-none { -webkit-user-drag: none; user-drag: none; /* 표준 속성 아님, 문제 발생 시 제거 */ } .event-none { pointer-events: none; } .sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .sr-only:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* ── 관리자 도구모음(wpadminbar) ── */ /* 기본값은 position:fixed라 스크롤해도 화면 상단에 계속 따라옴(사용자 요청, 2026-09-16 "wpadminbar 따라오는 것을 없애고 싶어" → absolute로 처리했으나 여전히 고정처럼 보인다는 재확인 → "position relative 같은 형태나 방식으로 그자리에 있는게 좋아") — absolute 대신 static으로 변경: 좌표 계산이나 포함 블록 관계를 따질 필요 없이 완전히 일반 문서 흐름의 블록 요소가 되어, 페이지 맨 위 원래 자리에 그대로 있다가 스크롤하면 같이 지나감. 워드프레스 코어가 고정 바 높이만큼 에 얹어두는 margin-top:32px!important (wp-includes/admin-bar.php의 _admin_bar_bump_cb, 모바일 폭에서는 46px)도 이제 필요 없어 같이 제거 — 코어 규칙이 순수 엘리먼트 선택자(html)라 동일한 우선순위 싸움에서 로드 순서에 의존하지 않도록 :root로 명시도를 한 단계 높여서 확실히 이김. */ #wpadminbar { position: static !important; } html:root { margin-top: 0 !important; }