/* ==========================================================================
   12. Post Navigation (Custom)
   ========================================================================== */
/* Styles for the custom previous/next post navigation with thumbnails. */
.gp-custom-post-nav-wrapper {
    padding: 0 !important;
    margin-top: 25px !important; /* main 요소와의 간격 확보 */
    margin-bottom: 50px;
}
.gp-custom-post-nav { margin-top: 0; background-color: var(--bg-secondary); border: 1px solid var(--border-primary); box-shadow: 0 5px 15px rgba(0,0,0,0.07); border-radius: 20px !important; overflow: hidden !important; }
.gp-custom-post-nav .nav-links { display: flex; width: 100%; }
.gp-custom-post-nav .nav-previous, .gp-custom-post-nav .nav-next { flex: 1 1 50%; position: relative; }
/* 한쪽 네비게이션만 있을 경우 전체 너비 차지 */
.gp-custom-post-nav .nav-previous:only-child,
.gp-custom-post-nav .nav-next:only-child {
    flex-basis: 100%;
}
.gp-custom-post-nav .nav-previous { border-right: 1px solid var(--border-primary); }
/* 한쪽 네비게이션만 있을 경우 오른쪽 테두리 제거 */
.gp-custom-post-nav .nav-previous:only-child {
    border-right: none;
}
.gp-custom-post-nav a { color: var(--white-color) !important; display: block; }
.gp-custom-post-nav a img { transition: transform 0.3s ease-in-out; }
.gp-custom-post-nav a:hover img { transform: scale(1.05); }
.gp-custom-post-nav a:hover .nav-title-overlay { background-color: rgba(0, 0, 0, 0.6); }
.gp-custom-post-nav img, .gp-custom-post-nav .no-thumb { width: 100% !important; height: 300px !important; object-fit: cover; display: block; border-radius: 0; }
.gp-custom-post-nav .nav-title-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; box-sizing: border-box; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); transition: background-color 0.3s ease; text-align: left; }
.gp-custom-post-nav .nav-title-label { font-size: 0.9em; color: #e0e0e0; margin-bottom: 5px; display: block; }
.gp-custom-post-nav .nav-title { font-weight: 600; line-height: 1.4; font-size: 1.3em; }
.gp-custom-post-nav .nav-next .nav-title-overlay { text-align: right; }
.gp-custom-post-nav .nav-title-label::before { content: '← '; font-family: sans-serif; }
.gp-custom-post-nav .nav-next .nav-title-label::before { content: ''; }
.gp-custom-post-nav .nav-next .nav-title-label::after { content: ' →'; font-family: sans-serif; }