/* Custom Post Navigation Styles */
.custom-post-nav {
    width: 100%;
}

/* Sections layout */
.nav-sections {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.nav-sections.equal-width .nav-section {
    flex: 1 0 0;
    width: 50%;
}

.custom-post-nav.has-single-item.single-item .nav-sections.equal-width .nav-section.nav-section-next, .custom-post-nav.has-single-item.single-item .nav-sections.equal-width .nav-section.nav-section-prev{
	flex: inherit;
}


.custom-post-nav.has-single-item.single-item .nav-sections.equal-width:has(.nav-section-next) {
  justify-content: flex-end;
}

/*.custom-post-nav.has-single-item.single-item .nav-sections.equal-width .nav-section {
  flex: inherit;
}*/

/* Section styling */
.nav-section {
    display: flex;
    flex-direction: column;
}

/* Label styling */
.nav-label {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.nav-section-prev .nav-label {
    text-align: left;
	padding-left: 35px;
}

.nav-section-next .nav-label {
    text-align: right;
	padding-right: 35px;
}

/* Button styling */
.nav-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    border: 2px solid;
    border-radius: 30px;
    padding: 15px 30px;
    transition: all 0.3s ease;
}

.nav-title {
    font-weight: 600;
}

/* Previous button specifics */
.nav-previous {
    justify-content: space-between;
}

/* Next button specifics */
.nav-next {
    justify-content: space-between;
}

/* Icon styling */
.nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.nav-previous .nav-icon {
    margin-right: 10px;
}

.nav-next .nav-icon {
    margin-left: 10px;
}

a.nav-button:hover .nav-icon svg g g path, a.nav-button:hover .nav-icon svg g g line {
  fill: #000 !important;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
    .nav-sections {
        flex-direction: column;
    }
    
    .nav-sections.equal-width .nav-section {
        width: 100%;
    }
    
	.nav-section-prev .nav-label {
    	text-align: right;
		padding-right: 35px;
	}

	.nav-section-next .nav-label {
   		text-align: left;
		padding-left: 35px;
	}
	
	.nav-section-prev .nav-title {
  		text-align: right;
	}
    
    .nav-button {
        width: 100%;
    }
    
    .nav-next {
        justify-content: space-between;
    }
}