/* ===== BLOG DETAIL PAGE STYLES ===== */
        :root {
            --brand-orange: #f7931e;
            --brand-dark: #1a1a2e;
            --brand-light-orange: #fff4e6;
            --text-body: #444;
            --text-muted: #777;
            --border-light: #f0ece5;
            --card-shadow: 0 4px 28px rgba(0,0,0,0.07);
        }
.trv-faq-answer {
    cursor: pointer;
    text-align:justify;
}
        .trv-blog-detail-wrap {
            padding: 80px 0 50px;
            background: #fdfaf7;
        }

        /* ===== ARTICLE CONTENT ===== */
        .trv-article-box {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: var(--card-shadow);
            margin-bottom: 32px;
        }

        .trv-article-hero {
            position: relative;
            height: 420px;
            overflow: hidden;
        }

        .trv-article-hero img {
            width: 100%; height: 100%;
            object-fit: cover;
        }

        .trv-article-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(26,26,46,0.85) 0%, rgba(26,26,46,0.2) 60%, transparent 100%);
            display: flex;
            align-items: flex-end;
            padding: 36px 36px;
        }

        .trv-article-hero-content .article-category {
            display: inline-block;
            background: var(--brand-orange);
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 5px 14px;
            border-radius: 50px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 12px;
        }

        .trv-article-hero-content h1 {
            color: #fff;
            font-size: 28px;
            font-weight: 800;
            line-height: 1.35;
            margin: 0;
        }

        .trv-article-hero-content h1 span { color: var(--brand-orange); }

        .trv-article-meta {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 20px 36px;
            border-bottom: 1px solid var(--border-light);
            flex-wrap: wrap;
        }

        .trv-article-meta .meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            color: var(--text-muted);
        }

        .trv-article-meta .meta-item i {
            color: #f5a623;
            font-size: 14px;
        }

        .trv-article-meta .meta-item strong {
            color: var(--brand-dark);
        }

        /* ARTICLE BODY */
        .trv-article-body {
            padding: 36px 36px;
            text-align:justify;
        }

        .trv-article-body p {
            color: var(--text-body);
            font-size: 15.5px;
            line-height: 1.85;
            margin-bottom: 20px;
        }

        .trv-article-body h2 {
            font-size: 22px;
            font-weight: 800;
            color: var(--brand-dark);
            margin: 36px 0 16px;
            padding-left: 16px;
            border-left: 4px solid var(--brand-orange);
        }

        .trv-article-body h3 {
            font-size: 18px;
            font-weight: 700;
            color: var(--brand-dark);
            margin: 24px 0 12px;
        }

        /* HIGHLIGHT BOX */
        .trv-highlight-box {
            background: var(--brand-light-orange);
            border-left: 4px solid var(--brand-orange);
            border-radius: 0 12px 12px 0;
            padding: 20px 24px;
            margin: 24px 0;
        }

        .trv-highlight-box p {
            margin: 0;
            font-weight: 600;
            color: var(--brand-dark);
            font-size: 15px !important;
        }

        /* DESTINATION CARDS IN ARTICLE */
        .trv-dest-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin: 24px 0;
        }

        .trv-dest-item {
            background: #fdfaf7;
            border: 1px solid var(--border-light);
            border-radius: 14px;
            padding: 20px 18px;
            transition: all 0.25s;
        }

        .trv-dest-item:hover {
            border-color:#fcbf14;            background: var(--brand-light-orange);
            transform: translateY(-3px);
        }

        .trv-dest-item .dest-icon { font-size: 28px; margin-bottom: 8px; }

        .trv-dest-item h5 {
            font-size: 15px;
            font-weight: 700;
            color: var(--brand-dark);
            margin-bottom: 6px;
        }

        .trv-dest-item p {
            font-size: 13px !important;
            color: var(--text-muted) !important;
            margin: 0 !important;
            line-height: 1.5 !important;
        }

        /* TIPS LIST */
        .trv-tips-list {
            list-style: none;
            padding: 0; margin: 16px 0 24px;
        }

        .trv-tips-list li {
            padding: 10px 0;
            border-bottom: 1px solid var(--border-light);
            color: var(--text-body);
            font-size: 15px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
            line-height: 1.6;
        }

        .trv-tips-list li:last-child { border-bottom: none; }

        .trv-tips-list li .tip-icon {
            color:#fcbf14;            font-size: 16px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        /* TAGS */
        .trv-article-tags {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            padding: 24px 36px;
            border-top: 1px solid var(--border-light);
        }

        .trv-article-tags .tags-label {
            font-size: 13px;
            font-weight: 700;
            color: var(--brand-dark);
        }

        .trv-article-tags a {
            font-size: 12px;
            font-weight: 600;
            background: var(--brand-light-orange);
            color:#fcbf14;            padding: 5px 14px;
            border-radius: 50px;
            text-decoration: none;
            border: 1px solid #ffd9a0;
            transition: all 0.2s;
        }

        .trv-article-tags a:hover {
            background: var(--brand-orange);
            color: #fff;
        }

        /* SHARE */
        .trv-article-share {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 20px 36px;
            border-top: 1px solid var(--border-light);
        }

        .trv-article-share .share-label {
            font-size: 13px;
            font-weight: 700;
            color: var(--brand-dark);
        }

        .trv-article-share a {
            width: 36px; height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            color: #fff;
            text-decoration: none;
            transition: transform 0.2s;
        }

        .trv-article-share a:hover { transform: scale(1.15); }
        .trv-article-share .sh-fb { background: #1877f2; }
        .trv-article-share .sh-tw { background: #1da1f2; }
        .trv-article-share .sh-wa { background: #25d366; }
        .trv-article-share .sh-ln { background: #0a66c2; }

        /* ===== FAQ SECTION ===== */
        .trv-faq-section {
            background: #fff;
            border-radius: 20px;
            padding: 36px 36px;
            box-shadow: var(--card-shadow);
            margin-bottom: 32px;
        }

        .trv-faq-title {
            font-size: 22px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 28px;
            padding-bottom: 16px;
            border-bottom: 2px solid var(--border-light);
            position: relative;
        }

        .trv-faq-title::after {
            content: '';
            position: absolute;
            bottom: -2px; left: 0;
            width: 60px; height: 2px;
            background: var(--brand-orange);
        }

        .trv-faq-item {
            border: 1px solid var(--border-light);
            border-radius: 14px;
            margin-bottom: 14px;
            overflow: hidden;
            transition: border-color 0.2s;
        }

        .trv-faq-item.open {
            border-color:#fcbf14;        }

        .trv-faq-question {
            padding: 18px 22px;
            font-size: 15px;
            font-weight: 700;
            color: var(--brand-dark);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            user-select: none;
            transition: background 0.2s;
        }

        .trv-faq-question:hover {
            background: var(--brand-light-orange);
        }

        .trv-faq-item.open .trv-faq-question {
            background: var(--brand-light-orange);
            color:#fcbf14;        }

        .trv-faq-question .faq-icon {
            width: 28px; height: 28px;
            border-radius: 50%;
            background: var(--brand-light-orange);
            border: 2px solid var(--border-light);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 14px;
            color:#fcbf14;            transition: all 0.3s;
        }

        .trv-faq-item.open .faq-icon {
            background: var(--brand-orange);
            color: #fff;
            transform: rotate(45deg);
        }

        .trv-faq-answer {
            display: none;
            padding: 0 22px 20px;
            font-size: 14.5px;
            color: var(--text-body);
            line-height: 1.75;
        }

        .trv-faq-answer.show { display: block; }

        /* RELATED POSTS */
        .trv-related-posts {
            background: #fff;
            border-radius: 20px;
            padding: 36px 36px;
            box-shadow: var(--card-shadow);
            margin-bottom: 32px;
        }

        .trv-related-title {
            font-size: 22px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 24px;
            padding-bottom: 14px;
            border-bottom: 2px solid var(--border-light);
            position: relative;
        }

        .trv-related-title::after {
            content: '';
            position: absolute;
            bottom: -2px; left: 0;
            width: 60px; height: 2px;
            background: var(--brand-orange);
        }

        .trv-related-card {
            display: flex;
            gap: 16px;
            padding: 14px 0;
            border-bottom: 1px solid var(--border-light);
            text-decoration: none;
            transition: all 0.2s;
        }

        .trv-related-card:last-child { border-bottom: none; }

        .trv-related-card:hover { transform: translateX(4px); }

        .trv-related-card .rc-img {
            width: 90px; height: 70px;
            border-radius: 10px;
            overflow: hidden;
            flex-shrink: 0;
        }

        .trv-related-card .rc-img img {
            width: 100%; height: 100%;
            object-fit: cover;
        }

        .trv-related-card .rc-info .rc-cat {
            font-size: 11px;
            font-weight: 700;
            color:#fcbf14;            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .trv-related-card .rc-info h5 {
            font-size: 14px;
            font-weight: 700;
            color: var(--brand-dark);
            margin: 4px 0 0;
            line-height: 1.4;
        }

        /* ===== SIDEBAR ===== */
        .trv-blog-sidebar { position: sticky; top: 100px; }

        .trv-sidebar-widget {
            background: #fff;
            border-radius: 18px;
            padding: 28px 24px;
            margin-bottom: 28px;
            box-shadow: var(--card-shadow);
        }

        .trv-sidebar-title {
            font-size: 18px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 18px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--border-light);
            position: relative;
        }

        .trv-sidebar-title::after {
            content: '';
            position: absolute;
            bottom: -2px; left: 0;
            width: 50px; height: 2px;
            background: var(--brand-orange);
        }

        .trv-cat-btn-list {
            list-style: none;
            padding: 0; margin: 0;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .trv-cat-btn-list li a {
            display: block;
            padding: 11px 18px;
            border-radius: 50px;
            font-size: 13.5px;
            font-weight: 600;
            color: var(--brand-dark);
            background: var(--brand-light-orange);
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .trv-cat-btn-list li a:hover,
        .trv-cat-btn-list li a.active {
            background-color:#f5a623;
            color: #fff;
            transform: translateX(4px);
        }

        .trv-recent-post {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 12px 0;
            border-bottom: 1px solid var(--border-light);
        }

        .trv-recent-post:last-child { border-bottom: none; }

        .trv-recent-post .rp-img {
            width: 68px; height: 58px;
            border-radius: 10px;
            overflow: hidden;
            flex-shrink: 0;
            background: #eee;
        }

        .trv-recent-post .rp-img img {
            width: 100%; height: 100%;
            object-fit: cover;
        }

        .trv-recent-post .rp-info .rp-date {
            font-size: 11.5px;
            color:#fcbf14;            font-weight: 700;
            margin-bottom: 3px;
        }

        .trv-recent-post .rp-info a {
            font-size: 13px;
            font-weight: 700;
            color: var(--brand-dark);
            text-decoration: none;
            line-height: 1.4;
            display: block;
            transition: color 0.2s;
        }

        .trv-recent-post .rp-info a:hover { color: var(--brand-orange); }

        .trv-sidebar-cta {
            background: linear-gradient(135deg, var(--brand-orange), #f5a623);
            border-radius: 18px;
            padding: 30px 24px;
            text-align: center;
        }

        .trv-sidebar-cta h5 {
            color: #fff;
            font-size: 17px;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .trv-sidebar-cta p {
            color: rgba(255,255,255,0.85);
            font-size: 13px;
            margin-bottom: 18px;
        }

        .trv-sidebar-cta a {
            display: block;
            background: var(--brand-dark);
            color:#fcbf14;            padding: 12px 24px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s;
        }

        .trv-sidebar-cta a:hover { background: #0f3460; color: #fff; }

        /* BREADCRUMB IN ARTICLE */
        .trv-article-breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            color: var(--text-muted);
            margin-bottom: 28px;
            flex-wrap: wrap;
        }

        .trv-article-breadcrumb a {
            color:#fcbf14;            text-decoration: none;
            font-weight: 600;
        }

        .trv-article-breadcrumb a:hover { text-decoration: underline; }

        .trv-article-breadcrumb i { font-size: 11px; }

        /* AUTHOR BOX */
        .trv-author-box {
            background: linear-gradient(135deg, #fff9f2, #fff4e6);
            border: 1px solid #ffe0bc;
            border-radius: 16px;
            padding: 24px 28px;
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 10px;
        }

        .trv-author-box .author-avatar {
            width: 70px; height: 70px;
            border-radius: 50%;
            background: var(--brand-orange);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            flex-shrink: 0;
        }

        .trv-author-box .author-info h5 {
            font-size: 16px;
            font-weight: 800;
            color: var(--brand-dark);
            margin-bottom: 4px;
        }

        .trv-author-box .author-info p {
            font-size: 13.5px;
            color: var(--text-muted);
            margin: 0;
            line-height: 1.6;
        }

        @media (max-width: 991px) {
            .trv-blog-sidebar { position: relative; top: auto; margin-top: 40px; }
        }

        @media (max-width: 768px) {
            .trv-article-hero { height: 260px; }
            .trv-article-hero-content h1 { font-size: 20px; }
            .trv-article-body, .trv-faq-section, .trv-related-posts { padding: 24px 20px; }
            .trv-article-hero-overlay { padding: 24px 20px; }
            .trv-dest-grid { grid-template-columns: 1fr; }
            .trv-article-meta { padding: 16px 20px; }
            .trv-article-tags, .trv-article-share { padding: 16px 20px; }
            .trv-author-box { flex-direction: column; text-align: center; }
        }
        .h-tag {
    font-size: 28px !important;
    font-weight: 800;
    color: #1a1a2e;
    padding:0px 33px;
}