/* 공통 설정 */
body {
    font-family: 'Quicksand', 'Noto Sans KR', sans-serif !important;
    overflow-x: hidden;
}

/* 푸터 */
#footer p {
    font-size: 0.8rem;
    line-height: 1.0;
    color: #6c757d;
}

#footer a {
    color: #6c757d;
    text-decoration: underline;
}

#footer a:hover {
    color: #343a40;
}

/* 햄버거 버튼 */
.custom-toggler {
    padding: 4px 6px;
    border: none;
    background-color: transparent;
    width: 32px;
    height: 32px;
    z-index: 1060;
}

.custom-toggler:focus {
    outline: none;
    box-shadow: none;
}

.custom-toggler .navbar-toggler-icon {
    background-size: 20px 20px;
}

/* 데스크탑 */
/*@media (min-width: 992px) {*/
/*    .custom-toggler {*/
/*        display: none !important;*/
/*    }*/

/*    #footer p,*/
/*    #footer a {*/
/*        font-size: 0.5rem !important;*/
/*        line-height: 0.9;*/
/*    }*/

/*    #navbarNavDropdown {*/
/*        position: static !important;*/
/*        box-shadow: none !important;*/
/*        background-color: transparent !important;*/
/*    }*/

/*    #navbarNavDropdown .nav-link {*/
/*        font-size: 1rem !important;*/
/*        padding: 0.5rem 1rem;*/
/*    }*/
/*}*/

/* 모바일 */
@media (max-width: 991.98px) {
    #navbarNavDropdown {
        position: fixed !important; /* absolute → fixed로 변경 */
        top: 70px !important;
        left: 0;
        width: 100%;
        background-color: white !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        z-index: 1055;
    }

    #footer p,
    #footer a {
        font-size: 0.5rem !important;
        line-height: 0.9;
    }

    #navbarNavDropdown .nav-link,
    #navbarNavDropdown .btn.nav-link {
        font-size: 0.75rem !important;
        padding: 0.4rem 0.75rem !important;
    }

    #navbarNavDropdown ul.navbar-nav {
        gap: 0.25rem;
    }
}

/* 햄버거 버튼 스타일 제거 확실하게 */
.custom-toggler {
    padding: 4px 6px;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    width: 32px;
    height: 32px;
    z-index: 1060;
}

.custom-toggler:focus,
.custom-toggler:active,
.custom-toggler:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.kakao {
    position: fixed;
    bottom: 50px; /* 화면 하단 여백을 늘려 더 눈에 띄게 */
    right: 40px;
    width: 50px; /* 뱃지 크기 살짝 증가 */
    height: 50px;
    cursor: pointer;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* 배지를 원형으로 */
    background: linear-gradient(145deg, #e4e6eb, #c7c9cf); /* 미묘한 음영 추가 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(255, 255, 255, 0.7);
    overflow: hidden;
    transition: transform 0.2s ease;
}

.kakao:hover {
    transform: scale(1.1); /* 호버 시 약간 확대 */
}

.kakao img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; /* 이미지도 원형으로 */
}