(adsbygoogle = window.adsbygoogle || []).push({});

/* 전체 컨테이너 */
.share-wrapper {
position: relative;
display: flex;
gap: 10px;
margin-top: 20px;
margin-bottom: 30px;
z-index: 99999; /* 버튼 자체도 맨 위로 올림 */
}

/* 버튼 공통 스타일 */
.share-btn-base {
flex: 1;
padding: 15px 0;
text-align: center;
color: white !important;
font-weight: bold;
cursor: pointer;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
transition: opacity 0.3s;
user-select: none;
}
.share-btn-base:hover {
opacity: 0.9;
}

/* 주소 복사 버튼 (파랑) */
.btn-copy-link {
background-color: #3b6ea5;
}

/* 공유하기 버튼 (빨강) */
.btn-toggle-share {
background-color: #f75c58;
position: relative;
}

/* 드롭다운 메뉴 스타일 */
.share-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
border-radius: 8px;
padding: 10px 0;
margin-top: 10px;

/* 🔥 여기가 핵심 수정사항입니다! */
z-index: 999999 !important; /* 무조건 맨 위에 뜨도록 99만 층으로 설정 */

flex-direction: column;
}

.share-dropdown.active {
display: flex;
}

/* 드롭다운 아이템 스타일 */
.share-item {
padding: 12px 20px;
text-decoration: none !important;
color: #333 !important;
font-weight: bold;
font-size: 14px;
display: flex;
align-items: center;
transition: background 0.2s;
cursor: pointer;
}
.share-item:hover {
background-color: #f5f7fa;
}

/* 아이콘 스타일 */
.share-item .icon-box {
width: 24px;
margin-right: 10px;
text-align: center;
display: inline-block;
font-weight: 900;
}

// 1. 주소 복사 기능
function copyUrl() {
var dummy = document.createElement('input');
var text = window.location.href;
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand('copy');
document.body.removeChild(dummy);
alert('주소가 복사되었습니다!');
}

// 2. 드롭다운 메뉴 열기/닫기
function toggleShareMenu() {
var menu = document.getElementById('shareDropdown');
menu.classList.toggle('active');
}

// 3. SNS별 공유 기능 (밴드 포함)
function shareSNS(sns) {
var thisUrl = encodeURIComponent(window.location.href);
var thisTitle = encodeURIComponent(document.title);
var snsUrl = "";

switch(sns) {
case 'facebook':
snsUrl = 'https://www.facebook.com/sharer/sharer.php?u=' + thisUrl;
break;
case 'twitter':
snsUrl = 'https://twitter.com/intent/tweet?url=' + thisUrl + '&text=' + thisTitle;
break;
case 'naver':
snsUrl = 'https://share.naver.com/web/shareView?url=' + thisUrl + '&title=' + thisTitle;
break;
case 'band':
var content = encodeURIComponent(document.title + "n" + window.location.href);
snsUrl = 'https://band.us/plugin/share?body=' + content + '&route=' + thisUrl;
break;
case 'threads':
snsUrl = 'https://www.threads.net/intent/post?text=' + thisTitle + ' ' + thisUrl;
break;
}

if(snsUrl) {
window.open(snsUrl, '_blank', 'width=600,height=500');
}
}

// 외부 클릭 시 드롭다운 닫기
document.addEventListener('click', function(event) {
var isClickInside = document.querySelector('.btn-toggle-share').contains(event.target);
var menu = document.getElementById('shareDropdown');

if (!isClickInside && menu.classList.contains('active')) {
menu.classList.remove('active');
}
});