/* ================================
TOP SHARE
================================ */


/* ================================
🔥 SHARE 완전 격리 (필수)
================================ */
    all: initial;
    font-family: inherit;
}

.entry-header{
    position:relative;
}



/* ================================
TOP SHARE (고급형) - 상단 공유 아이콘
================================ */
.geo-share-inline{
    display:flex;
    justify-content:flex-end;  /* 🔥 우측 정렬 */
    gap:6px;  /* 🔥 아이콘 사이 간격*/

	bottom:0px;  /* 🔥 이게 핵심 */
	width:100%;   /* 🔥 이게 핵심 */
    clear:both;   /* 🔥 추가 (레이아웃 깨짐 방지) */
}

.entry-header{
    position:relative;
}


.geo-share-inline button{
    min-width:25px;     /* 🔥 width → min-width */
    height:25px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:2px;        /* 🔥 아이콘 박스 크기*/

    border:1px solid #e5e5e5;
    background:#fff;
    border-radius:8px;

    font-size:16px;     /* 🔥 14 → 16 */

    cursor:pointer;
    transition:all 0.2s ease;

    overflow:visible;   /* 🔥 추가 (잘림 방지) */
}





/* 🔥 hover */
.geo-share-inline button:hover{
    background:#2c74b3;
    color:#fff;
    border-color:#2c74b3;
    transform:translateY(-1px);
}






/* ================================
🔥 SHARE BOX (핵심 스타일)
================================ */
.geo-share-box{
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;       /* 🔥   박스 모서리 둥근정도   */
    padding:8px 8px 8px 8px;   /* 🔥   박스와 이미지 사이 간격  */
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

/* 🔥 외부 여백 */
.geo-share-wrap{
    max-width:830px;
    margin:0px auto;
    padding:0px 15px 10px 0px;   /* 🔥   중요- 박스 상하좌우 */
}

/* 🔥 이미지 */
.geo-share-box > img{
    width:100%;
    max-width:830px;
    height:auto;
    display:block;
    border-radius:8px;
}



/* ================================
🔥 하단 레이아웃 (핵심 추가)
================================ */
.geo-share-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
	padding:5px 15px 3px 5px;   /* 🔥 아래만 줄임 */
    flex-wrap:wrap;   /* 🔥 추가 */
}



/* ================================
🔥 좌측 텍스트 (좌측 정렬)
================================ */
/* 🔥 좌측 텍스트 */
.geo-share-text{
    flex:1;
	min-width:0;   /* 🔥 추가 (매우 중요) */
    padding:5px 0px 0px 10px;   /* 🔥   좌측 텍스트 상하좌우*/
	text-align:left;
}

/* hook */
.geo-share-hook{
    font-size:13px;
    color:#f39c12;
    margin-bottom:4px;
}

/* 제목 */
.geo-share-title{
    font-size:15px;
    font-weight:600;
    color:#222;
}

/* ================================
🔥 버튼 영역 (우측 정렬)
================================ */
.geo-share-actions{
    display:flex;
    gap:8px;
    justify-content:flex-end;
    flex-shrink:0;  /* 🔥 추가 */
    padding:0px 0px 0px 0px;   /* 🔥   좌측 텍스트 상하좌우*/}

/* 버튼 */
.geo-share-actions button{
    background:#fff;
    color:#333;
    border:1px solid #ddd;
    padding:6px 12px;
    border-radius:20px;
    cursor:pointer;
    font-size:13px;
    white-space:nowrap;
    transition:all 0.2s ease;
}

.geo-share-actions button:hover{
    background:#2c74b3;
    color:#fff;
    border-color:#2c74b3;
}



















/* ================================
🔥 모바일용 하단 공유
================================ */
@media (max-width:600px){

    .geo-share-bottom{
        flex-direction:column;   /* 🔥 핵심 */
        align-items:flex-start;
    }

    .geo-share-text{
        width:100%;              /* 🔥 전체 폭 사용 */
        padding-left:10px;
    }

    .geo-share-actions{
        width:100%;
        justify-content:flex-start;  /* 🔥 버튼 아래로 */
        margin-top:8px;
    }

}




@media print {

    /* ❌ 사이드바 제거 */
    #secondary,
    .sidebar,
    .widget-area,
    aside {
        display: none !important;
    }

    /* ❌ 공유 UI 제거 */
    .geo-share-wrap,
    .geo-share-inline {
        display: none !important;
    }

    /* ❌ 버튼 제거 */
    button {
        display: none !important;
    }

    /* ✅ 본문 전체 확장 */
    #primary,
    .content-area,
    .site-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ✅ 여백 제거 */
    body {
        margin: 0;
        padding: 0;
    }

}