/* ================================
MOBILE 전체 통합 (최종 완성)
================================ */
@media (max-width:768px){



/* ================================
 LOGO (로고 기준)
================================ */
    .site-logo img,
    .custom-logo,
    .site-header img{
        display:none !important;
    }
    .site-logo{
        display:block;
        width:100%;
        background:url('/wp-content/uploads/2026/03/logo.webp?v=2') no-repeat center center;
        background-size:320px auto;
        padding-top:100px;          /* 🔥 로고와 위(상단) 사이의 높이 간격 */
        margin-bottom:-0px;       /* 🔥 로고와  하단(메뉴) 사이트 높이 간격 ↓ */
        cursor:pointer;            /* 🔥 클릭 영역 */
    }

    /* ---------------- 로고 Home 링크 기능되게) ---------------- */
.site-logo{
    position:relative;
}

.site-logo a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5;
}



/* ================================
MENU
================================ */

    /* ---------------- MENU ---------------- */
    /* 기존 테마 메뉴 숨김 */
    .main-navigation,
    .menu-toggle,
    .mobile-menu-toggle,
    .nav-toggle,
    button.menu-toggle{
        display:none !important;
    }

    /* ------------ MENU WRAP (메뉴기준) --------- */
    .geo-mobile-menu{
        display:flex !important;
        justify-content:space-between;
        align-items:center;
        margin-top:-10px;     /* 🔥 메뉴와 위(로고)의 간격 */
        margin-bottom:-20px;  /* 🔥 메뉴와 아래(제목)의 간격 */
        padding:4px 4px;
        background:#fff;
        border-bottom:1px solid #eee;
    }

    /* ---------------- 메뉴 ICON ---------------- */
    .geo-mobile-menu svg{
        width:20px;
        height:20px;
        margin-bottom:2px;
        stroke:#111;     /* 🔥 아이콘 색상 */
        fill:none;
    }

    /* ---------------- MENU 리스트 (택스트) ---------------- */
    .geo-mobile-menu a{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        font-size:11px;
        line-height:1.2;
        padding:4px 2px;
        color:#222 !important;             /* 🔥 색상 고정 */
        text-decoration:none !important;
    }

    /* 클릭 효과 */
    .geo-mobile-menu a:active{
        opacity:0.6;
    }


/* ================================
HEADER
================================ */
    .site-header,
    .inside-header{
        padding:0 !important;
        margin:0 !important;       /* 🔥 추가 (간격 완전 제거) */
    }




    /* ---------------- CONTENT WIDTH ---------------- */
#page,
.grid-container,
.site,
.site-content,
.content-area,
.inside-article,
.entry-content{
    max-width:100% !important;
    width:100% !important;
    padding-left:2px !important;
    padding-right:2px !important;
    margin:0 !important;
}


/* ================================
 CONTENT  부분
================================ */


    /*  CONTENT */
    .site-content{
        margin-top:-10px;  /* 제목과 로고 사이 간격 */
    }

    /*  제목 */
.entry-title{
    font-size:35px !important;   /* 🔥  제목 글씨 크기 - 기본 40~50 */
    line-height:1.3;
}

    /* 날짜/작성자 */
.entry-meta,
.entry-meta *{
    display:none !important;
}


    /* ---------------- TITLE ---------------- */

    .entry-title{
        font-size:20px !important;
        line-height:1.3 !important;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;

        margin-top:5px !important;
        margin-bottom:10px !important;
    }

}




/* ================================
페이지생성
================================ */

/* H2 SIZE FIX */
    .entry-content h2{
        font-size:19px !important;   /* 🔥 크기 조절 */
        line-height:1.3 !important;
        margin-top:18px !important;
        margin-bottom:8px !important;
		border-left:8px solid #111; /* 왼쪽 라인 스타일 추가 */
	    padding-left:6px;
   }

/* PARAGRAPH (본문 가독성) */
    .entry-content p{
        font-size:16px !important;     /* 🔥 크기 */
        line-height:1.3 !important;    /* 🔥 줄간격 */
        border-left:4px solid #ddd;   /* 🔥 왼쪽 라인 */
        padding-left:8px;            /* 🔥 들여쓰기 */
		margin-bottom:14px !important; /* 🔥 아래 간격 */
        color:#222;
    }


/* COLUMN LINK (본문 링크 리스트) */
@media (max-width:768px){

    .column a{
        font-size:14px !important;
        line-height:1.4 !important;

        color:#1a73e8 !important;
        text-decoration:none !important;

        padding-left:10px !important;
        border-left:4px solid #ddd !important;

        display:block !important;
    }

    .column{
        display:flex !important;
        flex-direction:column !important;
        gap:6px !important;
    }





/* ================================
 사이드바  부분
================================ */

/* 제목 */
.sidebar h3{
    font-size:18px;       /* 🔥 크기 복구 */
    font-weight:600;
    margin-bottom:12px;
    line-height:1.3;
}

/* 리스트 기본 제거 */
.sidebar-links{
    list-style:none;
    padding-left:0;
    margin:0;
}

/* 항목 */
.sidebar-links li{
    margin-bottom:8px;
}

/* 링크 */
.sidebar-links a{
    font-size:14px;
    color:#1a5fd1;
    text-decoration:none;
    display:block;
}

.sidebar-links a:hover{
    text-decoration:underline;
}


/* Recent Repair Guides 리스트 */
.sidebar .widget a{
    font-size:13.7px !important;     /* 🔥 글씨 줄이기 */
    line-height:1.4;
    display:block;
}

/* 줄 간격 */
.sidebar .widget li{
    margin-bottom:6px;
}

/* 리스트 여백 */
.sidebar .widget ul{
    padding-left:0;
    margin:0;
    list-style:none;
}


/* ================================
 서치와 이미지 사이간격
================================ */
.sidebar .widget {
    margin-bottom: 8px;  /* 서치와 이미지 사이간격 */
}

.sidebar{
    width:25%;
}

.content-area{
    width:75%;
}

.sidebar .widget{
    margin-bottom:25px;
    padding:15px;
    background:#fff;
    border:1px solid #eee;
}

.sidebar h2{
    font-size:18px;
    margin-bottom:10px;
}



/* ================================
SIDEBAR MOBILE FORCE SHOW
================================ */
    /* 🔥 sidebar 강제 출력 */
    #right-sidebar{
        display:block !important;
    }

    /* 🔥 위젯 박스 */
    #right-sidebar .widget{
        margin-bottom:18px !important;
        padding:18px !important;

        border-radius:6px !important;
        border:1px solid #e5e5e5 !important;
        background:#fff !important;
    }

    #right-sidebar{
        padding:0 10px !important;
    }

    #right-sidebar .widget{
        padding:14px !important;
    }



/* ================================
MOBILE
================================ */

@media (max-width:768px){

    .widget_search{
        padding:14px;
    }

    .widget_search form{
        gap:6px;
    }

    .widget_search input[type="search"]{
        font-size:14px;
        padding:9px;
    }

    .widget_search button{
        font-size:13px;
        padding:9px 12px;
    }


/* ================================
사이드바 박스들
================================ */
    /* 🔥 사이드바 전체 위 간격 */
    #right-sidebar{
        margin-top:10px !important;   /* 🔥 이게 위쪽 전체 간격 */
        padding-left:15px !important;  /* 서치바에 있는 박스들 모두 좌측 간격 */
        padding-right:15px !important; /* 서치바에 있는 박스들 모두 우측 간격 */
    }

    /* 🔥 각 박스 간격 */
    #right-sidebar .widget{
        margin-bottom:18px !important;   /* 🔥 박스 사이 간격 */
        padding:14px !important;         /* 🔥 내부 여백 */
    }




/* ================================
SEARCH ROUND (MOBILE)
================================ */
    .widget.widget_search{
        background:none !important;
        border:none !important;
        box-shadow:none !important;
        padding:0 !important;
    }

    .widget.widget_search .inside-widget{
        background:none !important;
        border:none !important;
        box-shadow:none !important;
        padding:0 !important;
    }

    /* 🔥 label 제거 (Search 글씨) */
    .widget_search label{
        display:none !important;
    }

    /* 🔥 "Search" 글씨 제거 (label) */
    .widget_search label{
        display:none !important;
    }

    /* 🔥 한 줄 정렬 유지 */
    .widget_search form{
        display:flex;
        gap:6px;
    }


    /* 입력창 */
    .widget_search input[type="search"]{
        border-radius:20px;
    }

    /* 버튼 */
    .widget_search button{
        border-radius:25px;
    }


/* ================================
PRINT LOGO FINAL PERFECT FIX
================================ */

@media print{

    /* 🔥 header 여백 제거 */
    .site-header,
    .inside-header,
    .site-branding{
        margin:0 !important;
        padding:0 !important;
        height:auto !important;
        min-height:0 !important;
    }

    /* 🔥 로고 컨테이너 */
    .site-logo{
        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
    }

    /* 🔥 기존 내용 제거 */
    .site-logo *{
        display:none !important;
    }

    /* 🔥 로고 삽입 + 크기 확대 */
    .site-logo::after{
        content:url('/wp-content/uploads/2026/03/logo.webp?v=2');

        display:block;
        width:360px;      /* 🔥 크기 조절 */
        margin:-0px auto 0;
		text-align:center;
    }

}














}