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

@import url("https://vendor-cdn.imweb.me/css/ridibatang.css");
@import url("https://vendor-cdn.imweb.me/css/droidsans.css");

/* [FACT] Astra JS가 body에 강제로 주입하는 padding-top을 원천 차단합니다. */
html body.ast-desktop-header-content-v2,
html body.site-header-sticky-active,
html body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 1. 여백 및 꺽쇠 완전 제거 */
#ast-scroll-top, .ast-scroll-top-icon, .ast-arrow-svg, .ast-scroll-to-top-right, .site-below-footer-wrap {
    display: none !important;
}

/* Kubio 컨테이너 여백 강제 초기화 */
.wp-block-kubio-section, 
.wp-block-kubio-column__inner, 
.v-inner-2, .v-inner-lg-2, .v-inner-md-2 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 2. 헤더 고정 (Fixed) 및 디자인 */
#doz_header_wrap.site-header {
    width: 100% !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e7e7e7 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99999 !important;
    height: 92px !important;
}

/* 관리자 바 보정 */
body.admin-bar #doz_header_wrap.site-header { top: 32px !important; }

.header-inner.inline-inside {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    height: 92px !important;
    padding: 0 15px !important;
}

.nav-list {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Droid Sans', 'RIDIBatang', sans-serif;
}

.nav-list li a {
    display: flex !important;
    align-items: center !important;
    height: 92px !important;
    padding: 0 20px !important;
    color: #000 !important;
    font-size: 17px !important;
    text-decoration: none !important;
}

/* [FACT] fixed 헤더 공간을 확보하기 위해 body 대신 최상위 컨테이너에 패딩을 부여합니다. */
#page, .site-content {
    padding-top: 92px !important;
}

/* 3. 모바일 대응 */
@media (max-width: 991px) {
    #doz_header_wrap.site-header { height: auto !important; position: relative !important; }
    #page, .site-content { padding-top: 0 !important; }
    .header-inner.inline-inside { flex-direction: column !important; padding: 10px 0 !important; }
    .nav-list { flex-wrap: wrap !important; justify-content: center !important; }
    .nav-list li a { height: auto !important; padding: 10px !important; }
}