/* pet 전용 레이아웃·글자 정리 (2026-10-21 김치킨 승인)
   폭은 두 가지만: 사이트 틀 1200px · 읽는 페이지 본문 820px(컨테이너 860 = 820 + 좌우 여백 20).
   글자는 최소 14px. 되돌리려면 functions.php 의 pet-overrides enqueue 한 줄만 지우면 된다. */

:root { --container: 1200px; }

/* 읽는 페이지: 건강정보 글·소개·약관 — 경로·광고·본문이 같은 폭에 정렬.
   병원 상세·진료비·24시는 김치킨 요청(10/21)으로 헤더 폭(1200) 그대로 */
.container.single-qa,
.container.policy-page,
.container--read { max-width: 860px; }
.container.policy-page { padding: 0 20px; }
.hospital-detail,
.qa-detail { max-width: none; }
.hospital-detail { padding-left: 0; padding-right: 0; }

/* 11~13px 이던 보조 글자 → 14px */
.breadcrumb,
.breadcrumb__sep,
.header-search .search-form input[type="search"],
.header-search .search-form input[type="text"],
.header-search .search-form button,
.front-sidebar--mobile .front-sidebar__list li a,
.hero-stat span,
.shortcuts__count,
.distance-badge,
.hospital-card__distance,
.tag--inst-type,
.tag--more,
.hospital-detail dt,
.hospital-detail__park-etc,
.tabs__btn,
.trending-list__rank,
.trending-list__date,
.qa-detail__author,
.archive-filter,
.taxonomy-cross-nav__heading,
.taxonomy-cross-nav__list a,
.taxonomy-sub-nav__count,
.site-footer,
.footer-taxonomy__title,
.footer-taxonomy__list a,
.footer-col__title,
.footer-bottom,
.footer-col__list a { font-size: 0.875rem; }

/* 병원 상세 본문 15px 안팎 → 16px */
.hospital-detail dl,
.hospital-detail__hours li,
.hospital-detail__park-summary,
.hospital-detail__content { font-size: 1rem; }
.hospital-detail__content table { font-size: 15px; }

/* 지도 마커: 동·약·장 한 글자 원형 (map.css 보다 뒤에 와도 이기도록 클래스 두 개) */
.map-marker.map-marker--pet {
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

/* 내 주변 목록: 첫 줄 배지·이름·거리, 둘째 줄 영업 상태·오늘 시간·전화 */
.nearby-hospital-item { flex-wrap: wrap; row-gap: 6px; }
.nearby-hospital-item__name { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: inherit; text-decoration: none; }
.nearby-hospital-item__name:hover { text-decoration: underline; }
.nearby-hospital-item__info {
    order: 4;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    font-size: 0.875rem;
    color: var(--color-text);
}
.pet-open { padding: 1px 8px; border-radius: 20px; background: #f1f3f5; color: #868e96; font-weight: 600; }
.pet-open--on { background: #e6fcf5; color: #0c8b5e; }
.pet-muted { color: var(--color-text-light); }
.pet-tel { color: var(--color-text); text-decoration: none; font-weight: 600; }
.pet-tel::before { content: "☎ "; color: var(--color-text-light); font-weight: 400; }

/* 건강정보 카드 썸네일 */
.qa-card__thumb { margin: 0 0 12px; border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 10; background: #f1f3f5; }
.qa-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ── 전체 검수 후속(2026-10-21) ───────────────────────────── */
/* 보조 글자색: #8d96a1 은 흰 바탕 대비 약 3:1 이라 흐리고 작아 보인다 → 4.5:1 이상 */
:root { --color-text-light: #6b7280; }

/* 디자인이 빠져 파란 밑줄 목록으로 나오던 링크 목록(24시 시군구·다른 지역 비용·404) → 칩 */
.hub-page__related-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.hub-page__related-list li { margin: 0; }
.hub-page__related-list a { display: inline-block; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: #fff; color: var(--color-text); font-size: 0.9375rem; font-weight: 600; text-decoration: none; }
.hub-page__related-list a:hover { border-color: var(--color-primary); color: var(--color-primary); }

/* 지역 페이지 필터의 「전체 진료과」 — 건강정보 글 분류라 병원 목록 필터로는 의미가 없다 */
.archive-filter[data-filter="f_dept"] { display: none; }

/* 푸터 맨 아래 줄이 본문보다 바깥으로 삐져나오던 것 */
.footer-bottom { padding-left: 32px; padding-right: 32px; }
@media (max-width: 768px) { .footer-bottom { padding-left: 0; padding-right: 0; } }

/* 작은 글자 정리: 목록 배지 12→13px, 목록 둘째 줄 14→15px (24시·상세 「확인일」은 템플릿 인라인이라 audit_fix_patch 에서) */
.nearby-hospital-list .nearby-hospital-item__badge { font-size: 0.8125rem; }
.nearby-hospital-item__info { font-size: 0.9375rem; }

/* 병원 상세: 이름이 48px 로 과하게 컸다 */
.hospital-detail__title { font-size: 2.25rem; }
@media (max-width: 768px) { .hospital-detail__title { font-size: 1.625rem; } }

/* 홈 지도 위 제목 */
.pet-home-title { font-size: 1.375rem; font-weight: 800; margin: 8px 0 14px; }

/* 검색 결과의 글·페이지 카드 */
.pet-search-card { display: block; text-decoration: none; color: inherit; }
.pet-search-card h3 { margin: 10px 0 8px; font-size: 1.25rem; }

/* 404 */
.pet-404 { padding: 48px 20px 64px; }
.pet-404 p { font-size: 1.0625rem; margin: 0 0 20px; }

/* 모바일 표: 칸이 많은 진료비 표는 옆으로 밀어 본다는 걸 알 수 있게 */
@media (max-width: 768px) {
    .fee-page .table-wrap {
        background:
            linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
            linear-gradient(to right, rgba(255,255,255,0), #fff 70%) 100% 0,
            radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.18), transparent),
            radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.18), transparent) 100% 0;
        background-repeat: no-repeat;
        background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
        background-attachment: local, local, scroll, scroll;
    }
    .fee-page .fee-table { font-size: 0.875rem; }
    .fee-page .fee-table tbody tr:hover { background: transparent; }
}