<?php get_header();?><main id="primary" class="site-main lbt-single-post-page"><style>:root{--primary-navy:#090f1d;--secondary-navy:#0c1c2e;--accent-cyan:#38bdf8;--accent-blue:#0284c7;--accent-gold:#fbbf24;--text-main:#334155;--text-muted:#64748b;--bg-light:#f8fafc;--card-bg:#ffffff;--border-color:#e2e8f0}.lbt-post-hero{position:relative;min-height:65vh;display:flex;align-items:center;justify-content:center;padding:clamp(140px, 14vw, 200px) 0 clamp(90px, 12vw, 140px);background-color:var(--primary-navy);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;margin-top:0!important;margin-bottom:-80px}.lbt-post-hero.no-thumb{background:linear-gradient(135deg,#070e17 0%,#0f1c2e 50%,#07131d 100%)}.lbt-post-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(7 14 23 / .75) 0%,rgb(9 15 29 / .92) 100%);z-index:1}.lbt-post-hero::after{content:"";position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:700px;height:350px;border-radius:50%;background:radial-gradient(circle,rgb(56 189 248 / .15) 0%,transparent 70%);filter:blur(80px);z-index:1;pointer-events:none}.lbt-hero-container{width:min(900px, 92%);margin:0 auto;position:relative;z-index:2}.lbt-post-meta-top{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.lbt-post-category a{background:rgb(56 189 248 / .12);color:var(--accent-cyan);padding:8px 22px;border-radius:999px;text-decoration:none;border:1px solid rgb(56 189 248 / .3);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;backdrop-filter:blur(10px);transition:all 0.3s ease}.lbt-post-category a:hover{background:var(--accent-cyan);color:var(--primary-navy);box-shadow:0 0 20px rgb(56 189 248 / .4)}.lbt-post-title{font-size:clamp(2.4rem, 5vw, 4.2rem);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1.5px;margin-bottom:28px;text-shadow:0 4px 30px rgb(0 0 0 / .6);word-wrap:break-word}.lbt-post-meta-bottom{display:flex;align-items:center;justify-content:center;gap:28px;font-size:.9rem;color:#94a3b8;flex-wrap:wrap}.lbt-post-author{display:flex;align-items:center;gap:8px;font-weight:700;color:#f8fafc}.lbt-post-meta-bottom i{color:var(--accent-cyan)}.lbt-content-container{width:min(840px, 92%);margin:0 auto;position:relative;z-index:5}.lbt-post-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:36px;padding:clamp(36px, 6vw, 70px);box-shadow:0 25px 60px rgb(15 23 42 / .05);margin-bottom:40px;word-wrap:break-word}.lbt-post-content p{font-size:clamp(1.05rem, 1.2vw, 1.15rem);line-height:1.9;color:var(--text-main);margin-bottom:28px}.lbt-post-content h2{font-size:clamp(1.7rem, 2.8vw, 2.2rem);color:var(--primary-navy);font-weight:800;margin-top:55px;margin-bottom:22px;letter-spacing:-.8px;line-height:1.25;position:relative;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.lbt-post-content h2::after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue))}.lbt-post-content h3{font-size:clamp(1.35rem, 2.1vw, 1.65rem);color:var(--secondary-navy);font-weight:700;margin-top:42px;margin-bottom:16px;letter-spacing:-.4px;line-height:1.35;display:flex;align-items:center;gap:10px}.lbt-post-content h3::before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan)}.lbt-post-content ul{margin-bottom:28px;padding-left:24px;color:var(--text-main);list-style-type:none}.lbt-post-content ul li{position:relative;padding-left:12px;margin-bottom:12px;line-height:1.8}.lbt-post-content ul li::before{content:"•";position:absolute;left:-16px;color:var(--accent-blue);font-weight:700;font-size:1.2rem}.lbt-post-content ol{list-style:none;counter-reset:lbt-counter;padding:0;margin:35px 0;display:flex;flex-direction:column;gap:18px}.lbt-post-content ol li{position:relative;counter-increment:lbt-counter;background:#f8fafc;border:1px solid var(--border-color);border-radius:20px;padding:24px 24px 24px 76px;font-size:1.05rem;line-height:1.8;color:var(--text-main);transition:all 0.3s ease}.lbt-post-content ol li:hover{border-color:rgb(56 189 248 / .5);box-shadow:0 10px 30px rgb(15 23 42 / .05);transform:translateY(-2px);background:#fff}.lbt-post-content ol li::before{content:counter(lbt-counter,decimal-leading-zero);position:absolute;left:20px;top:22px;width:40px;height:40px;background:linear-gradient(135deg,rgb(56 189 248 / .15),rgb(2 132 199 / .15));color:var(--accent-blue);border:1px solid rgb(56 189 248 / .35);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.lbt-qa-block{margin:40px 0;display:flex;flex-direction:column;gap:16px}.lbt-question{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-navy) 100%);color:#fff;font-size:1.12rem;font-weight:700;padding:20px 24px 20px 68px;border-radius:20px;position:relative;box-shadow:0 8px 25px rgb(15 23 42 / .15);border-left:6px solid var(--accent-cyan);line-height:1.55}.lbt-question::before{content:"Q";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:var(--accent-cyan);color:var(--primary-navy);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900}.lbt-answer{background:#f8fafc;border:1px solid var(--border-color);border-left:6px solid var(--accent-blue);padding:22px 24px 22px 68px;border-radius:20px;position:relative;color:var(--text-main);font-size:1.05rem;line-height:1.85}.lbt-answer::before{content:"A";position:absolute;left:20px;top:22px;width:34px;height:34px;background:rgb(2 132 199 / .12);color:var(--accent-blue);border:1px solid rgb(2 132 199 / .3);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:900}.lbt-post-content blockquote{border-left:4px solid var(--accent-cyan);background:rgb(56 189 248 / .05);padding:26px 32px;border-radius:0 20px 20px 0;margin:40px 0;font-style:italic;color:var(--secondary-navy);font-weight:600;font-size:1.1rem}.lbt-post-content img{max-width:100%;height:auto;border-radius:24px;margin:35px 0;box-shadow:0 15px 35px rgb(15 23 42 / .08);border:1px solid var(--border-color)}.lbt-post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:28px;padding:28px 36px;margin-bottom:40px;box-shadow:0 15px 35px rgb(15 23 42 / .03)}.lbt-post-tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lbt-post-tags span{font-weight:700;color:var(--primary-navy);margin-right:8px;font-size:.95rem}.lbt-post-tags a{background:#f1f5f9;color:var(--text-muted);padding:8px 16px;border-radius:12px;font-size:.88rem;text-decoration:none;transition:all 0.25s ease;border:1px solid var(--border-color)}.lbt-post-tags a:hover{background:var(--primary-navy);color:#fff;border-color:var(--primary-navy)}.lbt-post-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.lbt-nav-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:26px 30px;text-decoration:none;transition:all 0.3s ease;display:flex;flex-direction:column;gap:8px;box-shadow:0 15px 35px rgb(15 23 42 / .03)}.lbt-nav-box:hover{border-color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 20px 45px rgb(15 23 42 / .06)}.lbt-nav-box.next{text-align:right}.lbt-nav-label{font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-blue);font-weight:800}.lbt-nav-title{font-size:1.02rem;font-weight:700;color:var(--primary-navy);line-height:1.4}.lbt-comments-area{background:var(--card-bg);border:1px solid var(--border-color);border-radius:32px;padding:clamp(28px, 6vw, 55px);box-shadow:0 15px 35px rgb(15 23 42 / .03)}.comments-title{font-size:1.8rem;font-weight:800;color:var(--primary-navy);margin-bottom:28px}.comment-list{list-style:none;padding:0;margin:0 0 40px 0}.comment-body{background:#f8fafc;border:1px solid var(--border-color);border-radius:20px;padding:24px;margin-bottom:18px}.comment-author{font-weight:700;color:var(--primary-navy);margin-bottom:6px}.comment-metadata{font-size:.85rem;color:var(--text-muted);margin-bottom:14px}.comment-reply-link{font-size:.9rem;font-weight:700;color:var(--accent-blue);text-decoration:none}.comment-form p{margin-bottom:20px}.comment-form label{display:block;font-weight:700;color:var(--primary-navy);font-size:.95rem;margin-bottom:8px}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:16px 20px;border:1px solid var(--border-color);border-radius:16px;font:inherit;outline:none;background:#f8fafc;transition:all 0.3s ease}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent-cyan);background:#fff;box-shadow:0 0 0 4px rgb(56 189 248 / .15)}.form-submit input[type="submit"]{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 100%);color:var(--primary-navy);border:none;padding:18px 36px;border-radius:999px;font-weight:800;font-size:1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 10px 30px rgb(56 189 248 / .35)}.form-submit input[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 15px 35px rgb(56 189 248 / .5)}@media (max-width:768px){.lbt-post-navigation{grid-template-columns:1fr}.lbt-nav-box.next{text-align:left}.lbt-post-footer{flex-direction:column;align-items:flex-start}.lbt-post-content ol li{padding:20px 20px 20px 68px}.lbt-post-content ol li::before{left:16px;top:20px;width:36px;height:36px;font-size:12px}.lbt-question,.lbt-answer{padding:18px 18px 18px 60px}.lbt-question::before,.lbt-answer::before{left:16px;width:30px;height:30px;font-size:.82rem}}</style><?php while (have_posts()) :the_post();$thumb_url='';if (has_post_thumbnail()){$thumb_id=get_post_thumbnail_id();$thumb_src=wp_get_attachment_image_src($thumb_id,'full');if ($thumb_src){$thumb_url=$thumb_src[0]}}$hero_class=$thumb_url ? 'lbt-post-hero':'lbt-post-hero no-thumb';$hero_style=$thumb_url ? 'background-image: url(//labuanbajotransport.com/wp-content/themes/Labuan-Bajo-Transport/.%20esc_url(%20$thumb_url) . ');' : ''; ?> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <!-- Full-Width Luxury Hero Section --> <header class="<?php echo esc_attr( $hero_class ); ?>" style="<?php echo esc_attr( $hero_style ); ?>"> <div class="lbt-hero-container"> <div class="lbt-post-meta-top"> <span class="lbt-post-category"><?php the_category( ' ' ); ?></span> </div> <h1 class="lbt-post-title"><?php the_title(); ?></h1> <div class="lbt-post-meta-bottom"> <div class="lbt-post-author"> <i class="fa-solid fa-user-pen"></i> <span><?php the_author(); ?></span> </div> <div class="lbt-post-date"> <i class="fa-regular fa-calendar"></i> <time datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"><?php echo esc_html( get_the_date() ); ?></time> </div> <div class="lbt-post-comments-count"> <i class="fa-regular fa-comments"></i> <span><?php comments_number( '0 Comments', '1 Comment', '% Comments' ); ?></span> </div> </div> </div> </header> <div class="lbt-content-container"> <!-- Article Body Content --> <div class="lbt-post-content"> <?php the_content(); wp_link_pages( array( 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'labuan-bajo-transport' ), 'after' => '</div>', ) ); ?> </div> <!-- Post Footer (Tags) --> <?php if ( has_tag() ) : ?> <footer class="lbt-post-footer"> <div class="lbt-post-tags"> <span><i class="fa-solid fa-tags" style="color: var(--accent-blue);"></i> Tags:</span> <?php the_tags( '', ' ', '' ); ?> </div> </footer> <?php endif; ?> <!-- Next / Previous Post Navigation --> <nav class="lbt-post-navigation" aria-label="<?php esc_attr_e( 'Post Navigation', 'labuan-bajo-transport' ); ?>"> <?php $prev_post = get_previous_post(); $next_post = get_next_post(); if ( $prev_post ) : ?> <a href="<?php echo esc_url(//labuanbajotransport.com/wp-content/themes/Labuan-Bajo-Transport/get_permalink(%20$prev_post->ID) ); ?>" class="lbt-nav-box prev"> <span class="lbt-nav-label">&larr; Previous Article</span> <span class="lbt-nav-title"><?php echo esc_html( get_the_title( $prev_post->ID ) ); ?></span> </a> <?php endif; if ( $next_post ) : ?> <a href="<?php echo esc_url(//labuanbajotransport.com/wp-content/themes/Labuan-Bajo-Transport/get_permalink(%20$next_post->ID) ); ?>" class="lbt-nav-box next"> <span class="lbt-nav-label">Next Article &rarr;</span> <span class="lbt-nav-title"><?php echo esc_html( get_the_title( $next_post->ID ) ); ?></span> </a> <?php endif; ?> </nav> <!-- Comments Template --> <?php if ( comments_open() || get_comments_number() ) : echo '<div class="lbt-comments-area">'; comments_template(); echo '</div>';endif;?></div></article><?php endwhile;?></main><?php get_footer();