/*
Theme Name: NCMAZ Child
Theme URI: https://ncmaz.chisnghiax.com/
Template: ncmaz
Author: ChisNghiax
Author URI: https://chisnghiax.com/
Description: Ncmaz is a theme for blog, magazines, news, multi-purpose... Great and Modern design, using React & Graphql to make the theme have many powerful functions, fast and easy page loading in Home page building. Dark mode, post format video, audio, gallery beautiful... Try using it, and it will show you great things
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 2.0.0.0
Updated: 2022-02-27 09:57:46

*/

@font-face {
    font-family: 'CS Carson';
    src: url('assets/font/CSCarson-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CS Carson';
    src: url('assets/font/CSCarson-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'CS Carson';
    src: url('assets/font/CSCarson-ReverseItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}



/* theme style */
.single-product-content {
    /* display: block!important; */
}
.nc_wc_shop_open_div {
    display: none;
}


/* custom self  */
/* .ptokd_main-content-Layout {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center -100px;
    width: 100%;
}
.ptokd_woocommerce-layout {
    display: flex;
    flex-wrap: wrap;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}
.ptokd_woocommerce-main-content {
    flex: 1;
    order: 1;
    padding: 30px 30px 0px 30px;
}
.ptokd_woocommerce-sidebar {
    flex-basis: 400px;
    order: 2;
}
.ptokd-sticky-wrapper {
    padding: 22px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: 200px;
    width: 403px;
    height: auto;
    border: 1px solid #ebebeb;
    background-size: auto;
    background-position: right -12px top -5px;
    background-repeat: no-repeat;
} */

.ptkod-detail-listing-single-wrapper-ListingDetailPage {
    padding-top: 30px;
}

.ptkod-container-ListingDetailPage__content  {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
.ptkod-main-info-listing-details-single-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 5.75rem;
    position: relative;
}
.ptkod-main-info-listing-details-single {
    width: 66.666667%;
    padding-right: 2.5rem;
}
.ptkod-sidebar-info-listing-details-single-wrapper {
    display: block;
    margin-top: 0;
    flex-grow: 1;
}
.ptkod-sidebar-info-listing-details-single {
    top: 8rem;
    position: -webkit-sticky;
    position: sticky;
}
.ptkod-sidebar-detail-listing-single {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    border-width: 1px;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-color: #e5e7eb;  
    margin-top: 34px;
    gap: 16px;
}
.ptkod-section-info {
    border-left-width: 1px;
    border-radius: 1rem;
    border-right-width: 1px;
    border-top-width: 1px;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom-width: 1px;
    border-color: #e5e7eb;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* color: #4b5563; */
}

/* Image */
.ptkod-header-img-details-listing {
    /* display: flex;
    width: 100%;
    gap: 15px;
    max-height: 600px;
    margin-bottom: 50px; */
}

.ptkod-main-image-single-details {
    /* flex-basis: 50%;
    max-width: 50%;
    max-height: 600px; */
}

.ptkod-gallery-images {
    /* flex-basis: 50%; 
    display: flex;
    flex-wrap: wrap;
    max-height: 600px; */
}

.ptkod-other-image-single-details {
    /* flex-basis: 49%;
    max-width: 50%; 
    height: auto;
    display: block; */
}

.ptkod-other-image-single-details img {
    /* width: 100%;
    height: auto;
    object-fit: cover;  */
}

.ptkod-see-all-image-single-details-wrapper {
    text-align: center;
    /* margin-top: 20px; */
}

.ptkod-main-image-single-details img {
    /* display: block; 
    max-width: 100%;
    height: 580px;
    width: auto;
    object-fit: none;
    border-radius: 1rem; */
}

.ptkod-other-image-single-details img {
    /* width: 285px;
    height: 285px;
    object-fit: cover;
    border-radius: 1rem; */
}
.ptkod-mainhead-info {
    border-left-width: 1px;
    border-radius: 1rem;
    border-right-width: 1px;
    border-top-width: 1px;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-bottom-width: 1px;
    border-color: #e5e7eb;
    display: grid;
    gap: 15px;
    /* flex-direction: column; */
    width: 100%;
}

@media (max-width: 768px) {
    .ptkod-header-img-details-listing {
        /* flex-direction: row;
        max-height: 300px;
        gap: 5px; */
        /* padding: 0 1rem; */
    }
    .ptkod-main-image-single-details img {
        /* border-radius: .375rem;
        height: 300px;
        width: revert-layer;
        object-fit: cover; */
    }
    .ptkod-other-image-single-details img {
        /* border-radius: .375rem;
        height: 95px;
        width: 95px; */
    }
    .ptkod-gallery-images {
        /* gap: 5px; */
    }

    .ptkod-main-image-single-details, .ptkod-gallery-images {
        /* max-width: 100%; */
        /* flex-basis: 100%; */
        /* width: auto;
        flex-basis: unset;
        max-width: 100%; */
    }

    .ptkod-other-image-single-details {
        /* flex-basis: 100%;  */
    }
    
    .ptkod-main-info-listing-details-single-wrapper {
        display: grid;
        margin-top: 0rem!important;
    }
    .ptkod-main-info-listing-details-single {
        width: auto;
        padding: 0 10px;
    }
    .ptkod-sidebar-info-listing-details-single-wrapper {
        display: none;
    }
    .ptkod-section-info {
        border-left-width: 0px;
        border-radius: 0rem;
        border-right-width: 0px;
        border-top-width: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
        border-bottom-width: 0px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ptkod-detail-listing-single-wrapper-ListingDetailPage {
        padding-top: 8px !important;
    }
    .ptkod-mainhead-info {
        border-left-width: 0px;
        border-radius: 0rem;
        border-right-width: 0px;
        border-top-width: 0px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-bottom-width: 0px;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ptkod-itinerary-content {
        margin-left: 0px!important;
    }
    .ptkod-modal-content {
        margin: 25% 0 0 0 !important;
        width: 100% !important;
        border-radius: 16px 16px 0 0!Important;
    }
    .ptkod-available-date-list {
        display: flex !important;
        flex-wrap: wrap!important;
    }

    .ptkod-container-ListingDetailPage__content {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .ptkod-mainhead-second {
        font-size: 1.5rem!important;
        line-height: 1.75rem!important;
        font-weight: 600!important;
    }

    .ptkod-summary-detail-price-qty {
        /*display: grid!important;*/
        flex-direction: column;
    }

    .ptkod-tiket-opentrip-item-ticket-dtl {
        /* display: grid!important; */
        gap: 8px;
    }

    .ptkod-tiket-opentrip-item-total-price {
        width: fit-content;
    }

    .ptkod-tiket-opentrip-item {
        padding: 16px 8px!important;
        border-radius: 8px!important;
    }

    .ptkod-summary-detail-price-qty {
        padding: 4px 8px!important;
        border-radius: 8px!important;
    }
    .ptkod-total-harga {
        font-size: 14px!important;
        font-weight: 500!important;
    }
    .quantity-controls {
        margin-left: 48px!important;
    }

    .ptkod-toggle-add-facility {
        font-size: 12px!important;
    }

    .ptkod-title-add-facility {
        font-size: 14px!important;
    }

    .ptkod-detail-fasilitas-tambahan {
        padding: 12px 8px!important;
        border-radius: 8px!important;
    }
    .ptkod-detail-nama {
        font-size: 14px !important;
    }
    .ptkod-detail-nama {
        font-size: 14px !important;
    }
    .quantity-controls-fac {
        justify-content: center!important;
    }
    li.ptkod-fas-det-list-alat-tambahan {
        display: grid!important;
    }

    .ptkod-total-harga-ticket-pilihan-information {
        display: grid!important;
        width: 100%;
        justify-content: normal!important;
    }
    .ptkod-detail-list-sum-main {
        font-size: 14px!important;
    }

    .ptkod-detail-list-sum-fac {
        font-size: 12px!important;
    }

    .bcads {
        gap: 16px!important;
    }
    .tgl-choices-oke {
        font-size: 14px!important;
    }
    .ptkod-mht-rating {
        font-size: 12px!important;
    }

    .ptkod-mainhead-first {
        align-items: end !important;
    }
    .ptkod-mhf-list-type {
        width: fit-content!important;
    }
    .ptkod-mainhead-first-content {
        display: grid !important;
        gap: 16px!important;
    }
    .ptkod-mhf-share, .ptkod-mhf-like {
        font-size: 10px!important;
    }
    
}

.ptkod-see-all-image-single-details-wrapper {
    display: flex;
    margin-top: -80px;
    margin-left: 35px;
}
.ptkod-see-all-image-single-details {
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    border-radius: .75rem;
    background-color: #f3f4f6;
    padding-bottom: .5rem;
    padding-top: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.ptkod-see-all-image-single-details:hover {
    transform: translateY(-5px); 
}

.ptkod-mainhead-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.ptkod-mainhead-first-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ptkod-mht-rating {
    cursor: pointer;
    margin: 0 0 0 4px;
    font-size: 16px;
    line-height: 1.32;
    font-weight: 600;
    color: #f09b0a;
} 

.ptkod-mht-rating:hover {
    color: #966106;
}

.ptkod-mhf-snl {
    display: flex;
    gap: 15px;
    padding: 0 15px;    
}
.ptkod-mainhead-third {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
}

.ptkod-info-dts-pgos {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.ptkod-mainhead-fourth {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
}
.ptkod-mainhead-five {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
}
.ptkod-mainhead-second {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 600;
}
.ptkod-destinasi-detail-single ul {
    list-style-type: none; /* Hapus bullet list */
    padding: 0;
}

.ptkod-destinasi-detail-single li {
    display: flex;
    align-items: center; /* Alinea ikon dan teks secara vertikal */
    margin-bottom: 10px; /* Jarak antar item */
}

.ptkod-destinasi-detail-single .destinasi-icon {
    margin-right: 10px; /* Jarak antara ikon dan teks */
    width: 20px; /* Sesuaikan lebar ikon */
    height: auto; /* Pastikan tinggi ikon proporsional */
}
.ptkod-destinasi-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    padding: 0px 0 20px 0;
    /* color: #1e40af; */
}


.ptkod-title {
    font-weight: bold;
    margin-bottom: 8px;
}

.ptkod-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ptkod-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}

.ptkod-include-detail-single {
    margin-bottom: 50px;
}

.ptkod-exclude-detail-single {
    padding-top: 45px;
    border-top: 1px dashed #bfbfbf;
}
.ptkod-itinerary-timeline {
    position: relative;
    padding-left: 20px;
    border-left: 2px dashed #d3d3d3;
    gap: 34px;
    display: grid;
}

.ptkod-itinerary-day {
    display: flex;
    margin-bottom: 10px;
    position: relative;
}

.ptkod-timeline-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d3d3d3;
    position: absolute;
    left: -31px;
    top: 0px;
    border: 1px solid #b1b1b1;
}

.ptkod-itinerary-content {
    margin-left: 5px;
    font-size: 16px;
    line-height: 1.6;
}

.ptkod-itinerary-list {
    display: grid;
    gap: 8px;
}

.ptkod-available-date-detail-single {
    margin-top: 16px;
}

.ptkod-available-date-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

.ptkod-available-date-item,
.ptkod-available-date-list li.ptkod-available-date-item {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*padding: 8px 12px;*/
    /*border: 1px solid #d3d3d3;*/
    /*border-radius: 16px;*/
    /*font-size: 14px;*/
    /*line-height: 1.4;*/
    /*cursor: pointer;*/
    /* color: #1e40af; */
    /*font-weight: 500;*/
    /*color: #9d174d;*/
    /*font-weight: 500;*/
    /*font-size: .75rem;*/
    /*line-height: 1rem;*/
    /*background-color: #fce7f3;*/
    /*padding-left: .625rem;*/
    /*padding-right: .625rem;*/
    /*padding-bottom: .25rem;*/
    /*padding-top: .25rem;*/
    /*border-radius: 9999px;*/
    
}

.ptkod-available-date-list li.ptkod-available-date-item {
    list-style: none;
    padding: 8px 12px;
    cursor: pointer;
}

.ptkod-available-date-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ptkod-available-date-item,
.ptkod-available-date-list li.ptkod-available-date-item {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*padding: 8px 12px;*/
    /* background-color: #f4f4f4; */
    /*background-color: #9a999d;*/
    /*border: 1px solid #d3d3d3;*/
    /*border-radius: 16px;*/
    /*font-size: 14px;*/
    /*line-height: 1.4;*/
    /* margin-bottom: 8px; */
    cursor: pointer;
    color: #9d174d;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    background-color: #fce7f3;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    border-radius: 9999px;
}

.ptkod-available-date-list li.ptkod-available-date-item {
    list-style: none;
    padding: 8px 12px;
    cursor: pointer;
}

.ptkod-show-all-dates-btn {
    background-color: #4f46e5;
    color: white;
    padding: 8px 16px;
    border-radius: 16px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
    border: none;
}

.ptkod-show-all-dates-btn:hover {
    background-color: #005f8f;
}

.ptkod-all-dates-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 74%);
}

.ptkod-modal-content {
    position: relative;
    background-color: #ffffff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    border-radius: 16px;
    height: 75%;
    overflow-y: auto;
    text-align: center;
}

.ptkod-modal-close {
    position: absolute;
    top: 8px;
    right: 16px;
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.ptkod-modal-close:hover,
.ptkod-modal-close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.ptkod-tiket-opentrip-group {
    display: grid;
    gap: 30px;
}
.ptkod-tiket-opentrip-item {
    border: 1px solid #d1d1d1;
    border-radius: 16px;
    display: grid;
    padding: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    gap: 16px;
}
.quantity-controls {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.qty-minus, .qty-plus {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #9ca3af;
    background-color: white;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px;
    padding: 10px;
}

.qty-value {
    font-size: 18px;
}

.ptkod-total-harga {
    margin: 10px 0;
    font-weight: bold;
}

.ptkod-tiket-opentrip-section {
    margin: 10px 0;
}

.ptkod-tiket-opentrip-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ptkod-tiket-opentrip-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 10px 0;
}

.ptkod-tiket-opentrip-item-meeting-point,
.ptkod-tiket-opentrip-item-minimal-pesan,
.ptkod-tiket-opentrip-item-maksimal-pesan,
.ptkod-tiket-opentrip-item-rentang-usia,
.ptkod-tiket-opentrip-item-harga {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.ptkod-summary-detail-price-qty {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    border: 1px solid #cdcdcd;
    padding: 8px 16px;
    border-radius: 16px;
    margin-top: 16px;
}
.wrapper-dtl-qty-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.ptkod-tiket-opentrip-item-price-regular {
    font-size: 12px;
}
.ptkod-tiket-opentrip-item-sale-price {
    margin-top: -5px;
    font-weight: 700;
}

.ptkod-tiket-opentrip-item-ticket-dtl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ptkod-detail-fasilitas-tambahan {
    border: 1px solid #cfcfcf;
    border-radius: 16px;
    padding: 16px 24px;
    display: none;
}
.ptkod-detail-matel {
    display: grid;
    gap: 20px;
}
.ptkod-fas-det-list-alat-tambahan {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}
.quantity-controls-fac {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.qty-minus-fac,
.qty-plus-fac {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #9ca3af;
    background-color: white;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px;
    padding: 10px;
}
.qty-value {
    width: 20%!important;
}
.ptkod-koasd {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;    
}
.ptkod-detail-nama {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 500;
}
.ptkod-krg-add-facility {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 16px 4px;
    gap: 16px;
}
.ptkod-toggle-add-facility {
    background-color: #4f46e5;
    color: white;
    padding: 4px 8px;
    border-radius: 24px;
    cursor: pointer;
    font-weight: 500;
}
.ptkod-total-harga-ticket-pilihan {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* gap: 16px; */
}
.ptkod-tiket-opentrip-item-rcntl-toggle {
    cursor: pointer;
    color: #991b1b;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #fee2e2;
    border-radius: 9999px;
}

.ptkod-tiket-opentrip-item-rentang-usia {
    cursor: pointer;
    color: #1e40af;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #dbeafe;
    border-radius: 9999px;
}
.ptkod-total-detail-price-qty {
    margin-top: 8px;
}
.ptkod-tiket-opentrip-item-total-price {
    cursor: pointer;
    color: #166534;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #dcfce7;
    border-radius: 9999px;
}
.ptkod-tiket-opentrip-item-rcnttlea {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 500;
}
.ptkod-total-harga-ticket-pilihan-information {
    border-top: 1px solid lightgrey;
    padding: 8px 0;
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ptkod-detail-list-sum {
    color: #4b5563;
    font-size: .9rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.ptkod-title-add-facility {
    font-weight: 500;
}
.btn-choice-tckt {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
}
.bcads, .nbv{
    display: grid;
    gap: 8px;
}
.ptkod-detail-list-sum-main, 
.ptkod-detail-list-sum-fac {
    /* color: #4b5563; */
}
dl.variation {
    display: none !Important;
}
/* dl.variation dt {
    display: grid!important;
} */
.ptkod-cart-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 16px;
    position: relative;
}
.ptkod-cart-item-summary-list-container {
    box-sizing: border-box;
    margin: 0;
    padding-right: 4.5283018868%;
    /*width: 65%;*/
}
/* .ptkod-cart-price-detail-container {
    box-sizing: border-box;
    margin-top: 0px;
    width: 35%;
    border-width: 1px;
    height: fit-content;
    padding: 2rem;
} */
.ptkod-cart-summary-detail-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px dashed #b7b7b7;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.ptkod-cart-image-item img {
    width: 150px!important;
    height: 150px!important;
    border-radius: 8px!important;
    object-fit: cover;
}

.ptkod-list-detail-cart {
    width: 100%;
    display: grid;
    gap: 4px;
}
.ptkod-cart-meeting-point-item,
.ptkod-cart-date-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.facility-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.facilitiy-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-cart-fasilitas-tambahan-item {
    margin-top: 8px;
}
.ptkod-cart-title-item {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    /* color: #111827; */
}
.ptkod-cart-meeting-point-label,
.ptkod-cart-date-label {
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
}
.ptkod-cart-date-name,
.ptkod-cart-meeting-point-name {
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-cart-main-ticket-item {
    display: block;
    margin: 8px 0;
}
.ptkod-cart-main-ticket-items-details {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-cart-total-tickets {
    /* color: #374151; */
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}
.ptkod-title-fasta {
    /* color: #374151; */
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}
.facility-price {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-available-date-item.selected {
    background-color: #fcb800;
    color: #000000;
    border: 1px solid #d9d9d9;
    font-weight: 700;
    font-size: .75rem;
    padding: 8px 16px;
    border-radius: 24px;
    line-height: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

/* CSS untuk popup */
.popup {
    display: none; /* Popup tidak ditampilkan secara default */
    position: fixed; /* Tetap di tempat ketika di-scroll */
    z-index: 1000; /* Pastikan popup berada di atas elemen lainnya */
    left: 0;
    top: 0;
    width: 100%; /* Lebar penuh layar */
    height: 100%; /* Tinggi penuh layar */
    background-color: rgba(0, 0, 0, 0.5); /* Latar belakang transparan */
}

.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 300px;
    text-align: center;
}

.popup-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.popup-close:hover,
.popup-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.ptkod-available-date-list-modal {
    display: grid;
    gap: 16px;
}

/* checkout */
.ptkod-checkout-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 16px;
    position: relative;
}
.ptkod-checkout-item-summary-list-container {
    box-sizing: border-box;
    margin-right: 32px;
    margin-bottom: 16px;
    width: 65%;
    border-width: 1px;
    padding: 2rem;
    border-radius: 1rem;
}
.ptkod-checkout-price-detail-container,
.ptkod-cart-price-detail-container {
    border-width: 1px;
    padding: 1rem;
    border-radius: 1rem;
    height: fit-content;
    top: 7rem;
    position: -webkit-sticky;
    position: sticky;
    width: 30%;
    display: grid;
    gap: 16px;
}
.ptkod-checkout-summary-detail-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px dashed #b7b7b7;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.ptkod-checkout-image-item img {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
}
.ptkod-list-detail-checkout {
    width: 100%;
    display: grid;
    gap: 4px;
}
.ptkod-checkout-title-item {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    /* color: #111827; */
}
.ptkod-checkout-meeting-point-item,
.ptkod-checkout-date-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ptkod-checkout-meeting-point-label,
.ptkod-checkout-date-label {
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
}
.ptkod-checkout-meeting-point-name,
.ptkod-checkout-date-name {
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-checkout-main-ticket-item {
    display: block;
    margin: 8px 0;
}
.ptkod-checkout-total-tickets {
    /* color: #374151; */
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}
.ptkod-checkout-main-ticket-items-details {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
}
.ptkod-checkout-wrapper-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 1rem 0;
}
.ptkod-side-checkout-title,
.ptkod-side-cart-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: .25rem 0;
}
.ptkod-side-checkout-subtotal,
.ptkod-side-cart-subtotal {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}
.ptkod-side-checkout-total,
.ptkod-side-cart-total {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    border-top: 1px solid #e1e1e1;
    padding-top: 16px;
}
.ptkod-side-cart-btn-to-checkout .button {
    background-color: #4f46e5;
    color: #f9fafb;
    width: 100%;
    margin: 16px 0;
    padding: 8px 0;
    border-radius: 24px;
}
.ptkod-side-cart-btn-to-checkout .button:hover {
    background-color: #0d0780;
}
.woocommerce-page.woocommerce-checkout header.entry-header>div h1.entry-title {
    display: none;
}

.ptkod-checkout-btn-pay-now {
    background-color: #4f46e5;
    color: #f9fafb;
    width: 100%;
    margin: 16px 0;
    padding: 8px 0;
    border-radius: 24px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
.ptkod-checkout-payment-list {
    border-width: 1px;
    padding: 1rem;
    border-radius: 1rem;
    height: fit-content;
    top: 7rem;
    position: -webkit-sticky;
    position: sticky;
    width: 30%;
    display: grid;
    gap: 16px;
}
.ptkod-checkout-billing-form {
    box-sizing: border-box;
    margin-right: 32px;
    margin-bottom: 16px;
    width: 65%;
    border-width: 1px;
    padding: 2rem;
    border-radius: 1rem;
}
.ptkod-checkout-billing-and-payment {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 16px;
    position: relative;
}
.woocommerce-privacy-policy-text {
    display: none;
}
.ptkod-order-details {
    display: grid;
    /* gap: 8px; */
    border: 1px solid #cbcbcb;
    padding: 1rem;
    border-radius: 16px;
    /* width: 50%; */
    margin-bottom: 24px;
}
.ptkod-jumlah-tiket,
.ptkod-harga-item-utama,
.ptkod-meeting-point,
.ptkod-tanggal,
.ptkod-judul-prod-tiket {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 24px;
}
.ptkod-facility {
    padding-left: 24px;
}
.ptkod-jumlah-total {
    text-align: end;
    padding-right: 24px;
    border-top: 1px dashed #c9c9c9;
    margin-top: 8px;
    padding-top: 8px;
}
.ptkod-order-details-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;    
    gap: 16px;
}
.ptkod-order-details-container {
    width: 100%;
}
.ptkod-order-details-totals-tp {
    width: 50%;
    display: grid;
    border: 1px solid #cbcbcb;
    padding: 1rem;
    border-radius: 16px;
    margin-bottom: 24px;
    top: 7rem;
    position: -webkit-sticky;
    position: sticky;
}
.ptkod-fasilitas-tambahan {
    margin-top: 16px;
}
.ptkod-order-details-totals-all-tp-1 {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1rem;
}
.ptkod-order-details-totals-all-tp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dashed #c9c9c9;
    padding-top: 8px;
}
.woocommerce-order-details,
.woocommerce-order-overview__total {
    display: none;
}

/* My Account */
/* .woocommerce-MyAccount-content-ptkod {
    display: flex;
    gap: 16px;
} */
/* .ptkod-myaccount-nav-list {
    display: grid;
    gap: 16px;
}
.ptkod-myaccount-sidebar {
    background-color: #fff;
    border-right: 1px solid #eee;
}
.ptkod-myaccount-content-main-body {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.ptkod-myaccount-content-main-body-wrapper {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}
.ptkod-myaccount-content-menu-card-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 20px;
}
.ptkod-myaccount-content-menu-card-wrapper > div {
    width: 240px;
}

.ptkod-myaccount-order,
.ptkod-myaccount-detail-account {
    grid-column: span 2;
}
.ptkod-myaccount-content {
    background-color: #f7f7f7;
} */


.ptkod-myaccount-sidebar {
    width: 75px;
    float: left;
    height: 100vh;
    padding: 0px;
    margin-right: 16px;
    /* background-color: #f9f9f9; */
    border-right: 1px solid #d5d5d5;
    box-shadow: 5px 0 20px 2px rgba(0, 0, 0, .1), 0 0 10px -6px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.ptkod-myaccount-content {
    /* margin-left: 50px; */
    /* padding: 0 20px; */
    /* background-color: #ffffff; */
}

.ptkod-myaccount-sidebar .ptkod-myaccount-nav-list > div {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.ptkod-myaccount-sidebar .ptkod-myaccount-nav-list img {
    margin-right: 10px;
}

.ptkod-myaccount-content-menu-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Tambahkan gap jika diperlukan */
}

.ptkod-myaccount-content-menu-card-wrapper > div {
    flex: 1 1 calc(50% - 20px); /* Menyesuaikan item untuk mengambil setengah lebar container, dengan pengurangan gap */
    min-width: calc(50% - 20px); /* Menyesuaikan minimum lebar item */
    box-sizing: border-box;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin: .75rem 0;
    /* background-color: #fff; */
    color: inherit;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: -2px 2px 20px rgb(0 0 0 / 27%);
    gap: 8px;
    border: 1px solid #d5d5d5;
}
.ptkod-myaccount-content-main-body {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -.75rem;
    gap: 16px;
}
.ptkod-myaccount-content-main-body-wrapper-side {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: row;
    padding: 1.5rem;
    justify-content: space-between;
    margin: .75rem 0;
    /* background-color: #fff; */
    color: inherit;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: -2px 2px 20px rgb(0 0 0 / 30%);
    border: 1px solid #d5d5d5;
}
.ptkod-myaccount-content-main {
    margin-left: 10%;
    margin-right: 10%;
}
.woocommerce-MyAccount-content-ptkod {
    /*height: 100vh;*/
     height: auto; 
    border: 1px solid #ebebeb;
}
.ptkod-myaccount-content-main-head {
    padding: 50px 0;
    font-weight: 600;
    font-size: 2rem;
}
.ptkod-myaccount-order-btn-details,
.ptkod-myaccount-detail-account-btn-details,
.ptkod-myaccount-notification-btn-details,
.ptkod-myaccount-message-btn-details {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1rem;
    cursor: pointer;
}
.ptkod-myaccount-order-text,
.ptkod-myaccount-detail-account-text,
.ptkod-myaccount-notification-text,
.ptkod-myaccount-message-text {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
    cursor: pointer;
}
.ptkod-myacc-order-details-container {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*gap: 16px;*/
}
.ptkod-myacc-order-img {
    width: 48px;
    height: auto;
}
.ptkod-myacc-order-img img {
    border-radius: 4px;
}
.ptkod-myacc-orders {
    /*display: block;*/
    /*width: 100%;*/
    /*padding: 0 5%;*/
    padding: 2rem 20%;
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
}
.ptkod-myacc-order-lists {
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 3px 10px 3px rgb(0 0 0 / 7%);
    /*cursor: pointer;*/
    /*margin-bottom: 16px;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    flex: 1 1 calc(100% - 16px); /* 50% untuk 2 item sejajar pada desktop */
    max-width: calc(100% - 16px); 
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .ptkod-myacc-order-lists {
        flex: 1 1 100%; /* 100% untuk 1 item per baris pada mobile */
        max-width: 100%;
    }
}

.woocommerce-account.woocommerce-page #ncmaz-single-entry-content .woocommerce {
    display: block!important;
}
.woocommerce-pagination {
    padding-left: 5%;
}

/* Style untuk container produk terkait */
.ptkod-single-relate-listing {
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 0rem;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* Style untuk setiap produk */
.ptkod-related-wrapper {
    flex: 0 0 calc(25% - 10px); /* 4 produk di baris desktop, kurangi 10px untuk margin */
    box-sizing: border-box;
    margin-bottom: 20px; /* Spasi antar produk */
    border: 1px solid #e2e2e2;
    /* border-bottom-left-radius: 16px; */
    /* border-bottom-right-radius: 16px; */
    border-radius: 16px;
    padding-bottom: 24px;
}

/* Style untuk gambar produk */
.ptkod-related-img img {
    max-width: 100%;
    height: 175px;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Style untuk judul produk */
.ptkod-related-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 8px;
    min-height: 48px;
}

/* Style untuk nama vendor */
.ptkod-related-vendor-name {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    padding-left: 8px;
}

/* Style untuk harga produk */
.ptkod-related-price {
    font-size: 14px;
    /* color: #000; */
    margin-top: 5px;
    padding: 0 8px;
    display: grid;
    min-height: 48px;
    align-items: flex-end;
}

/* Responsive untuk tampilan mobile */
@media (max-width: 768px) {
    .ptkod-related-wrapper {
        flex: 0 0 calc(50% - 10px); /* 2 produk di baris mobile */
    }
    .ptkod-cart-wrapper {
        display: grid;
        gap: 16px;
    }
    .ptkod-cart-summary-detail-list.cart_item {
        display: grid;
        justify-content: normal;
    }
    .ptkod-cart-item-summary-list-container {
        width: auto;
    }
    .ptkod-cart-price-detail-container {
        width: auto;
    }
    .ptkod-checkout-wrapper {
        display: grid;
        gap: 16px;
    }
    .ptkod-checkout-item-summary-list-container {
        width: auto;
        padding: 1.2rem 1rem;
        margin: 0;
    }
    .ptkod-checkout-summary-detail-list.cart_item {
        display: grid;
        justify-content: normal;
    }
    .ptkod-checkout-meeting-point-item,
    .ptkod-checkout-date-item {
        display: grid;
    }
    .facilitiy-wrapper {
        width: auto;
    }
    .facility-item {
        display: grid;
    }
    .ptkod-checkout-fasilitas-tambahan-item,
    .ptkod-cart-fasilitas-tambahan-item {
        display: grid;
        gap: 8px;
        padding-top: 16px;
    }
    .ptkod-list-detail-checkout,
    .ptkod-list-detail-cart {
        gap: 12px;
    }
    .ptkod-cart-meeting-point-item {
        display: grid;
    }
    .ptkod-checkout-price-detail-container,
    .ptkod-checkout-billing-form {
        width: auto;
        margin: 0;
        padding: 1.5rem 1rem;
    }
    .ptkod-checkout-billing-and-payment {
        display: grid;
        gap: 32px;
    }
    .ptkod-checkout-payment-list {
        width: auto;
    }
}
button#custom_place_order {
    background-color: #4f46e5;
    color: white;
}

ul.products {
    display: flex;
    gap: 16px;
    /* max-width: 1280px; */
    margin-left: auto;
    /* margin-right: auto; */
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
    width: 100%;
}

@media (max-width: 768px) {
    ul.products {
        flex: 0 0 calc(50% - 16px); /* 2 kolom di mobile, dengan gap */
    }
    .ptkod-single-relate-listing {
        /* display: none; */
    }
}

.ptkod-single-relate-listing-wrapper {
    width: 25%  ;
}   
.ptkod-single-related-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    padding: 0px 0 20px 0px;
}
.ptkod-related-img img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.ptkod-related-img {
    position: relative;
}

.ptkod-related-product-container {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}


/* SHOP */
.ptkod-ListingExperiencesPage-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
.ptkod-ListingExperiencesPage-topbg {
    display: flex;
    justify-content: space-between;
    gap: 10%;
    min-height: 400px;
    align-items: flex-start;
    padding-top: 5%;
}
.ptkod-ListingExperiencesPage-wrapper {
    display: grid;
    gap: 24px;
}
.ptkod-ListingExperiencesPage-topbg-left {
    display: grid;
    gap: 8px;
}
.ptkod-ListingExperiencesPage-top-a {
    gap: 32px;
    display: flex;
}
.ptkod-ListingExperiencesPage-top-b,
.ptkod-ListingExperiencesPage-top-e {
    display: flex;
    gap: 16px;
    align-items: center;
}
.ptkod-ListingExperiencesPage-top-d,
.ptkod-ListingExperiencesPage-top-g {
    color: #6b7280;
}
.ptkod-ListingExperiencesPage-filter {
    border: 1px solid #e9e9e9;
    display: flex;
    gap: 16px;
    width: fit-content;
    min-width: 60%;
    border-radius: 9999px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    justify-content: space-between;
    padding: 16px 16px;
    align-items: center;
    margin-top: -170px;
    z-index: 9999;
    position: relative;
    background-color: white;
}
.ptkod-ListingExperiencesPage-filter-loc,
.ptkod-ListingExperiencesPage-filter-date {
    display: flex;
    align-items: center;
    gap: 16px;
}
.ptkod-ListingExperiencesPage-filter-loc {
    width: 100%;
    border-right: 1px solid #e7e7e7;
}
.ptkod-ListingExperiencesPage-filter-date {
    width: 100%;
}
.ptkod-ListingExperiencesPage-section {
    display: grid;
    gap: 8px;
}
.ptkod-ListingExperiencesPage-section-wrapper-sort {
    display: flex;
    gap: 16px;
    align-items: center;
}
.ptkod-ListingExperiencesPage-section-sort-schedule,
.ptkod-ListingExperiencesPage-section-sort-duration {
    border: 1px solid #e9e9e9;
    display: flex;
    gap: 16px;
    width: fit-content;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    justify-content: space-between;
    padding: 4px 16px;
    align-items: center;
    cursor: pointer;
}
.ptkod-ListingExperiencesPage-filter-loc-input,
.ptkod-ListingExperiencesPage-filter-date-input,
.ptkod-ListingExperiencesPage-filter-search-btn {
    cursor: pointer;
}

.ptkod-ListingExperiencesPage-filter-loc-input,
.ptkod-ListingExperiencesPage-filter-date-input {
    color: #9ca3af;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.25rem;
}

#load-more {
    display: block;
    margin: 20px auto;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #4f46e5;
    color: #f9fafb;
    padding-bottom: .75rem;
    padding-top: .75rem;
    font-weight: 500;
    border-radius: 9999px;
}
#loading {
    margin: 20px auto;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #4f46e5;
    color: #f9fafb;
    padding-bottom: .75rem;
    padding-top: .75rem;
    font-weight: 500;
    border-radius: 9999px;
}

.ptkod-ListingExperiencesPage-filter-loc-icon,
.ptkod-ListingExperiencesPage-filter-date-icon {
    color: #d1d5db;
}
.ptkod-ListingExperiencesPage-filter-loc-title,
.ptkod-ListingExperiencesPage-filter-date-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}
.ptkod-ListingExperiencesPage-filter-search-btn {
    background-color: #4f46e5;
    color: #f9fafb;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    padding: 14px;
}
.ptkod-ListingExperiencesPage-section-title,
.ptkod-ListingExperiencesPage-destination-title {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.ptkod-ListingExperiencesPage-section-subtitle,
.ptkod-ListingExperiencesPage-destination-subtitle {
    color: #6b7280;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
}
.ptkod-ListingExperiencesPage-top {
    margin-bottom: 75px;
}

.ptkod-ListingExperiencesPage-section-wrapper-c {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 32px;
    padding-top: 24px;
}

/* @media (min-width: 900px) {
    .ptkod-ListingExperiencesPage-section-wrapper-c {
        grid-template-columns: repeat(3, 1fr);
    }
} */

@media (min-width: 768px) {
    .ptkod-ListingExperiencesPage-section-wrapper-c {
        grid-template-columns: repeat(4, 1fr);
    }
}

.ptkod-ListingExperiencesPage-destination {
    display: grid;
    gap: 32px;
    text-align: center;
    padding: 50px 16px;
    background-color: #f3f4f6;
    border-radius: 32px;
    margin: 75px 0 0 0;
}

.ptkod-ListingExperiencesPage-topbg-title {
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 500;
}
.ptkod-ListingExperiencesPage-topbg-right-img img {
    max-height: 315px!important;
}


/* ITINERARY  */

.ptkod-itinerary-content p {
    /* color: #4b5563; */
    font-weight: 400;
}

.ptkod-details-short-description {
    /* color: #4b5563; */
    font-weight: 400;
}

.ptkod-details-full-description {
    color: #4b5563;
    font-weight: 400;
}

button#ptkod-details-toggle-description {
    color: #4f46e5;
    padding-top: 16px;
    font-size: 14px;
}

button#ptkod-details-full-description {
    color: #4f46e5;
    padding-top: 16px;
    font-size: 14px;
}


/* Destinasi  */
.ptkod-destinasi-detail-single li {
    /* color: #4b5563; */
    font-weight: 400;
}

ul.ptkod-list li {
    /* color: #4b5563; */
    font-weight: 400;
}




/* ULASAN  */
.ptkod-review-detail-single {
    display: grid;
    gap: 24px;
}

.ptkod-reviews-content {
    border-bottom: 1px solid #dddddd;
    /* border-radius: 16px; */
    padding: 20px 0px 48px 0px;
    /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1); */
    display: grid;
    gap: 12px;
}

.ptkod-review-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #d9d9d9; */
    padding-bottom: 12px;
}
.ptkod-revies-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.ptkod-nick-reviewer {
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
}

.ptkod-reviewer-date {
    color: #6b7280;
    font-size: .875rem;
    line-height: 1.25rem;
}

button#view-more-reviews {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #374151;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 500;
    border-color: #cdcdcd;
    border-width: 1px;
    border-radius: 9999px;
    padding-bottom: .75rem;
    padding-top: .75rem;
}

button#view-more-reviews:hover {
    background-color: #dbdbdb;
}

.ptkod-view-more-review {
    text-align: center;
    padding: 32px 0;
}

.ptkod-review-content {
    /* color: #4b5563; */
    font-weight: 400;
    font-size: 14px;
}

.ptkod-give-review-user {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500;
}

.ptkod-ulasan-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}

.ptkod-ulasan-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.ptkod-ulasan-containers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.ptkod-sort-reviews {
    display: flex;
    align-items: center;
    gap: 8px;
}




/* .ptkod-available-date-item {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        background-color: initial;
    }
    50% {
        background-color: lightblue;
    }
} */

.ptkod-available-date-item.animate,
.ptkod-show-all-dates-btn.animate {
    animation: pulse 1s 5; /* Jalankan animasi selama 1 detik, sebanyak 5 kali */
}

@keyframes pulse {
    0%, 100% {
        background-color: initial;
    }
    50% {
        background-color: lightblue;
    }
}



.ptkod-success-review {
    padding: 10px;
    margin: 10px 0;
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
}

.ptkod-popup {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    display: none;
}

.ptkod-popup-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 32px 24px;
    border: 1px solid #888;
    width: 100%;
    max-width: 600px;
    border-radius: 16px;
}

.ptkod-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ptkod-close:hover,
.ptkod-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



.ptkod-lokasi-detail-single img {
    width: 24px;
    height: auto;
}

.ptkod-mhf-like img,
.ptkod-mhf-share img {
    width: 18px;
    height: auto;
}

.ptkod-mhf-like,
.ptkod-mhf-share {
    cursor: pointer;
}

.ptkod-mp-icon,
.ptkod-loc-icon {
    display: flex;
    align-items: center;
    gap: 16px;
    /* color: #374151; */
    font-size: .875rem;
    line-height: 1.25rem;
}

.ptkod-mhf-share,
.ptkod-mhf-like {
    gap: 0px;
    display: flex;
    align-items: center;
    /* color: #374151; */
    font-size: .875rem;
    line-height: 1.25rem;
}

.ptkod-dt-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

#dt-ic-ptkod {
    margin-right: -5px;
}

.ptkod-jto-dates {
    font-weight: 500;
    /* color: #374151; */
    font-size: .875rem;
    line-height: 1.25rem;
}

/* a.lihat-tanggal-lainnya {
    color: #4f46e5;
    font-size: 14px;
    font-weight: 500;
    border-radius: 16px;
    padding: 8px 16px;
    background-color: #8885bd4f;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    transition: transform 0.3s ease;
} */

.ptkod-mainhead-five .lihat-tanggal-lainnya:hover {
    transform: translateY(-8px);
    background-color: #e97e034f;
}

a.jiko {
    margin-left: 16px;
    color: #5858c3;
    font-weight: 500;
}

.ptkod-mhf-list-type {
    cursor: pointer;
    color: #1e40af;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #dbeafe;
    border-radius: 9999px;
}

.ptkod-floating-wrapper {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    display: flex;
    gap: 16px;
    overflow: hidden;
}

.ptkod-floating-tab-detail {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px 0px;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease, transform 0.5s ease, top 0.3s ease;
}

.ptkod-floating-tab-detail.show {
    opacity: 1;
    transform: translateY(0);
}

.ptkod-floating-tab-detail.hide {
    opacity: 0;
    transform: translateY(-20px);
}

.ptkod-float-ringkasan,
.ptkod-float-destinasi,
.ptkod-float-fasilitas,
.ptkod-float-itinerary,
.ptkod-float-jadwal,
.ptkod-float-ulasan {
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-bottom: 2px solid transparent;
    color: #212121;
    font-size: 16px;
    flex-shrink: 0;
    cursor: pointer;
}

.ptkod-active {
    color: #ff5b00;
    border-bottom: 2px solid #fcb800;
    font-weight: 600;
}

input.submit-edit-review.glsx {
    background-color: #4f46e5;
    width: 100%;
    margin: 17px 0 8px 0;
    border-radius: 16px;
    padding: 12px 0;
    font-weight: 700;
    cursor: pointer;
    color: white;
}

p.comment-form-comment {
    padding: 24px 0;
}

.ptkod-sidebar-one {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ptkod-sidbar-price-amount {
    display: flex;
    align-items: center;
}

.per-orang {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: .25rem;
}

.harga-terkecil {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 2.25rem;
}
.ptkod-sidbar-price-title {
    color: #374151;
    font-size: .875rem;
    line-height: 1.25rem;
}

.ptkod-sidebar-jto-dates {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tanggal-item {
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: -webkit-fill-available;
    gap: 8px;
}

.tanggal-item:last-child {
    border-bottom: none;
}

.pilih-tanggal {
    background-color: #007bff;
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.pilih-tanggal:hover {
    background-color: #0056b3;
}

html {
    scroll-behavior: smooth;
}

.ptkod-sidebar-det-list-single-wrapper {
    padding: 16px 8px;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
}

.ptkod-sidebar-date-available {
    display: grid;
    gap: 16px;
}

.ptkod-sidebar-det-list-single-wrapper-three {
    display: none;
}

.ptkod-sidebar-to-link {
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 16px;
    padding: 8px 16px;
    background-color: #161173db;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    transition: transform 0.3s ease;
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
}

.btn-sidebar-choice-tckt {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.blink {
    animation: blink 2s linear 3;
}



.share-menu {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 8px 16px;
    width: 215px;
}

.share-menu a {
    display: flex;
    margin: 8px 0;
    text-decoration: none;
    font-size: 0.95rem;
    gap: 8px;
    align-items: center;
}

.share-menu a:hover {
    /* text-decoration: underline; */
    background-color: rgb(196 196 196 / 39%);
    border-radius: 4px;
}

a#copyLink {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 8px;
}

.copy-notification {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.copy-notification.show {
    display: block;
    opacity: 1;
}

.ptkod-mhf-like {
    cursor: pointer;
}

.ptkod-mhf-like svg {
    vertical-align: middle;
    margin-right: 5px;
}

.ptkod-mhf-like.red {
    color: red;
}



/* BARU  */
@media (max-width: 768px) {
    img.attachment-thumbnail.size-thumbnail {
        border-radius: 0.5rem;
        height: 83px!important;
    }
    .ptkod-gallery-images {
        display: grid !important;
        gap: 8px!important;
        grid-template-columns: repeat(1, 1fr)!important;
    }
    img.attachment-large.size-large.wp-post-image {
        border-radius: 1rem!important;
        object-fit: cover;
        height: 265px !important;
        width: 225px !important;
    }
    #ptkod-img-lists {
        display: flex;
        padding: 0 0.5rem;
        gap: 8px;
        height: 100%;
    }
    .ptkod-gallery-images .ptkod-other-image-single-details:nth-child(4) {
        display: none;
    }
    .ptkod-header-img-details-listing {
        box-shadow: none!important;
        background-color: #f3f3f300!important;
    }

    .ptkod-see-all-image-single-details {
        font-size: 12px!important;
        border-radius: 8px!important;
        color: #919191!important;
    }
    .ptkod-see-all-image-single-details-wrapper {
        margin-top: -50px!important;
        margin-left: 15px!important;
    }

    .ptkod-itinerary-content p {
        font-size: 14px!important;
        line-height: 28px!important;
    }

    .ptkod-details-short-description,
    .ptkod-details-full-description,
    .ptkod-destinasi-detail-single li,
    ul.ptkod-list li {
        font-size: 14px!important;
        line-height: 28px!important;
    }

    .ptkod-mp-icon, .ptkod-loc-icon {
        gap: 8px !important;
    }
}

.ptkod-header-img-details-listing {
    display: flex;
    max-height: 585px;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    background-color: #f3f3f3;
    padding: 16px;
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

.ptkod-main-image-single-details {
    width: 55%;
}

.ptkod-main-image-single-details img {
    border-radius: 1rem;
}

.ptkod-gallery-images {
    width: 45%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.ptkod-other-image-single-details {
    width: 100%;
    height: auto;
}

.ptkod-other-image-single-details img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    border-radius: 1rem;
}





/* Gaya umum untuk kontainer produk terkait */
.ptkod-single-relate-listing .products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ptkod-single-relate-listing-wrapper {
    flex: 0 0 auto !important;
    width: calc(100% / 4) !important; /* Menampilkan 4 produk dalam satu baris */
}

/* Atur ulang lebar pada perangkat mobile */
@media (max-width: 768px) {
    .ptkod-single-relate-listing-wrapper {
        width: calc(100% / 1.5) !important; /* Menampilkan 1,5 produk dalam satu baris */
    }
}

@media (max-width: 480px) {
    .ptkod-single-relate-listing-wrapper {
        width: calc(100% / 1.2) !important; /* Menampilkan 1 produk penuh dan sebagian produk kedua */
    }
}

/* Scrollbar styling */
.ptkod-single-relate-listing .products::-webkit-scrollbar {
    height: 8px; /* Tinggi scrollbar */
}

.ptkod-single-relate-listing .products::-webkit-scrollbar-thumb {
    background-color: #888; /* Warna track */
    border-radius: 10px; /* Sudut yang lebih halus */
}

.ptkod-single-relate-listing .products::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Warna track saat di-hover */
}

.ptkod-single-relate-listing .products::-webkit-scrollbar-track {
    background: #f1f1f1; /* Warna background track */
    border-radius: 10px;
}


/* Gaya umum untuk kontainer produk terkait */
.ptkod-shortcode-listing .products {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ptkod-shortcode-listing-wrapper {
    flex: 0 0 23% !important; /* Menampilkan 4 produk dalam satu baris pada desktop */
    box-sizing: border-box !important;
    /* padding: 10px;  */
    margin: 5px;
}

/* Atur ulang lebar pada perangkat mobile */
@media (max-width: 768px) {
    .ptkod-shortcode-listing .products {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .ptkod-shortcode-listing-wrapper {
        flex: 0 0 calc(100% / 1.5) !important; /* Menampilkan 1,5 produk dalam satu baris pada tablet */
        padding: 10px !important; /* Spasi antar item */
    }
}

@media (max-width: 480px) {
    .ptkod-shortcode-listing-wrapper {
        flex: 0 0 calc(100% / 1.2) !important; /* Menampilkan 1 produk penuh dan sebagian produk kedua pada mobile */
        padding: 10px !important; /* Spasi antar item */
    }
}

/* Scrollbar styling */
.ptkod-shortcode-listing .products::-webkit-scrollbar {
    height: 8px; /* Tinggi scrollbar */
}

.ptkod-shortcode-listing .products::-webkit-scrollbar-thumb {
    background-color: #888; /* Warna track */
    border-radius: 10px; /* Sudut yang lebih halus */
}

.ptkod-shortcode-listing .products::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Warna track saat di-hover */
}

.ptkod-shortcode-listing .products::-webkit-scrollbar-track {
    background: #f1f1f1; /* Warna background track */
    border-radius: 10px;
}

.ptkod-shortcode-wrapper {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    border-radius: 16px;
    min-height: 315px;
    transition: transform 0.3s ease;
}

.ptkod-shortcode-img img {
    max-width: 100%;
    height: 175px!important;
    display: block;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 16px!important;
    border-top-right-radius: 16px!important;
}

.ptkod-shortcode-vendor-name {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.ptkod-shortcode-title {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    min-height: 80px;
}

.ptkod-shortcode-price {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ptkod-shortcode-price span.woocommerce-Price-amount.amount {
    font-weight: 700;
    color: #000000;
}

.ptkod-shortcode-wrapper:hover {
    transform: translateY(-8px); 
}

/* Gaya umum untuk kontainer produk terkait */
.ptkod-shop-listing .products {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ptkod-shop-listing-wrapper {
    flex: 0 0 23% !important;
    box-sizing: border-box !important;
    /* padding: 10px;  */
    margin: 5px;
}

/* Atur ulang lebar pada perangkat mobile */
@media (max-width: 768px) {
    .ptkod-shop-listing .products {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .ptkod-shop-listing-wrapper {
        /* flex: 0 0 calc(100% / 1.5) !important;  */
        /* padding: 10px !important;  */
    }
}

@media (max-width: 480px) {
    .ptkod-shop-listing-wrapper {
        /* flex: 0 0 calc(100% / 1.2) !important;  */
        /* padding: 10px !important;  */
    }
    .ptkod-shop-img img {
        height: 250px !important;
    }
}

/* Scrollbar styling */
.ptkod-shop-listing .products::-webkit-scrollbar {
    height: 8px; /* Tinggi scrollbar */
}

.ptkod-shop-listing .products::-webkit-scrollbar-thumb {
    background-color: #888; /* Warna track */
    border-radius: 10px; /* Sudut yang lebih halus */
}

.ptkod-shop-listing .products::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Warna track saat di-hover */
}

.ptkod-shop-listing .products::-webkit-scrollbar-track {
    background: #f1f1f1; /* Warna background track */
    border-radius: 10px;
}

.ptkod-shop-wrapper {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    border-radius: 16px;
    /* min-height: 402px; */
    transition: transform 0.3s ease;
    border: 1px solid #b4b4b480;
}

.ptkod-shop-img img {
    max-width: 100%;
    height: 175px;
    display: block;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 16px!important;
    border-top-right-radius: 16px!important;
}

.ptkod-shop-vendor-name {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.ptkod-shop-title {
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    min-height: 60px;
}

.ptkod-shop-price {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    /* padding: 16px; */
    display: grid;
}

.ptkod-shop-available-date {
    padding: 10px 0 0 0;
}

.ptkod-shop-price del {
    color: grey; /* Mengubah warna font untuk elemen <del> */
}

.ptkod-shop-price del .woocommerce-Price-amount {
    color: grey !important;
    font-weight: 400 !important;
    font-size: 12px;
}


.ptkod-shop-price .woocommerce-Price-amount.amount {
    font-weight: 700;
    /* color: #000000; */
}

.ptkod-shop-wrapper:hover {
    transform: translateY(-8px); 
}

.ptkod-shop-region {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
}

.ptkod-shop-rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
}

.ptkod-shop-duration {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
}

.ptkod-sales-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    /* padding: 0 10px; */
    font-size: 13px;
    font-weight: 400;
}

.ptkod-shop-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
}

.ptkod-shop-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 10px 10px;
}

.ptkod-shop-img {
    position: relative;
}

.ptkod-shop-like {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #0000004d;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    z-index: 10;
}

.ptkod-shop-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #fcb800;
    color: black;
    padding: .125rem .75rem;
    font-size: 12px;
    border-radius: 9999px;
    font-weight: 600;
}



/* Gaya default tombol "On Sale" */
.ptkod-ListingExperiencesPage-section-sort-sale,
.ptkod-ListingExperiencesPage-section-sort-duration {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #cbcbcb;
    border-radius: 20px;
    color: #777777;
    cursor: pointer;
    position: relative;
}

.ptkod-ListingExperiencesPage-section-sort-sale.active,
.ptkod-ListingExperiencesPage-section-sort-duration.active  {
    background-color: #e6f0ff;
    color: #4a90e2;
    border: 1px solid #4a90e2;
    
}

/* Gaya ikon "X" */
.ptkod-ListingExperiencesPage-section-sort-sale .close-icon,
.ptkod-ListingExperiencesPage-section-sort-duration .close-icon-dr {
    display: none;
    position: absolute;
    right: 0px;
    top: -6px;
    font-size: 14px;
    cursor: pointer;
}

.ptkod-ListingExperiencesPage-section-sort-sale.active .close-icon,
.ptkod-ListingExperiencesPage-section-sort-duration .close-icon-dr {
    display: block;
    background-color: #6366f1;
    border-radius: 9999px;
    color: white;
    padding: 2px;
}

.ptkod-shop-schedule-avail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
}
.ptkod-shop-jto-dates {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px;
    /* padding: 0 10px; */
    font-size: 13px;
    font-weight: 400;
}

.ptkod-shop-date {
    color: #9d174d;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    background-color: #fce7f3;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    border-radius: 9999px;
}

.ptkod-shop-date-separator {
    color: #555;
}


/* Frontend Editing  */
.ptkod-fe-product-info {
    display: grid;
    gap: 32px;
    border-top: 1px solid #dbdbdb;
    margin-top: 36px;
}

.ptkod-fe-product-title-wrapper,
.ptkod-fe-product-type-wrapper,
.ptkod-fe-product-schedule-wrapper,
.ptkod-fe-product-location-wrapper,
.ptkod-fe-meeting-point-wrapper,
.ptkod-fe-duration-wrapper,
.ptkod-fe-product-feature-image-wrapper,
.ptkod-fe-product-gallery-image-wrapper,
.ptkod-fe-ticket-type-wrapper,
.ptkod-fe-additional-facilities-wrapper,
.ptkod-fe-regular-price-wrapper,
.ptkod-fe-sale-price-wrapper,
.ptkod-fe-product-description-wrapper,
.ptkod-fe-destination-wrapper,
.ptkod-fe-include-wrapper,
.ptkod-fe-exclude-wrapper,
.ptkod-fe-itinerary-wrapper {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 65px;
}

.ptkod-fe-product-feature-image img {
    width: 350px!important;
    border-radius: 16px!important;
}
.ptkod-fe-product-gallery-image {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}
.ptkod-fe-product-gallery-image img {
    width: 250px !important;
    border-radius: 8px !important;
    flex: 1 1 calc(25% - 16px) !important;
    box-sizing: border-box !important;
    object-fit: cover;
    height: 170px !important;
    object-position: center;
}



button#ptkod-fe-update-product {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
}

.ptkod-fe-product-title {
    border: 1px solid #d1d1d1;
    padding: 8px;
    border-radius: 16px;
}

.ptkod-fe-regular-price,
.ptkod-fe-sale-price,
.ptkod-fe-product-type,
.ptkod-fe-product-location,
.ptkod-fe-meeting-point,
.ptkod-fe-duration {
    border: 1px solid #d1d1d1;
    padding: 8px;
    border-radius: 16px;
    min-height: 42px;
}

.ptkod-fe-product-description,
.ptkod-fe-destination,
.ptkod-fe-include,
.ptkod-fe-exclude,
.ptkod-fe-product-schedule {
    border: 1px solid #d1d1d1;
    padding: 16px 18px;
    border-radius: 16px;
    min-height: 42px;
}

#ptkod-fe-loading img {
    margin-left: auto;
    margin-right: auto;
}
#ptkod-fe-loading p {
    margin-top: -75px;
}

.ptkod-fe-ticket-type ul {
    display: grid;
    gap: 16px;
}

.ptkod-fe-additional-facilities {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.ptkod-fe-additional-facilities ul {
    display: grid;
    gap: 16px;
}

.ptkod-fe-ticket-type li {
    border: 1px solid #d7d7d7;
    border-radius: 16px;
    padding: 16px;
}

.ptkod-fe-additional-facilities li {
    border: 1px solid #d7d7d7;
    border-radius: 16px;
    padding: 16px;
}

.ptkod-fe-additional-facilities li {
    flex: 0 0 30%;
    box-sizing: border-box;
    margin: 1%;
}

@media (max-width: 768px) {
    .ptkod-fe-additional-facilities li {
        flex: 0 0 100%;
    }
    .ptkod-fe-product-gallery-image img {
        flex: 1 1 calc(50% - 16px) !important;
    }
}

.ptkod-fe-ticket-type {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

/* .ptkod-fe-ticket-type li {
    display: grid;
    gap: 8px;
} */

.ptkod-fe-ticket-type li {
    flex: 0 0 30%;
    box-sizing: border-box;
    /* margin: 1%; */
}
@media (max-width: 768px) {
    .ptkod-fe-ticket-type li {
        flex: 0 0 100%;
    }
    .ptkod-fe-product-gallery-image img,
    .ptkod-fe-product-feature-image img {
        width: auto !important;
        height: 250px !important;
    }
    .ptkod-fe-ticket-type li {
        padding: 16px 8px;
    }
    #ptkod-fe-schedule-days {
        flex-direction: column;
    }
}
.ptkod-fe-itinerary ul {
    display: grid;
    gap: 16px;
}

.ptkod-fe-itinerary li {
    border: 1px solid #d7d7d7;
    border-radius: 16px;
    padding: 16px;
}
.ptkod-fe-itinerary-day {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 16px;
    padding-bottom: 8px;
}

.ptkod-fe-ticket-name,
.ptkod-fe-ticket-min,
.ptkod-fe-ticket-max,
.ptkod-fe-ticket-age,
.ptkod-fe-ticket-price,
.ptkod-fe-ticket-promo,
.ptkod-fe-ticket-price-promo {
    /* border: 1px solid #d7d7d7; */
    border-radius: 8px;
    padding: 8px 16px;
}

.ptkod-fe-label {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
    padding: 20px 0 10px 0px;
}

.ptkod-shop-price-labels {
    font-size: 12px;
    font-weight: 400;
}

.ptkod-shop-price {
    margin-top: -35px;
}

button#ptkod-fe-edit-product {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
}

#ptkod-fe-schedule-days {
    display: flex;
    gap: 16px;
    padding: 16px 0;
}

.hidden {
    display: none;
}

.ptkod-fe-change-image, .ptkod-fe-delete-image {
    display: block;
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.ptkod-fe-delete-image {
    background-color: #dc3545;
}

button.ptkod-fe-change-image {
    background-color: #7dff00;
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    margin-top: -3.5rem;
    position: absolute;
    margin-left: 11rem;
}

button#add-gallery-image {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 1.5rem;
}
button.ptkod-fe-delete-image {
    background-color: #7dff00;
    color: black;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-radius: 9999px;
    font-weight: 600;
    cursor: pointer;
    margin-top: -2.75rem;
    z-index: 9999;
    position: absolute;
    margin-left: 9rem;
}

button#ptkod-fe-add-ticket-type,
button#ptkod-fe-add-additional-facility,
button#ptkod-fe-add-itinerary {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 1.5rem;
}

input#ptkod-fe-gallery-image-upload,
input#ptkod-fe-feature-image-upload {
    display: none;
}

#special-dates-container {
    display: flex;
    gap: 16px;
    padding: 8px 0;
    flex-wrap: wrap;
}

.special-date {
    /* cursor: pointer; */
    color: #166534;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1rem;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #dcfce7;
    border-radius: 9999px;
    display: flex;
    gap: 8px;
    align-items: center;
}
button.delete-date {
    background-color: #a6bbcf;
    padding: 0 4px;
    border-radius: 9999px;
    cursor: pointer;
}

.ptkod-ListingExperiencesPage-filter-loc-section,
.ptkod-ListingExperiencesPage-filter-date-section {
    width: 100%;
}




/* a.ptkod-hpbc-small-bg img {
    max-width: 100px;
    height: 150px;
    object-fit: cover;
}
.ptkod-hpbc-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ptkod-hpbc-container {
    height: 500px;
    margin-top: -65px;
}
.ptkod-hpbc-background {
    height: 100vh;
    object-fit: cover;
    width: auto;
} */



.ptkod-hpbc-ribbon,
.ptkod-hpbc-separator,
.ptkod-hpbc-title,
.ptkod-hpbc-shorttext,
.ptkod-hpbc-small-separator,
.ptkod-hpbc-small-ribbon,
.ptkod-hpbc-small-title {
    color: white;
}
/* .ptkod-hpbc-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.ptkod-hpbc-small-bg img {
    max-width: 100px;
    height: auto;
} */



/* SHORTCODE JADWAL TERBARU */
.ptkod-shcedule-content {
    display: flex;
    padding: 8px;
    border: 1px solid #dfdfdf;
    border-radius: 16px;
    gap: 8px;
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden; 
}
.ptkod-shcedule-content:hover {
    transform: translateY(-8px);
}
.ptkod-schedule-image img {
    height: 160px !important;
    width: 175px!important;
    border-radius: 16px !important;
    object-fit: cover;
}

.ptkod-schedule-show-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Jarak antar item */
}

.ptkod-shcedule-content {
    flex: 1 1 calc(33.333% - 20px); /* Membagi item menjadi 3 per baris */
    box-sizing: border-box;
    max-width: 33.333%;
}

/* Untuk memastikan tampilan responsif pada layar yang lebih kecil */
@media (max-width: 1024px) {
    .ptkod-shcedule-content {
        flex: 1 1 calc(50% - 20px); /* Membagi item menjadi 2 per baris pada layar yang lebih kecil */
    }
}

@media (max-width: 768px) {
    .ptkod-shcedule-content {
        flex: 1 1 100%; /* Membuat item menjadi 1 per baris pada layar yang lebih kecil */
        max-width: 100%;
    }
    .ptkod-shcedule-data-wrapper {
        width: 100%;
    }
    .ptkod-schedule-image {
        width: 70%!important;
    }
    .ptkod-schedule-image a.woocommerce-main-image img.attachment-large.size-large.wp-post-image {
        width: 175px !important;
        height: 170px !important;
    }
    .ptkod-schedule-ribbon-type {
        margin-top: 6px;
        top: auto!important;
    }
}
.ptkod-schedule-date,
.ptkod-schedule-date-icon {
    font-size: 12px;
}

.ptkod-shcedule-top-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ptkod-schedule-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    min-height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 2.4em;
}
.ptkod-shcedule-data {
    display: grid;
    gap: 4px;
}
.ptkod-shcedule-rating-meta,
.ptkod-schedule-loc-icon,
.ptkod-schedule-star-from,
.ptkod-schedule-img-link-img {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.ptkod-shcedule-data-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}
.ptkod-schedule-image {
    width: 100%;
}
.ptkod-shcedule-bottom-data {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.ptkod-shcedule-price del .woocommerce-Price-amount {
    color: grey !important;
    font-weight: 400 !important;
    font-size: 12px;
}

.ptkod-shcedule-price {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: grid;
}

.ptkod-shcedule-price .woocommerce-Price-amount.amount {
    font-weight: 700;
    /* color: #000000; */
}

.ptkod-schedule-img-link-img {
    background-color: #4f46e5;
    border-radius: 50%;
    color: white;
    font-weight: 700;
    padding: 6px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.ptkod-schedule-img-link-img:hover {
    transform: translateY(-8px); /* Menggeser elemen ke atas 8px */
}

.ptkod-schedule-date {
    cursor: pointer;
    color: #1e40af;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    background-color: #dbeafe;
    border-radius: 8px;
}

.ptkod-schedule-date-icon {
    cursor: pointer;
    color: #166534;
    font-weight: 700;
    font-size: .75rem;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    background-color: #dcfce7;
    border-radius: 9999px;
}

.ptkod-schedule-ribbon-type {
    position: absolute;
    background-color: #fcb800;
    padding: 0 8px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    top: 14px;
    margin-left: 5px;
}










/* a.ptkod-hpbc-small-bg img {
    max-width: 250px;
    height: 350px;
    object-fit: cover;
    border-radius: 16px;
}
.ptkod-hpbc-wrapper-small {
    display: flex;
    gap: 16px;
    align-items: center;
}

.ptkod-hpbc-small-wrap {
    margin-top: -85px;
    padding: 16px;
} */


/* 


.ptkod-hpbc-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ptkod-hpbc-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-carousel .ptkod-hpbc-background.active {
    opacity: 1;
}

.slick-carousel .ptkod-hpbc-small-bg {
    position: relative;
    margin-right: 10px;
    transition: all 0.5s ease-in-out;
}

.slick-carousel .ptkod-hpbc-small-bg:hover {
    transform: scale(1.1);
}

.slick-carousel {
    display: flex;
}

.slick-carousel .ptkod-hpbc-small-bg img {
    width: 100%;
    height: auto;
} */


/* .ptkod-hpbc-container {
    position: relative;
    overflow: hidden;
}

.ptkod-hpbc-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
}

.ptkod-hpbc-container .ptkod-hpbc-background:first-child {
    opacity: 1;
}

.ptkod-hpbc-left, .ptkod-hpbc-right {
    position: relative;
    z-index: 10;
}

.ptkod-hpbc-carousel-item-small {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
}

.ptkod-hpbc-small-bg {
    width: 150px;
    margin-right: 10px;
}

.ptkod-hpbc-small-bg img {
    width: 100%;
    height: auto;
} */

.ptkod-see-all-date-text a {
    display: flex;
    justify-content: end;
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 16px;
    align-items: center;
    gap: 4px;
    margin-right: 10px;
}
.ptkod-see-all-date-text a:hover {
    color: #6f6f6f;
}

a.ptkod-myaccount-order {
    flex: 1 1 calc(50% - 20px);
    min-width: calc(50% - 20px);
    box-sizing: border-box;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin: .75rem 0;
    background-color: #fff!important; 
    color: inherit;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: -2px 2px 20px rgb(0 0 0 / 27%)!important;
    gap: 8px;
    border: 1px solid #d5d5d5;
}
a.ptkod-myaccount-detail-account {
    flex: 1 1 calc(50% - 20px);
    min-width: calc(50% - 20px);
    box-sizing: border-box;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin: .75rem 0;
    background-color: #fff !important;
    color: inherit;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: -2px 2px 20px rgb(0 0 0 / 27%) !important;
    gap: 8px;
    border: 1px solid #d5d5d5;
}

.ptkod-myaccount-order, 
.ptkod-myaccount-detail-account {
    display: block;
    transition: transform 0.3s ease;
}

.ptkod-myaccount-order:hover,
.ptkod-myaccount-detail-account:hover {
    transform: translateY(-8px);
}
.ptkod-order-nav.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination {
    margin: 50px 0px;
    padding: 2rem 5rem;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
a.ptkod-prev.woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous.button,
a.ptkod-next.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button {
    background-color: #1010b7;
    color: white;
}
a.ptkod-prev.woocommerce-button.woocommerce-button--previous.woocommerce-Button.woocommerce-Button--previous.button:hover,
a.ptkod-next.woocommerce-button.woocommerce-button--next.woocommerce-Button.woocommerce-Button--next.button:hover {
    background-color: #0f0f5b;
    color: white;
}
.ptkod-myaccount-order-img-active svg,
.ptkod-myaccount-detail-account-img-active svg {
    color: red;
    font-weight: 900;
}
.ptkod-myacc-edt-akn {
    display: flex;
}
form.ptkod-edit-account.woocommerce-EditAccountForm.edit-account {
    display: grid;
    gap: 16px;
    padding: 6rem 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}
/*.ptkod-myacc-order-details-container {*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    color: inherit;*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*.ptkod-myacc-order-details-container:hover {*/
/*    transform: translateY(-8px);*/
/*}*/


.ptkod-myaccount-detail-order-page {
    padding: 6rem 9rem;
}
a.ptkod-myacc-order-details-container {
    /*width: 70%;*/
}


@media (max-width: 768px) {
    .woocommerce-MyAccount-content-ptkod {
        display: grid;
        height: auto;
        padding-bottom: 50px;
    }
    .ptkod-myaccount-sidebar {
        width: 100%;
        padding: 8px;
        display: block;
        height: auto;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background-color: white;
        min-height: 50px;
    }
    .ptkod-myaccount-sidebar .ptkod-myaccount-nav-list > div {
        margin: 0;
    }
    .ptkod-myaccount-nav-list {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 0 16px;
    }
    .ptkod-myaccount-content-menu-card-wrapper {
        display: grid;
        gap: 0px;
    }
    .ptkod-myacc-orders {
        padding: 15px;
    }
    .ptkod-myacc-order-lists {
        padding: 10px 15px;
    }
    a.ptkod-myacc-order-details-container {
        width: auto;
    }
    form.ptkod-edit-account.woocommerce-EditAccountForm.edit-account {
        padding: 2rem 1rem;
        margin: 0;
        width: 100%;
    }
    .ptkod-myaccount-content-main-head {
        font-size: 22px;
        text-align: center;
        padding: 20px 0;
    }
    .ptkod-myacc-orders-title {
        font-size: 20px!important;
        font-weight: 600;
        text-align: center;
        padding: 20px 0;
    }
    .ptkod-myaccount-detail-order-page {
        padding: 20px 15px;
    }
    .ptkod-order-details-wrapper {
        display: grid;
        gap: 16px;
    }
    .ptkod-order-details-totals-tp {
        width: auto;
    }   
    .ptkod-order-nav.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination {
        padding: 15px;
    }
}
.ptkod-myacc-orders-title {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0 40px 0;
}


.ptkod-myacc-nb-order,
.ptkod-myacc-dt-order,
.ptkod-myacc-status-order,
.ptkod-myacc-download-invoice,
.ptkod-myacc-pay-now {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ptkod-myacc-order-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #bfbfbf;
}

.ptkod-myacc-download-invoice-icn,
.ptkod-myacc-pay-now-icn {
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: #9b89133d;
    padding: 2px 16px;
    border-radius: 16px;
    font-size: 12px;
    cursor: pointer;
}

.ptkod-order-details-pay-now a {
    background-color: #4f46e5;
    color: #f9fafb;
    width: 100%;
    margin: 16px 0;
    padding: 8px 0;
    border-radius: 24px;
}

.ptkod-order-details-pay-now a:hover {
    background-color: #10088b;
}

.ptkod-myacc-nb-order-number,
.ptkod-myacc-dt-order-dateord,
.ptkod-myacc-status-order-stts {
    font-weight: 500;
}

/*.ptkod-myacc-status-order-stts {*/
/*    cursor: pointer;*/
/*    color: #166534;*/
/*    font-weight: 700;*/
/*    font-size: .75rem;*/
/*    line-height: 1rem;*/
/*    padding-bottom: 0.5rem;*/
/*    padding-top: .5rem;*/
/*    padding-left: 1rem;*/
/*    padding-right: 1rem;*/
/*    background-color: #dcfce7;*/
/*    border-radius: 9999px;*/
/*}*/


/* Popup container */
.ptkod-popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Popup content */
.ptkod-popup-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* Close button */
.ptkod-popup-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.ptkod-popup-close:hover,
.ptkod-popup-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


@keyframes blinkHighlight {
    0% { background-color: #ffc6c6; }
    25% { background-color: transparent; }
    50% { background-color: #ffc6c6; }
    75% { background-color: transparent; }
    100% { background-color: #ffc6c6; }
}

.highlight-error {
    border: 2px solid #ff0000;
    animation: blinkHighlight 1s ease-in-out 6; /* 1 detik, 2 kali */
    background-color: #ffd6b4ad !important; /* Tetap berwarna setelah animasi */
}


.ptkod-shop-date-sidebar {
    color: #9d174d;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1rem;
    background-color: #fce7f3;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    border-radius: 9999px;
    display: flex;
    justify-content: space-between;
}






.ptkod-mobile-ticket-data-wrapper {
    display: none; /* Default tidak tampil */
}
.ptkod-mobile-ticket-data-container {
    padding: 4px 16px;
}

@media screen and (max-width: 768px) {
    .ptkod-mobile-ticket-data-wrapper {
        display: block; /* Hanya tampil di mobile */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #f8f8f8; /* Sesuaikan dengan desain */
        z-index: 1000; /* Pastikan berada di atas konten lain */
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Shadow untuk efek */
        transition: transform 0.3s ease-in-out; /* Efek animasi */
        transform: translateY(100%); /* Mulai dengan posisi tersembunyi */
        height:auto;
        
    }

    .ptkod-mobile-ticket-data-wrapper.visible {
        transform: translateY(0); /* Tampilkan saat scroll ke bawah */
    }
    .ptkod-mobile-ticket-data {
        background-color: #4f46e5;
        color: white;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        /*padding-left: 1.5rem;*/
        /*padding-right: 1.5rem;*/
        padding-bottom: .75rem;
        padding-top: .75rem;
        border-radius: 9999px;
        font-weight: 500;
        cursor: pointer;
        width: 100%;
    }
    .ptkod-jadwal-dekstop {
        display: none!important;
    }
    .ptkod-section-info {
        padding: 1rem;
    }
    .ptkod-ulasan-wrapper {
        display: grid;
        gap: 8px;
    }
    .ptkod-cart-price-detail-container-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .ptkod-mobile-cart-title-rincian {
        width: 100%;
    }
    .ptkod-mobile-btn-checkouts {
        width: 100%;
    }

}

/* Menyembunyikan bagian `ptkod-cart-price-detail-container` di perangkat mobile */
@media screen and (max-width: 767px) {
    .ptkod-cart-price-detail-container {
        /*display: none;*/
    }

    /* Menampilkan bagian `ptkod-cart-price-detail-container-mobile` di perangkat mobile */
    .ptkod-cart-price-detail-container-mobile {
        /*display: block;*/
    }
    .ptkod-cart-image-item img {
        width: 100% !important;
        height: 175px !important;
        border-radius: 8px !important;
        object-fit: cover;
        object-position: center;
    }
    .ptkod-cart-remove-item {
        display: flex;
        justify-content: center;
    }
    a.ptkod-remove {
        display: flex;
        gap: 8px;
    }
    .ptkod-cart-item-summary-list-container-wrapprr {
        width: auto!important;
    }
}

/* Menyembunyikan bagian `ptkod-cart-price-detail-container-mobile` di perangkat desktop */
@media screen and (min-width: 768px) {
    .ptkod-cart-price-detail-container-mobile {
        display: none;
    }
}

.ptkod-cart-item-summary-list-container-wrapprr {
    width: 65%;
}

.ptkod-cart-remove-item {
    display: flex;
    justify-content: center;
}
a.ptkod-remove {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
}







/* Styling untuk popup */
.ptkod-mobile-date-popup-overlay {
    display: none; /* Sembunyikan secara default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Background overlay */
    z-index: 9999;
}

.ptkod-mobile-date-popup-content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 8px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    height: 90%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.ptkod-mobile-date-popup-overlay.active .ptkod-mobile-date-popup-content {
    transform: translateY(0); /* Munculkan popup dari bawah */
}

/* Styling untuk popup tanggal lainnya */
.ptkod-all-dates-modal-overlay {
    display: none; /* Default tidak terlihat */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Background overlay */
    z-index: 10001;
    justify-content: center;
    align-items: center;
}

.ptkod-all-dates-modal-content {
    background-color: white;
    padding: 16px;
    width: 90%;
    max-width: 500px;
    border-radius: 8px;
    height: 90%;
    overflow-y: auto; /* Konten bisa di-scroll */
}

.ptkod-show-all-dates-btn {
    margin-top: 10px;
}

.ptkod-all-dates-modal-overlay.active {
    display: flex; /* Tampilkan ketika aktif */
}
.ptkod-available-date-list-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
button.ptkod-show-all-dates-btn-mobile {
    background-color: #4f46e5;
    color: white;
    text-align: center;
    font-size: .75rem;
    line-height: 1rem;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
}

ul.ptkod-available-date-list-mobile-popup {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/*li.ptkod-rearrangeMonth {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 10px;*/
/*}*/
li.ptkod-available-date-item {
    margin: 8px 0;
}

.ptkod-mobile-lisOfDate {
    position: relative;
}

.ptkod-myacc-order-details-container {
    width: 100%;
    /*height: 100%;*/
}
.ptkod-myacc-order-details-wrapper-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 24px;
}
.ptkod-myacc-order-stts {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}

 @media (max-width: 768px) {
     .ptkod-myacc-nb-order, .ptkod-myacc-dt-order, .ptkod-myacc-download-invoice, .ptkod-myacc-pay-now {
         display: grid;
     }
 }

.ptkod-order-trackings {
    font-weight: 600;
}

.ptkod-order-trackings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px dashed #bfbfbf;
    margin-bottom: 16px;
}
.ptkod-order-trackings, .ptkod-myacc-order-details-wrapper-list {
    font-size: 14px;
}