/* =========================================================
   HK Studio Final Grey Theme Override
   Version: 0.2.4-final-grey-theme-header-title-bg-hard-hide
   목적:
   - 전체 바깥 배경과 페이지 내부를 같은 계열 그레이로 통일
   - 섹션별 CSS에 남아 있는 white background를 마지막에 덮어씀
   - 화면폭은 1120px 이상 커지지 않게 유지
   - WordPress 페이지 제목/테마 헤더/상단 브랜드 텍스트 숨김
   ========================================================= */

/* 0. Theme color tokens */
#hk-studio-root {
    --hk-bg: #ededeb;
    --hk-surface: #ededeb;
    --hk-panel: #f4f4f2;
    --hk-card: #f7f7f5;
    --hk-line: #d2d2ce;
    --hk-line-strong: #c2c2bd;
    --hk-text: #151515;
    --hk-muted: #5f5f5b;
    --hk-button: #111111;
}

/* 1. 바깥 흰색/검정 배경 제거: hk-studio 페이지에서만 */
html:has(#hk-studio-root),
body.hk-studio-page-active,
body.hk-studio-page-active #page,
body.hk-studio-page-active .site,
body.hk-studio-page-active .site-content,
body.hk-studio-page-active .content-area,
body.hk-studio-page-active .entry-content,
body.hk-studio-page-active .wp-site-blocks,
body.hk-studio-page-active main,
body.hk-studio-page-active article,
body.hk-studio-global-ui-off-page,
body.hk-studio-global-ui-off-page #page,
body.hk-studio-global-ui-off-page .site,
body.hk-studio-global-ui-off-page .site-content,
body.hk-studio-global-ui-off-page .content-area,
body.hk-studio-global-ui-off-page .entry-content,
body.hk-studio-global-ui-off-page .wp-site-blocks,
body.hk-studio-global-ui-off-page main,
body.hk-studio-global-ui-off-page article {
    background: #ededeb !important;
}

/* 2. 테마 헤더 / 사이트명 / 페이지 타이틀 전부 숨김 */
body.hk-studio-page-active #masthead,
body.hk-studio-page-active .site-header,
body.hk-studio-page-active header.site-header,
body.hk-studio-page-active .site-branding,
body.hk-studio-page-active .site-title,
body.hk-studio-page-active .site-title a,
body.hk-studio-page-active .site-description,
body.hk-studio-page-active .custom-logo,
body.hk-studio-page-active .custom-logo-link,
body.hk-studio-page-active .wp-block-site-title,
body.hk-studio-page-active .wp-block-site-logo,
body.hk-studio-page-active .wp-block-navigation,
body.hk-studio-page-active .wp-block-template-part,
body.hk-studio-page-active .entry-header,
body.hk-studio-page-active .entry-title,
body.hk-studio-page-active .page-title,
body.hk-studio-page-active h1.entry-title,
body.hk-studio-page-active h1.page-title,
body.hk-studio-page-active .wp-block-post-title,
body.hk-studio-page-active main > h1,
body.hk-studio-page-active article > h1,
body.hk-studio-global-ui-off-page #masthead,
body.hk-studio-global-ui-off-page .site-header,
body.hk-studio-global-ui-off-page header.site-header,
body.hk-studio-global-ui-off-page .site-branding,
body.hk-studio-global-ui-off-page .site-title,
body.hk-studio-global-ui-off-page .site-title a,
body.hk-studio-global-ui-off-page .site-description,
body.hk-studio-global-ui-off-page .custom-logo,
body.hk-studio-global-ui-off-page .custom-logo-link,
body.hk-studio-global-ui-off-page .wp-block-site-title,
body.hk-studio-global-ui-off-page .wp-block-site-logo,
body.hk-studio-global-ui-off-page .wp-block-navigation,
body.hk-studio-global-ui-off-page .wp-block-template-part,
body.hk-studio-global-ui-off-page .entry-header,
body.hk-studio-global-ui-off-page .entry-title,
body.hk-studio-global-ui-off-page .page-title,
body.hk-studio-global-ui-off-page h1.entry-title,
body.hk-studio-global-ui-off-page h1.page-title,
body.hk-studio-global-ui-off-page .wp-block-post-title,
body.hk-studio-global-ui-off-page main > h1,
body.hk-studio-global-ui-off-page article > h1 {
    display: none !important;
}

/* 3. 헤더 제거 후 남는 상단 여백도 제거 */
body.hk-studio-page-active #page,
body.hk-studio-page-active .site,
body.hk-studio-page-active .site-content,
body.hk-studio-page-active .content-area,
body.hk-studio-page-active .entry-content,
body.hk-studio-page-active .wp-site-blocks,
body.hk-studio-page-active main,
body.hk-studio-page-active article,
body.hk-studio-global-ui-off-page #page,
body.hk-studio-global-ui-off-page .site,
body.hk-studio-global-ui-off-page .site-content,
body.hk-studio-global-ui-off-page .content-area,
body.hk-studio-global-ui-off-page .entry-content,
body.hk-studio-global-ui-off-page .wp-site-blocks,
body.hk-studio-global-ui-off-page main,
body.hk-studio-global-ui-off-page article {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* 4. 플러그인 루트와 고정폭 페이지 */
#hk-studio-root {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    background: var(--hk-bg) !important;
    color: var(--hk-text) !important;
}

#hk-studio-root .hk-studio-shell,
#hk-studio-root .hk-studio-page,
#hk-studio-root .hk-studio-container,
#hk-studio-root .hk-studio-inner {
    width: 100% !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: var(--hk-surface) !important;
}

/* 5. 네비/섹션/본문 배경 전체 통일 */
#hk-studio-root .hk-studio-local-nav,
#hk-studio-root [data-hk-section="LocalNav"],
#hk-studio-root .hk-studio-section,
#hk-studio-root [data-hk-section],
#hk-studio-root .hk-studio-hero,
#hk-studio-root .hk-studio-gallery,
#hk-studio-root .hk-studio-summary,
#hk-studio-root .hk-studio-content-grid,
#hk-studio-root .hk-studio-main-column,
#hk-studio-root .hk-studio-booking-column,
#hk-studio-root .hk-studio-chat,
#hk-studio-root .hk-studio-main-section,
#hk-studio-root .hk-studio-admin-page {
    background: var(--hk-surface) !important;
}

/* 6. border / divider */
#hk-studio-root .hk-studio-local-nav,
#hk-studio-root .hk-studio-summary__grid,
#hk-studio-root .hk-studio-main-section,
#hk-studio-root [data-hk-section="D1-Intro"],
#hk-studio-root [data-hk-section="E-Amenities"],
#hk-studio-root [data-hk-section="F-Policy"],
#hk-studio-root [data-hk-section="G-Location"],
#hk-studio-root [data-hk-section="H-FAQ"] {
    border-color: var(--hk-line) !important;
}

/* 7. 카드/패널/예약박스 */
#hk-studio-root .hk-studio-booking-sticky,
#hk-studio-root .hk-studio-booking-card,
#hk-studio-root [data-hk-section="D2-BookingSticky"] .hk-studio-card,
#hk-studio-root .hk-studio-price-cell,
#hk-studio-root .hk-studio-info-card,
#hk-studio-root .hk-studio-card,
#hk-studio-root .hk-studio-panel,
#hk-studio-root .hk-studio-map-placeholder,
#hk-studio-root .hk-studio-admin-table,
#hk-studio-root .hk-studio-admin-table th,
#hk-studio-root .hk-studio-admin-table td {
    background: var(--hk-card) !important;
    border-color: var(--hk-line) !important;
}

#hk-studio-root .hk-studio-booking-sticky,
#hk-studio-root .hk-studio-booking-card,
#hk-studio-root [data-hk-section="D2-BookingSticky"] .hk-studio-card {
    box-shadow: none !important;
}

/* 8. 폼 */
#hk-studio-root input,
#hk-studio-root select,
#hk-studio-root textarea {
    background: var(--hk-card) !important;
    border-color: var(--hk-line-strong) !important;
    color: var(--hk-text) !important;
}

/* 9. 갤러리도 그레이 계열로 정리 */
#hk-studio-root .hk-studio-gallery__grid,
#hk-studio-root .hk-studio-photo-grid {
    background: var(--hk-line) !important;
}

#hk-studio-root .hk-studio-gallery__item,
#hk-studio-root .hk-studio-photo {
    background: linear-gradient(135deg, #b8b5ad, #d8d4ca) !important;
}

#hk-studio-root .hk-studio-gallery__item:first-child,
#hk-studio-root .hk-studio-photo:first-child {
    background: linear-gradient(135deg, #aaa69d, #cac5ba) !important;
}

#hk-studio-root .hk-studio-gallery__button,
#hk-studio-root .hk-studio-show-photos {
    background: var(--hk-card) !important;
    color: var(--hk-text) !important;
    border-color: var(--hk-button) !important;
}

/* 10. 버튼은 심플하게 블랙 */
#hk-studio-root .hk-studio-booking-button,
#hk-studio-root .hk-studio-submit,
#hk-studio-root button[type="submit"],
#hk-studio-root .hk-studio-floating-chat {
    background: var(--hk-button) !important;
    color: #fff !important;
    border-color: var(--hk-button) !important;
}

/* 11. 텍스트 톤 */
#hk-studio-root,
#hk-studio-root h1,
#hk-studio-root h2,
#hk-studio-root h3,
#hk-studio-root h4,
#hk-studio-root strong {
    color: var(--hk-text) !important;
}

#hk-studio-root p,
#hk-studio-root .hk-studio-muted,
#hk-studio-root .hk-studio-booking-help,
#hk-studio-root .hk-studio-summary__text,
#hk-studio-root .hk-studio-host__desc,
#hk-studio-root .hk-studio-info-card__text,
#hk-studio-root .hk-studio-booking-note {
    color: var(--hk-muted) !important;
}

/* 12. 모바일에서도 동일한 배경 유지 */
@media (max-width: 980px) {
    #hk-studio-root .hk-studio-shell,
    #hk-studio-root .hk-studio-page,
    #hk-studio-root .hk-studio-container,
    #hk-studio-root .hk-studio-inner {
        max-width: 100% !important;
        background: var(--hk-surface) !important;
    }
}
/* =========================================================
   13. HK Studio FINAL HARD OVERRIDE
   목적:
   - 상단 studio250915 제거
   - 상단 오른쪽 Studio HaruKim 제거
   - 가운데 큰 Studio HaruKim 페이지 제목 제거
   - 바깥 흰색 배경을 HK Studio 연그레이(#ededeb)로 통일

   기준:
   - D2 섹션은 건드리지 않음
   - HK Studio 페이지에 #hk-studio-root가 있을 때만 작동
   ========================================================= */

/* 13-1. WordPress 테마 헤더/사이트명 숨김 */
html:has(#hk-studio-root) body > header,
html:has(#hk-studio-root) body .wp-site-blocks > header,
html:has(#hk-studio-root) body .wp-site-blocks > .wp-block-template-part:has(.wp-block-site-title),
html:has(#hk-studio-root) body .wp-site-blocks > .wp-block-template-part:has(.site-title),
html:has(#hk-studio-root) body .wp-site-blocks > .wp-block-template-part:has(.wp-block-navigation),
html:has(#hk-studio-root) body #masthead,
html:has(#hk-studio-root) body .site-header,
html:has(#hk-studio-root) body header.site-header,
html:has(#hk-studio-root) body .site-branding,
html:has(#hk-studio-root) body .site-title,
html:has(#hk-studio-root) body .site-title a,
html:has(#hk-studio-root) body .site-description,
html:has(#hk-studio-root) body .wp-block-site-title,
html:has(#hk-studio-root) body .wp-block-site-title a,
html:has(#hk-studio-root) body .wp-block-site-logo,
html:has(#hk-studio-root) body .wp-block-navigation {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 13-2. WordPress 페이지 제목 Studio HaruKim 숨김 */
html:has(#hk-studio-root) body .entry-header,
html:has(#hk-studio-root) body .entry-title,
html:has(#hk-studio-root) body .page-title,
html:has(#hk-studio-root) body h1.entry-title,
html:has(#hk-studio-root) body h1.page-title,
html:has(#hk-studio-root) body .wp-block-post-title,
html:has(#hk-studio-root) body main > h1:first-child,
html:has(#hk-studio-root) body article > h1:first-child,
html:has(#hk-studio-root) body .wp-site-blocks > main > h1:first-child,
html:has(#hk-studio-root) body .wp-site-blocks > main > .wp-block-post-title {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 13-3. 헤더/타이틀 제거 뒤 남는 상단 여백 제거 */
html:has(#hk-studio-root) body,
html:has(#hk-studio-root) body #page,
html:has(#hk-studio-root) body .site,
html:has(#hk-studio-root) body .site-content,
html:has(#hk-studio-root) body .content-area,
html:has(#hk-studio-root) body .wp-site-blocks,
html:has(#hk-studio-root) body main,
html:has(#hk-studio-root) body article,
html:has(#hk-studio-root) body .entry-content,
html:has(#hk-studio-root) body .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* 13-4. 바깥 흰색 테두리/배경을 연그레이로 통일 */
html:has(#hk-studio-root),
html:has(#hk-studio-root) body,
html:has(#hk-studio-root) body #page,
html:has(#hk-studio-root) body .site,
html:has(#hk-studio-root) body .site-content,
html:has(#hk-studio-root) body .content-area,
html:has(#hk-studio-root) body .wp-site-blocks,
html:has(#hk-studio-root) body main,
html:has(#hk-studio-root) body article,
html:has(#hk-studio-root) body .entry-content,
html:has(#hk-studio-root) body .wp-block-post-content {
    background: #ededeb !important;
}

/* 13-5. HK Studio 루트는 그대로 연그레이 유지 */
html:has(#hk-studio-root) #hk-studio-root {
    background: #ededeb !important;
}