/* ==========================================================
   EXPERIENCE - BAGIAN 5/9: TOUR & TRAVEL - BATIK + FONT
   Dipecah dari css/experience.css. Urutan load = urutan angka (kaskade)
   ========================================================== */

/* =========================================
   TOUR & TRAVEL — BATIK + FONT FINAL
   ========================================= */

/* Area informasi dan ornament */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content {
    position: relative;
    isolation: isolate;
    background-color: #f5efdf;
}

/* Ornament memenuhi seluruh area informasi,
   termasuk area bawah tombol */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background-image: url("../../../assets/ornaments/batikL2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    opacity: 0.08;
    pointer-events: none;
}

/* Warna dan keterbacaan teks */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content h3 {
    color: #30271e;
}

#experienceDetail[data-experience-type="travel"]
.experience-detail-eyebrow {
    color: #554635;
}

#experienceDetail[data-experience-type="travel"]
.experience-detail-description {
    color: #554b3e;
    font-size: 13px;
    line-height: 1.85;
}

#experienceDetail[data-experience-type="travel"]
.experience-price-area h4 {
    color: #30271e;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.15em;
}

#experienceDetail[data-experience-type="travel"]
.experience-price-note {
    color: #554b3e;
    font-size: 11px;
    line-height: 1.7;
}

#experienceDetail[data-experience-type="travel"]
.experience-price-row span:first-child {
    color: #30271e;
    font-size: 12px;
    line-height: 1.6;
}

#experienceDetail[data-experience-type="travel"]
.experience-price-row span:last-child {
    color: #51462e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

#experienceDetail[data-experience-type="travel"]
.experience-detail-contact {
    color: #30271e;
    border-color: #6d6048;
}

/* =========================================
   TOUR & TRAVEL — BATIK OPACITY FINAL
   ========================================= */

#experienceDetail[data-experience-type="travel"]
.experience-detail-content {
    background-color: #f5efdf;

    background-image:
        linear-gradient(
            rgba(245, 239, 223, 0.93),
            rgba(245, 239, 223, 0.93)
        ),
        url("../../../assets/ornaments/batikL2.png");

    background-position:
        center top,
        center top;

    background-repeat:
        no-repeat,
        repeat-y;

    background-size:
        100% 100%,
        100% auto;

    background-blend-mode: normal, multiply;
}

/* Matikan ornament lama agar tidak double */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content::before {
    content: none;
}

/* Matikan ornament lama agar tidak double */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content::before {
    content: none;
}

/* =========================================
   TOUR & TRAVEL — FONT WEIGHT
   ========================================= */

/* Judul utama */
#experienceDetail[data-experience-type="travel"]
.experience-detail-content h3 {
    font-weight: 500;
}

/* Label kecil di atas judul */
#experienceDetail[data-experience-type="travel"]
.experience-detail-eyebrow {
    font-weight: 600;
}

/* Deskripsi */
#experienceDetail[data-experience-type="travel"]
.experience-detail-description {
    font-weight: 500;
}

/* Judul bagian daftar harga */
#experienceDetail[data-experience-type="travel"]
.experience-price-area h4 {
    font-weight: 700;
}

/* Nama destinasi atau aktivitas */
#experienceDetail[data-experience-type="travel"]
.experience-price-row span:first-child {
    font-weight: 600;
}

/* Harga */
#experienceDetail[data-experience-type="travel"]
.experience-price-row span:last-child {
    font-weight: 600;
}

/* Tombol kontak */
#experienceDetail[data-experience-type="travel"]
.experience-detail-contact {
    font-weight: 600;
}