.category .content-sidebar-wrap,
.single .content-sidebar-wrap{margin-top: 45px; margin-bottom: 45px;}

.category .content-sidebar-wrap,
.single .content-sidebar-wrap{display: grid; grid-template-columns: 320px 1fr; gap: 40px; align-items: flex-start;} 
.category .content-sidebar-wrap .site-main,
.single .content-sidebar-wrap .site-main{order: 2}
.single .entry-title{font-size: 28px;}
.single .entry-content p{margin-bottom: 15px;}

.bdetail-post-footer-actions {margin-top: 24px; padding-top: 24px; border-top: 1px solid #f1f5f9; display: flex; gap: 16px; align-items: start; } 
.bdetail-btn-copy-link {background: transparent; border: none; padding: 10px 20px; font-size:16px; font-weight: 600; color: #64748b; cursor: pointer; border: 1px solid #eee; transition: all 0.3s ease; } 
.bdetail-social-share {display: flex; gap: 0.8rem; } 
.bdetail-social-share a {width: 40px; height: 40px; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; color: #64748b; text-decoration: none; transition: all 0.3s ease; } 
.bdetail-social-share a:hover, 
.bdetail-btn-copy-link:hover {background: var(--primary-color); color: #fff; border-color: var(--primary-color); }

@media (max-width: 820px) {
	.category .content-sidebar-wrap,
	.single .content-sidebar-wrap{grid-template-columns: 1fr;}
	.single .entry-header{margin-bottom: 20px}
	.single .entry-title{font-size: 24px;}
}


/* Blog Page - Video Guides Section (Scoped) */
.blog-vguide-section {padding: 4rem 0; background-color: #F8F8F8 !important; } 
.blog-vguide-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;} 
.blog-vguide-card {background: transparent; border-radius: 0; overflow: visible; transition: var(--transition); } 
.blog-vguide-thumb {position: relative; overflow: hidden; margin-bottom: 16px; height: 180px; } 
.blog-vguide-thumb img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } 
.blog-vguide-card:hover .blog-vguide-thumb img {transform: scale(1.05); } 
.blog-vguide-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; background: transparent; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.9rem; transition: var(--transition); } 
.blog-vguide-play i {margin-left: 3px; } 
.blog-vguide-card:hover .blog-vguide-play {background: var(--primary-color); border-color: var(--primary-color); } .blog-vguide-info {padding: 0; } 
.blog-vguide-title {font-size: 20px; font-weight: 700; color: #000000; margin-bottom: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.blog-vguide-more {color: var(--primary-color); text-decoration: none; font-size: 16px; font-weight: 500; display: flex; align-items: center;gap: 0.8rem; transition: var(--transition); } 
.blog-vguide-more:hover {gap: 12px; } 
.blog-vguide-view-more {margin-top: 30px; text-align: center; } 
.blog-vguide-view-more .btn-black {display: inline-block; background: #000; color: #fff; padding: 12px 32px;font-size: 16px; font-weight: 500; text-decoration: none; letter-spacing: 1px; transition: all 0.3s ease; } 
.blog-vguide-view-more .btn-black:hover {background: var(--primary-color); color: #fff; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }


/* Blog Page - Itinerary Section (Scoped) */
.blog-itinerary-section {padding: 4rem 0; } 
.blog-itinerary-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;} 
.blog-itinerary-header > h3 {font-size: 32px;} 
.blog-itinerary-tabs {display: flex; gap: 10px; } 
.blog-itinerary-tab {padding: 12px 20px; border: none; background: #F3F4F6; color: #374151; font-size: 16px; font-weight: 400; cursor: pointer; transition: all 0.3s ease; } 
.blog-itinerary-tab.active {background: #fff; color: var(--primary-color); border: 1px solid var(--primary-color); } 
.blog-itinerary-tab:hover:not(.active) {background: #e2e8f0; } 
.blog-itinerary-content {grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; display: none;} 
.blog-itinerary-content.active {display: grid;}
.itinerary-main-img {width: 100%; height: 350px; overflow: hidden; margin-bottom: 24px; } 
.itinerary-main-img img {width: 100%; height: 100%; object-fit: cover; } 
.itinerary-desc {color: #374151; font-size: 20px;} 
.itinerary-list { padding: 0; margin: 0;} 
.itinerary-item { gap: 15px; margin-bottom: 15px; transition: all 0.3s ease; } 
.itinerary-item:last-child {border-bottom: none; } .itinerary-item i {color: var(--primary-color); font-size: 12px; margin-top: 3px; } 
.itinerary-item span {font-size: 18px; font-weight: 400; color: #000; line-height: normal; cursor: pointer; transition: color 0.3s ease; } 
.itinerary-item:hover span {color: var(--primary-color); }


/* Blog Page - Inspiration Slider (Scoped) */
.blog-inspiration-section {padding: 4rem 0; background-color: #F8F8F8; } 
.blog-inspiration-slider {position: relative; padding: 0 40px; } 
.blog-inspiration-track {display: flex; gap: 30px; overflow-x: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-bottom: 20px; -ms-overflow-style: none; scrollbar-width: none; } .blog-inspiration-track::-webkit-scrollbar {display: none; } 
.blog-inspiration-item {flex: 0 0 calc(33.333% - 20px); scroll-snap-align: start; background: transparent; } 
.inspiration-img {width: 100%; height: 220px; overflow: hidden; margin-bottom: 15px; } 
.inspiration-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } 
.blog-inspiration-item:hover .inspiration-img img {transform: scale(1.08); } 
.inspiration-info h3 {font-size: 16px; color: #1e293b; margin-bottom: 0.6rem; line-height: 1.4; } 
.inspiration-meta {font-size: 0.75rem; color: #94a3b8; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; font-weight: 600; } 
.inspiration-meta .sep {color: #e2e8f0; } 
.inspiration-info p {font-size: 0.9rem; color: #64748b; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


.latest-posts {display: flex; flex-direction: column;} 
.post-mini {display: flex; gap: 15px; align-items: flex-start; padding: 20px 0; border-bottom: 1px dashed #E5E7EB; } 
.post-mini img {width: 150px; height: 60px; object-fit: cover;} 
.mini-info a {text-decoration: none; color: #1e293b; font-size: 16px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.view-more-sidebar {display: inline-block; margin-top: 25px; color: var(--primary-color); text-decoration: none; font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-top: 24px; } 

.widget_cta_plan {background: #fdfaf7; padding: 40px 30px; text-align: center;} 
.widget_cta_plan h4 {font-size: 20px; margin-bottom: 16px; }


@media (max-width: 992px) {
	.category .content-sidebar-wrap, 
	.single .content-sidebar-wrap{gap: 30px;grid-template-columns: 240px 1fr;}
	.blog-vguide-section,
	.blog-inspiration-section,
	.testimonials{padding: 3rem 0;}
	.blog-vguide-grid {grid-template-columns:1fr 1fr;gap: 30px;}
	.blog-card-inner h3,
	.blog-vguide-title,
	.blog-card-inner h3,
	.itinerary-desc{font-size: 18px;}
	.section-header h3,
	.blog-itinerary-header > h3{font-size: 28px;}
	.section-header p{font-size: 18px;margin-bottom: 20px;}
}

@media (max-width: 820px) {
	.category .content-sidebar-wrap,
	.single .content-sidebar-wrap{grid-template-columns: 1fr;}
	.sidebar{position: relative;top: 0;}
	.category .content-sidebar-wrap .site-main,
	.single .content-sidebar-wrap .site-main{order: 0}
}

@media (max-width: 576px) {
	.blog-grid,
	.blog-vguide-grid{gap: 30px;grid-template-columns: 1fr;}
	.blog-vguide-view-more .btn-black{padding: 10px 24px;font-size: 14px;}
	.blog-itinerary-header{flex-wrap: wrap;}
	.blog-itinerary-tabs{width: 100%;overflow-x: auto;}
	.blog-itinerary-tab{padding: 8px 16px;font-size: 13px;}
	.blog-itinerary-content{grid-template-columns: 1fr;gap: 30px;}

	.bdetail-btn-copy-link{font-size: 14px;}

}