/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* KBoard category-bar ... (..../...... ...) */
.category-bar { display:none !important; }


/* ===========================================================================
   Banner viewport-stretch — /비자칼럼/(post archive) + /비자승인사례/(page 3565)
   둘 다 ast-archive-entry-banner 클래스+attr 사용 → Astra가 생성하는 CSS
   (background-image, padding, min-height, h1 size 등) 자동 적용됨.
   여기서는 부모 컨테이너 1200px 제한을 극복하는 viewport-stretch만 추가.
   =========================================================================== */
.blog .ast-archive-entry-banner[data-post-type="post"],
.archive .ast-archive-entry-banner[data-post-type="post"],
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
}
.blog .ast-archive-entry-banner[data-post-type="post"] .ast-container,
.archive .ast-archive-entry-banner[data-post-type="post"] .ast-container,
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ===========================================================================
   page 3565 전용: Astra Pro의 archive-only banner CSS 복제
   (Astra Pro는 이 CSS를 archive 컨텍스트에서만 enqueue 하므로 page에는 누락)
   =========================================================================== */
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] {
    justify-content: center;
    min-height: 260px;
    padding-top: 3em;
    padding-right: 3em;
    padding-bottom: 3em;
    padding-left: 3em;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container {
    width: 100%;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container * {
    color: var(--ast-global-color-5);
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container h1 {
    font-size: 40px;
    font-size: 2.5rem;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container a,
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container a * {
    color: var(--ast-global-color-6);
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container a:hover,
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container a:hover * {
    color: var(--ast-global-color-1);
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container > *:not(:last-child) {
    margin-bottom: 5px;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container > *:last-child {
    margin-bottom: 0;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"][data-banner-width-type="custom"] {
    max-width: 1200px;
}
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"][data-banner-background-type="custom"] {
    background-image: url(/wp-content/uploads/2025/12/colum-bg.png);
    background-repeat: repeat;
    background-position: center bottom;
    background-size: auto;
    background-attachment: scroll;
}

/* page 3565 banner: 글로벌 .site-content .ast-container 가 flex-direction: row 를
   강제하므로 banner 안에서 column + center 로 override. */
body.page-id-3565 .ast-archive-entry-banner[data-post-type="post"] .ast-container {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ===========================================================================
   Banner: 부제 위로, h1 아래로 + breadcrumb 맨 아래 (flex order)
   /비자칼럼/ + /비자승인사례/ 둘 다 같은 셀렉터로 적용
   =========================================================================== */
.ast-archive-entry-banner[data-post-type="post"] .ast-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.ast-archive-entry-banner[data-post-type="post"] .ast-container > p {
    order: 1;
}
.ast-archive-entry-banner[data-post-type="post"] .ast-container > h1 {
    order: 2;
}
.ast-archive-entry-banner[data-post-type="post"] .ast-container > .ast-breadcrumbs-wrapper,
.ast-archive-entry-banner[data-post-type="post"] .ast-container > .ast-breadcrumbs {
    order: 3;
}

/* breadcrumb 첫 항목 "홈" 앞에 집 모양 아이콘 (inline SVG) */
.ast-archive-entry-banner[data-post-type="post"] .ast-breadcrumbs .trail-begin a::before,
.ast-archive-entry-banner[data-post-type="post"] .breadcrumb-trail .trail-begin a::before {
    content: "";
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    margin-right: 0.35em;
    vertical-align: -0.1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 3 3 11h2v9h5v-6h4v6h5v-9h2z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* === WP 관리바 (#wpadminbar) 사용자 정보 텍스트 색상 (2026-05-06) ===
   로그인 후 우측 상단 "안녕하세요 [닉네임]님" 링크가 흰 배경에 흰 텍스트로
   묻혀 보이지 않는 문제 수정. ab-item 은 WP 코어 관리바 항목.
   astra-child/style.css 는 프런트엔드만 로드되어 wp-admin 대시보드에는
   영향 없음. */
#wpadminbar #wp-admin-bar-my-account > .ab-item,
#wpadminbar #wp-admin-bar-my-account > .ab-item .display-name,
#wpadminbar #wp-admin-bar-user-info > .ab-item,
#wpadminbar #wp-admin-bar-user-info > .ab-item .display-name {
    color: #111827 !important;
}
#wpadminbar #wp-admin-bar-my-account > .ab-item:hover,
#wpadminbar #wp-admin-bar-my-account > .ab-item:focus,
#wpadminbar #wp-admin-bar-user-info > .ab-item:hover {
    color: #0F766E !important;
}

/* === NZeTA 페이지(post 2970) Elementor entrance 애니메이션 멈춤 회피 (2026-05-07) ===
   Elementor v3 + LiteSpeed 환경에서 .elementor-invisible (visibility:hidden) 가
   IntersectionObserver 콜백 미발화로 영구 숨김 상태로 멈추는 문제. STEP 1~5 카드 등
   섹션 전체가 빈 컬러 블록으로 보이는 증상. entrance 페이드인은 사라지지만 콘텐츠
   가시성을 보장한다. 다른 페이지의 entrance 애니메이션은 그대로 유지. */
body.page-id-2970 .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
}