/*
 * Website v2 — komponen umum (docs/ui/RENCANA_WEBSITE_V2.md). Semua selektor berawalan body.wv2, dibungkus @media screen.
 * Cakupan: isi halaman non-beranda (#page-outer). Header/footer ThemeBuilder, admin-bar, beranda tidak disentuh.
 * Acuan: erahajj-ui (Button, Card, Alert, Badge, Pagination, Tabs, Breadcrumb, Progress) dan situs recoding.
 * Warna ThemeBuilder (`.btn-primary`, `.active-background-color`, … dengan !important) dilawan dengan
 * spesifisitas lebih tinggi + !important; warnanya tetap warna website travel lewat --wv-brand*.
 * Pemilik: agen kerangka+komponen.
 */
@media screen {
    /* ================================================================== Tombol */
    body.wv2.not-home #page-outer .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 38px;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-transform: none;
        white-space: nowrap;
        border-width: 1px;
        border-style: solid;
        border-radius: var(--wv-radius-sm) !important;
        box-shadow: none;
        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }

    /* Tombol yang menyatu dengan input/kelompok: biarkan sudut & tinggi milik grup (form.css / bootstrap). */
    body.wv2.not-home #page-outer .input-group-btn > .btn,
    body.wv2.not-home #page-outer .btn-group > .btn {
        display: inline-block;
        min-height: 0;
        border-radius: 0 !important;
    }

    body.wv2.not-home #page-outer .input-group-btn:last-child > .btn,
    body.wv2.not-home #page-outer .btn-group > .btn:last-child {
        border-top-right-radius: var(--wv-radius-sm) !important;
        border-bottom-right-radius: var(--wv-radius-sm) !important;
    }

    body.wv2.not-home #page-outer .input-group-btn:first-child > .btn,
    body.wv2.not-home #page-outer .btn-group > .btn:first-child {
        border-top-left-radius: var(--wv-radius-sm) !important;
        border-bottom-left-radius: var(--wv-radius-sm) !important;
    }

    body.wv2.not-home #page-outer .btn-group > .btn:only-child,
    body.wv2.not-home #page-outer .btn-group > .btn.dropdown-toggle:last-child {
        border-radius: var(--wv-radius-sm) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-block {
        display: flex;
        width: 100%;
    }

    body.wv2.not-home #page-outer .btn-sm {
        gap: 6px;
        min-height: 30px;
        padding: 4px 12px;
        font-size: 13px;
        line-height: 20px;
    }

    body.wv2.not-home #page-outer .btn-xs {
        gap: 4px;
        min-height: 24px;
        padding: 2px 8px;
        font-size: 12px;
        line-height: 18px;
    }

    body.wv2.not-home #page-outer .btn-lg {
        min-height: 46px;
        padding: 12px 24px;
        font-size: 16px;
        line-height: 20px;
    }

    body.wv2.not-home #page-outer .btn:focus,
    body.wv2.not-home #page-outer .btn:active:focus {
        outline: none;
    }

    body.wv2.not-home #page-outer .btn:focus-visible {
        outline: 2px solid var(--wv-brand) !important;
        outline-offset: 2px;
        box-shadow: none !important;
    }

    body.wv2.not-home #page-outer .btn.disabled,
    body.wv2.not-home #page-outer .btn[disabled] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    /* Ikon mengikuti warna teks tombol (lawan style.css `.btn .fa { color: #fff !important }`). */
    body.wv2.not-home #page-outer .btn .fa {
        top: 0;
        color: inherit !important;
    }

    /* Utama: isi brand. */
    body.wv2.not-home #page-outer .btn.btn-primary {
        color: #fff !important;
        background-color: var(--wv-brand) !important;
        border-color: var(--wv-brand) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-primary:hover,
    body.wv2.not-home #page-outer .btn.btn-primary:focus,
    body.wv2.not-home #page-outer .btn.btn-primary:active {
        color: #fff !important;
        background-color: var(--wv-brand-hover) !important;
        border-color: var(--wv-brand-hover) !important;
    }

    /* Garis brand (btn-primary btn-outline): Download, Cetak, dll. */
    body.wv2.not-home #page-outer .btn.btn-primary.btn-outline {
        color: var(--wv-brand) !important;
        background-color: transparent !important;
        border-color: var(--wv-brand) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-primary.btn-outline:hover,
    body.wv2.not-home #page-outer .btn.btn-primary.btn-outline:focus {
        color: var(--wv-brand-hover) !important;
        background-color: var(--wv-brand-lembut) !important;
        border-color: var(--wv-brand-hover) !important;
    }

    /* Netral (default/white/gray): latar putih bergaris, hover sunken — bukan biru penuh (lawan
       ThemeBuilder `.btn-default:hover { background-color: brand !important }`). */
    body.wv2.not-home #page-outer .btn.btn-default,
    body.wv2.not-home #page-outer .btn.btn-white,
    body.wv2.not-home #page-outer .btn.btn-light-gray {
        color: var(--wv-ink) !important;
        background-color: var(--wv-surface) !important;
        border-color: var(--wv-border-strong) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-default:hover,
    body.wv2.not-home #page-outer .btn.btn-default:focus,
    body.wv2.not-home #page-outer .btn.btn-white:hover,
    body.wv2.not-home #page-outer .btn.btn-light-gray:hover {
        color: var(--wv-heading) !important;
        background-color: var(--wv-sunken) !important;
        border-color: var(--wv-border-strong) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-dark {
        color: #fff !important;
        background-color: var(--wv-heading) !important;
        border-color: var(--wv-heading) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-dark:hover,
    body.wv2.not-home #page-outer .btn.btn-dark:focus {
        background-color: #0b2134 !important;
        border-color: #0b2134 !important;
    }

    body.wv2.not-home #page-outer .btn.btn-success {
        color: #fff !important;
        background-color: var(--wv-success) !important;
        border-color: var(--wv-success) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-danger {
        color: #fff !important;
        background-color: var(--wv-danger) !important;
        border-color: var(--wv-danger) !important;
    }

    body.wv2.not-home #page-outer .btn.btn-success:hover,
    body.wv2.not-home #page-outer .btn.btn-danger:hover {
        filter: brightness(1.08);
    }

    body.wv2.not-home #page-outer .btn.btn-link {
        color: var(--wv-brand) !important;
        background-color: transparent !important;
        border-color: transparent !important;
    }

    body.wv2.not-home #page-outer .btn.btn-link:hover {
        background-color: var(--wv-sunken) !important;
        text-decoration: none;
    }

    /* ================================================================== Panel / kartu */
    /* Panel bootstrap umum → kartu putih radius 14 bergaris tipis. */
    body.wv2.not-home #page-outer .panel {
        overflow: hidden;
        margin-bottom: 16px;
        color: var(--wv-ink);
        background-color: var(--wv-surface);
        border: 1px solid var(--wv-border) !important;
        border-radius: var(--wv-radius-lg) !important;
        box-shadow: var(--wv-shadow-rest) !important;
    }

    body.wv2.not-home #page-outer .panel > .panel-body {
        padding: 16px 20px;
    }

    body.wv2.not-home #page-outer .panel > .panel-footer {
        padding: 12px 20px;
        background-color: var(--wv-sunken);
        border-top: 1px solid var(--wv-border);
    }

    /* Judul panel/kotak berlatar biru penuh → kepala kartu gaya recoding: latar tint lembut, teks heading
       tebal rata kiri, garis bawah tipis. Berlaku untuk: .panel-heading (termasuk akordeon detail paket),
       Pesan Paket/Detail Hotel (.detail-informasi-paket-heading), Cari Blog (.detail-informasi-blog-heading),
       Review Pesanan/Pembayaran (.heading-review), Informasi Penerbangan (.vor-heading-review). */
    body.wv2.not-home #page-outer .panel > .panel-heading,
    body.wv2.not-home #page-outer .panel-heading.active-background-color,
    body.wv2.not-home #page-outer .detail-informasi-paket-heading.active-background-color,
    body.wv2.not-home #page-outer .detail-informasi-blog-heading.active-background-color,
    body.wv2.not-home #page-outer .heading-review.active-background-color,
    body.wv2.not-home #page-outer .vor-heading-review.active-background-color {
        margin: 0 !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.45 !important;
        text-align: left !important;
        text-transform: none !important;
        color: var(--wv-heading) !important;
        background-color: var(--wv-sunken) !important;
        border: 0 none !important;
        border-bottom: 1px solid var(--wv-border) !important;
        border-radius: 0 !important;
    }

    body.wv2.not-home #page-outer .panel > .panel-heading a,
    body.wv2.not-home #page-outer .panel-heading.active-background-color a,
    body.wv2.not-home #page-outer .panel-heading .panel-title {
        font-size: inherit;
        font-weight: inherit;
        color: var(--wv-heading) !important;
        text-decoration: none;
        text-transform: none;
    }

    /* Akordeon depan (detail paket: Itinerary, Syarat, …): tiap item kartu; tanda buka/tutup chevron. */
    body.wv2.not-home #page-outer .front-accordion .panel {
        margin: 0 0 12px 0;
    }

    body.wv2.not-home #page-outer .front-accordion .panel > .panel-heading {
        border-bottom: 0 none !important;
    }

    body.wv2.not-home #page-outer .front-accordion .panel-title > a {
        position: relative;
        display: block;
        margin: -14px -20px;
        padding: 14px 44px 14px 20px;
    }

    body.wv2.not-home #page-outer .front-accordion .panel-title > a::after {
        content: "\f107";
        position: absolute;
        top: 50%;
        right: 20px;
        font: normal normal normal 16px/1 FontAwesome;
        color: var(--wv-muted);
        transform: translateY(-50%);
        transition: transform 0.2s ease;
    }

    body.wv2.not-home #page-outer .front-accordion .panel:has(> .collapse-outer.in) .panel-title > a::after,
    body.wv2.not-home #page-outer .front-accordion .panel:has(> .collapse-outer.collapsing) .panel-title > a:not(.collapsed)::after {
        transform: translateY(-50%) rotate(180deg);
    }

    body.wv2.not-home #page-outer .front-accordion .collapse-outer {
        color: var(--wv-ink);
        background-color: var(--wv-surface);
        border: 0 none;
        border-top: 1px solid var(--wv-border);
    }

    body.wv2.not-home #page-outer .front-accordion .collapse-outer .collapse-inner {
        padding: 16px 20px;
    }

    /* Kotak berjudul: Pesan Paket / Detail Hotel (.detail-informasi-paket > heading + .detail-informasi-inner). */
    body.wv2.not-home #page-outer .detail-informasi-paket {
        overflow: hidden;
        margin-bottom: 20px;
        background-color: var(--wv-surface);
        border: 1px solid var(--wv-border);
        border-radius: var(--wv-radius-lg);
        box-shadow: var(--wv-shadow-rest);
    }

    body.wv2.not-home #page-outer .detail-informasi-paket .detail-informasi-inner {
        padding: 16px 20px 20px;
        border: 0 none !important;
    }

    /* Sidebar blog: tiap pasangan judul + isi menjadi satu kartu (judul = kepala kartu, saudara berikutnya = badan). */
    body.wv2.not-home #page-outer .detail-informasi-blog > .detail-informasi-blog-heading {
        border: 1px solid var(--wv-border) !important;
        border-radius: var(--wv-radius-lg) var(--wv-radius-lg) 0 0 !important;
    }

    body.wv2.not-home #page-outer .detail-informasi-blog > .detail-informasi-blog-heading + * {
        margin-bottom: 16px;
        padding: 16px 20px;
        background-color: var(--wv-surface);
        border: 1px solid var(--wv-border);
        border-top: 0 none;
        border-radius: 0 0 var(--wv-radius-lg) var(--wv-radius-lg);
        box-shadow: var(--wv-shadow-rest);
    }

    /* Review Pesanan / Review Pembayaran (.tabel-review, div maupun table). */
    body.wv2.not-home #page-outer .tabel-review {
        overflow: hidden;
        margin-bottom: 20px;
        background-color: var(--wv-surface);
        border: 1px solid var(--wv-border) !important;
        border-radius: var(--wv-radius-lg);
        box-shadow: var(--wv-shadow-rest);
    }

    body.wv2.not-home #page-outer table.tabel-review {
        border-collapse: separate !important;
        border-spacing: 0;
    }

    body.wv2.not-home #page-outer .tabel-review tr td,
    body.wv2.not-home #page-outer .tabel-review .review-row {
        padding: 6px 20px;
        border-left: 0 none !important;
        border-right: 0 none !important;
    }

    body.wv2.not-home #page-outer .tabel-review .label-review {
        padding-top: 10px;
        padding-bottom: 0;
        font-weight: 600;
        color: var(--wv-heading);
    }

    body.wv2.not-home #page-outer .tabel-review .total-review.active-background-color {
        padding: 14px 20px !important;
        font-size: 16px;
        font-weight: 600;
        color: var(--wv-brand-gelap) !important;
        background-color: var(--wv-brand-soft) !important;
        border: 0 none !important;
        border-top: 1px solid var(--wv-border) !important;
    }

    body.wv2.not-home #page-outer .tabel-review .sepataror-review {
        border-top-color: var(--wv-border);
    }

    body.wv2.not-home #page-outer .via-order-review {
        overflow: hidden;
        background-color: var(--wv-surface);
        border: 1px solid var(--wv-border);
        border-radius: var(--wv-radius-lg);
        box-shadow: var(--wv-shadow-rest);
    }

    /* Kotak bootstrap lain (.well) → permukaan sunken lembut. */
    body.wv2.not-home #page-outer .well {
        background-color: var(--wv-sunken);
        border: 1px solid var(--wv-border);
        border-radius: var(--wv-radius-md);
        box-shadow: none;
    }

    /* ================================================================== Alert */
    body.wv2.not-home #page-outer .alert {
        position: relative;
        padding: 12px 16px;
        font-size: 14px;
        line-height: 1.55;
        text-align: left !important;
        border: 1px solid transparent;
        border-radius: var(--wv-radius-sm) !important;
    }

    body.wv2.not-home #page-outer .alert > p:last-child {
        margin-bottom: 0;
    }

    body.wv2.not-home #page-outer .alert.alert-info {
        color: var(--wv-heading) !important;
        background-color: var(--wv-brand-soft) !important;
        border-color: var(--wv-brand-lembut) !important;
    }

    body.wv2.not-home #page-outer .alert.alert-success {
        color: var(--wv-success) !important;
        background-color: var(--wv-success-soft) !important;
        border-color: rgb(18 128 92 / 25%) !important;
    }

    body.wv2.not-home #page-outer .alert.alert-warning {
        color: var(--wv-warning) !important;
        background-color: var(--wv-warning-soft) !important;
        border-color: rgb(122 78 6 / 25%) !important;
    }

    body.wv2.not-home #page-outer .alert.alert-danger {
        color: var(--wv-danger) !important;
        background-color: var(--wv-danger-soft) !important;
        border-color: rgb(200 50 59 / 25%) !important;
    }

    body.wv2.not-home #page-outer .alert.alert-warning a {
        color: inherit !important;
        text-decoration: underline !important;
    }

    /* Tombol di dalam alert peringatan: tetap tombol brand (lawan style.css coklat). */
    body.wv2.not-home #page-outer .alert.alert-warning .btn.btn-primary:not(.btn-outline) {
        color: #fff !important;
        background-color: var(--wv-brand) !important;
        border-color: var(--wv-brand) !important;
    }

    /* ================================================================== Label / badge (pil) */
    body.wv2.not-home #page-outer .label,
    body.wv2.not-home #page-outer .badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 10px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
        vertical-align: middle;
        border-radius: var(--wv-radius-pill) !important;
    }

    body.wv2.not-home #page-outer .label-default,
    body.wv2.not-home #page-outer .badge {
        color: var(--wv-ink) !important;
        background-color: var(--wv-sunken) !important;
        box-shadow: inset 0 0 0 1px var(--wv-border);
    }

    body.wv2.not-home #page-outer .label-primary,
    body.wv2.not-home #page-outer .label-info {
        color: var(--wv-brand-gelap) !important;
        background-color: var(--wv-brand-lembut) !important;
    }

    body.wv2.not-home #page-outer .label-success {
        color: var(--wv-success) !important;
        background-color: var(--wv-success-soft) !important;
    }

    body.wv2.not-home #page-outer .label-warning {
        color: var(--wv-warning) !important;
        background-color: var(--wv-warning-soft) !important;
    }

    body.wv2.not-home #page-outer .label-danger {
        color: var(--wv-danger) !important;
        background-color: var(--wv-danger-soft) !important;
    }

    /* ================================================================== Tabel & DataTables */
    body.wv2.not-home #page-outer .table {
        margin-bottom: 16px;
        color: var(--wv-ink);
        background-color: var(--wv-surface);
        border-top: 1px solid var(--wv-border) !important;
        border-bottom: 1px solid var(--wv-border) !important;
    }

    body.wv2.not-home #page-outer .table > thead > tr > th,
    body.wv2.not-home #page-outer .table > thead > tr > td {
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 600;
        color: var(--wv-heading);
        vertical-align: middle;
        background-color: var(--wv-sunken);
        border-bottom: 1px solid var(--wv-border) !important;
    }

    body.wv2.not-home #page-outer .table > tbody > tr > td,
    body.wv2.not-home #page-outer .table > tbody > tr > th,
    body.wv2.not-home #page-outer .table > tfoot > tr > td,
    body.wv2.not-home #page-outer .table > tfoot > tr > th {
        padding: 10px 12px;
        vertical-align: middle;
        border-top: 1px solid var(--wv-border);
    }

    body.wv2.not-home #page-outer .table-bordered,
    body.wv2.not-home #page-outer .table-bordered > thead > tr > th,
    body.wv2.not-home #page-outer .table-bordered > thead > tr > td,
    body.wv2.not-home #page-outer .table-bordered > tbody > tr > th,
    body.wv2.not-home #page-outer .table-bordered > tbody > tr > td {
        border-color: var(--wv-border) !important;
    }

    body.wv2.not-home #page-outer .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--wv-sunken);
    }

    body.wv2.not-home #page-outer .table-hover > tbody > tr:hover {
        background-color: var(--wv-brand-soft);
    }

    /* Bungkus tabel lebar: gulir di dalam wadah, bukan di halaman. */
    body.wv2.not-home #page-outer .table-responsive,
    body.wv2.not-home #page-outer .dataTables_wrapper {
        max-width: 100%;
        overflow-x: auto;
        border: 0 none;
    }

    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_info {
        padding-top: 10px;
        font-size: 13px;
        color: var(--wv-muted);
    }

    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_length label,
    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_filter label {
        font-size: 13px;
        font-weight: 500;
        color: var(--wv-muted);
    }

    /* ================================================================== Paginasi */
    body.wv2.not-home #page-outer .new-pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 16px 0 0;
    }

    body.wv2.not-home #page-outer .new-pagination .np-goto {
        width: 120px;
        margin-left: 0;
    }

    body.wv2.not-home #page-outer .pagination {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        border-radius: 0;
    }

    body.wv2.not-home #page-outer .pagination > li {
        display: inline-flex;
    }

    body.wv2.not-home #page-outer .pagination > li > a,
    body.wv2.not-home #page-outer .pagination > li > span {
        float: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 34px;
        margin: 0 !important;
        padding: 0 10px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1;
        font-variant-numeric: tabular-nums;
        color: var(--wv-ink);
        background-color: transparent;
        border: 1px solid transparent !important;
        border-radius: var(--wv-radius-sm) !important;
        transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }

    /* Panah ‹ › (anak pertama/terakhir) bergaris seperti tombol arah recoding. */
    body.wv2.not-home #page-outer .pagination > li:first-child > a,
    body.wv2.not-home #page-outer .pagination > li:first-child > span,
    body.wv2.not-home #page-outer .pagination > li:last-child > a,
    body.wv2.not-home #page-outer .pagination > li:last-child > span {
        font-weight: 600;
        background-color: var(--wv-surface);
        border-color: var(--wv-border-strong) !important;
    }

    body.wv2.not-home #page-outer .pagination > li > a:hover,
    body.wv2.not-home #page-outer .pagination > li > a:focus {
        color: var(--wv-brand) !important;
        background-color: var(--wv-sunken) !important;
    }

    body.wv2.not-home #page-outer .pagination > li:first-child > a:hover,
    body.wv2.not-home #page-outer .pagination > li:last-child > a:hover {
        border-color: var(--wv-brand) !important;
    }

    body.wv2.not-home #page-outer .pagination > .active > a,
    body.wv2.not-home #page-outer .pagination > .active > a:hover,
    body.wv2.not-home #page-outer .pagination > .active > a:focus,
    body.wv2.not-home #page-outer .pagination > .active > span,
    body.wv2.not-home #page-outer .pagination > .active > span:hover,
    body.wv2.not-home #page-outer .pagination > .active > span:focus {
        font-weight: 600;
        color: var(--wv-brand) !important;
        background-color: var(--wv-brand-lembut) !important;
        border-color: transparent !important;
    }

    body.wv2.not-home #page-outer .pagination > .disabled > a,
    body.wv2.not-home #page-outer .pagination > .disabled > span {
        color: var(--wv-muted);
        opacity: 0.55;
        cursor: not-allowed;
    }

    /* DataTables paginate (dibangkitkan bootstrap integration memakai ul.pagination; versi polos memakai a.paginate_button). */
    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_paginate {
        padding-top: 10px;
    }

    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 34px;
        height: 34px;
        margin: 0 2px;
        padding: 0 10px !important;
        line-height: 32px;
        color: var(--wv-ink) !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: var(--wv-radius-sm) !important;
    }

    body.wv2.not-home #page-outer .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        font-weight: 600;
        color: var(--wv-brand) !important;
        background: var(--wv-brand-lembut) !important;
    }

    /* ================================================================== Tab */
    body.wv2.not-home #page-outer .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        max-width: 100%;
        margin-bottom: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        border-bottom: 0 none;
        box-shadow: inset 0 -1px 0 var(--wv-border);
        scrollbar-width: thin;
    }

    body.wv2.not-home #page-outer .nav-tabs::before,
    body.wv2.not-home #page-outer .nav-tabs::after {
        display: none;
    }

    body.wv2.not-home #page-outer .nav-tabs > li {
        float: none;
        flex: none;
        margin-bottom: 0;
    }

    body.wv2.not-home #page-outer .nav-tabs > li > a {
        margin: 0;
        padding: 10px 2px;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        color: var(--wv-muted) !important;
        background-color: transparent !important;
        border: 0 none !important;
        border-bottom: 2px solid transparent !important;
        border-radius: 0 !important;
    }

    body.wv2.not-home #page-outer .nav-tabs > li > a:hover,
    body.wv2.not-home #page-outer .nav-tabs > li > a:focus {
        color: var(--wv-ink) !important;
        background-color: transparent !important;
    }

    body.wv2.not-home #page-outer .nav-tabs > li.active > a,
    body.wv2.not-home #page-outer .nav-tabs > li.active > a:hover,
    body.wv2.not-home #page-outer .nav-tabs > li.active > a:focus {
        font-weight: 600;
        color: var(--wv-heading) !important;
        background-color: transparent !important;
        border-bottom-color: var(--wv-brand) !important;
    }

    /* Tab pil (.nav-pills) */
    body.wv2.not-home #page-outer .nav-pills > li > a {
        padding: 7px 14px;
        font-weight: 500;
        color: var(--wv-ink);
        border-radius: var(--wv-radius-sm);
    }

    body.wv2.not-home #page-outer .nav-pills > li.active > a,
    body.wv2.not-home #page-outer .nav-pills > li.active > a:hover,
    body.wv2.not-home #page-outer .nav-pills > li.active > a:focus {
        font-weight: 600;
        color: var(--wv-brand) !important;
        background-color: var(--wv-brand-lembut) !important;
    }

    /* ================================================================== Breadcrumb */
    body.wv2.not-home #page-outer .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 0 0 12px;
        padding: 0;
        font-size: 13px;
        font-weight: 500;
        color: var(--wv-muted);
        background-color: transparent;
        border-radius: 0;
    }

    body.wv2.not-home #page-outer .breadcrumb > li + li::before {
        content: "\203A";
        padding: 0 8px 0 0;
        color: var(--wv-border-strong);
    }

    body.wv2.not-home #page-outer .breadcrumb > li > a {
        color: var(--wv-muted);
        text-decoration: none;
    }

    body.wv2.not-home #page-outer .breadcrumb > li > a:hover {
        color: var(--wv-brand);
        text-decoration: underline;
    }

    body.wv2.not-home #page-outer .breadcrumb > .active {
        font-weight: 600;
        color: var(--wv-heading);
    }

    /* ================================================================== Progress (Sisa Seat, bootstrap .progress) */
    body.wv2.not-home #page-outer .m-list-paket-sisa-seat {
        margin: 6px 0;
    }

    body.wv2.not-home #page-outer .m-list-paket-sisa-seat > span {
        display: block;
        margin-bottom: 4px;
        font-size: 12px;
        font-weight: 600;
        color: var(--wv-ink);
        font-variant-numeric: tabular-nums;
    }

    body.wv2.not-home #page-outer .m-list-paket-sisa-seat .m-list-paket-sisa-seat-bar {
        height: 8px;
        background-color: var(--wv-sunken);
        border: 1px solid var(--wv-border);
        border-radius: var(--wv-radius-pill);
    }

    body.wv2.not-home #page-outer .m-list-paket-sisa-seat .m-list-paket-sisa-seat-bar-inner {
        top: -1px;
        left: -1px;
        height: calc(100% + 2px);
        background-color: var(--wv-brand) !important;
        border-radius: var(--wv-radius-pill);
    }

    body.wv2.not-home #page-outer .progress {
        height: 8px;
        margin-bottom: 12px;
        overflow: hidden;
        background-color: var(--wv-sunken);
        border: 1px solid var(--wv-border);
        border-radius: var(--wv-radius-pill);
        box-shadow: none;
    }

    body.wv2.not-home #page-outer .progress > .progress-bar {
        background-color: var(--wv-brand);
        background-image: none;
        border-radius: var(--wv-radius-pill);
        box-shadow: none;
    }

    body.wv2.not-home #page-outer .progress > .progress-bar-success {
        background-color: var(--wv-success) !important;
    }

    body.wv2.not-home #page-outer .progress > .progress-bar-warning {
        background-color: #d9930d !important;
    }

    body.wv2.not-home #page-outer .progress > .progress-bar-danger {
        background-color: var(--wv-danger) !important;
    }

    @media (max-width: 767px) {
        body.wv2.not-home #page-outer .panel > .panel-heading,
        body.wv2.not-home #page-outer .panel-heading.active-background-color,
        body.wv2.not-home #page-outer .detail-informasi-paket-heading.active-background-color,
        body.wv2.not-home #page-outer .detail-informasi-blog-heading.active-background-color,
        body.wv2.not-home #page-outer .heading-review.active-background-color,
        body.wv2.not-home #page-outer .vor-heading-review.active-background-color {
            padding: 12px 16px !important;
            font-size: 15px !important;
        }

        body.wv2.not-home #page-outer .front-accordion .panel-title > a {
            margin: -12px -16px;
            padding: 12px 40px 12px 16px;
        }

        body.wv2.not-home #page-outer .front-accordion .panel-title > a::after {
            right: 16px;
        }

        body.wv2.not-home #page-outer .front-accordion .collapse-outer .collapse-inner,
        body.wv2.not-home #page-outer .panel > .panel-body,
        body.wv2.not-home #page-outer .detail-informasi-paket .detail-informasi-inner,
        body.wv2.not-home #page-outer .detail-informasi-blog > .detail-informasi-blog-heading + * {
            padding-left: 16px;
            padding-right: 16px;
        }

        body.wv2.not-home #page-outer .tabel-review tr td,
        body.wv2.not-home #page-outer .tabel-review .review-row,
        body.wv2.not-home #page-outer .tabel-review .total-review.active-background-color {
            padding-left: 16px !important;
            padding-right: 16px !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        body.wv2.not-home #page-outer .btn,
        body.wv2.not-home #page-outer .pagination > li > a,
        body.wv2.not-home #page-outer .front-accordion .panel-title > a::after {
            transition: none;
        }
    }
}