/* ==========================================================
   EXPERIENCE - BAGIAN 9/9: SPA - SAMAKAN GAYA PANEL
   Dipecah dari css/experience.css. Urutan load = urutan angka (kaskade)
   ========================================================== */

/* =========================================================
   SPA & MASSAGE — MATCH DETAIL PANEL STYLE
   ========================================================= */

/* Samakan karakter ornamen dengan panel lain */
#experienceDetail[data-experience-type="spa"]
.experience-detail-content::before {
    opacity: 0.06;
}

/* Samakan keterbacaan konten */
#experienceDetail[data-experience-type="spa"]
.experience-detail-content {
    color: #30271e;
}

/* Judul treatment lebih konsisten */
#experienceDetail[data-experience-type="spa"]
.experience-price-area h4 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
}

/* Baris treatment */
#experienceDetail[data-experience-type="spa"]
.experience-price-row {
    padding-block: 12px;
    border-color: rgba(85, 70, 53, 0.18);
}

/* Harga lebih tegas tetapi tetap elegan */
#experienceDetail[data-experience-type="spa"]
.experience-price-row span:last-child {
    font-weight: 500;
    white-space: nowrap;
}

/* Tombol mengikuti gaya minimal Tanéa */
#experienceDetail[data-experience-type="spa"]
.experience-detail-contact {
    min-height: 42px;
    padding: 12px 18px;
    border: 1px solid #6d6048;
    background: transparent;
    letter-spacing: 0.1em;
    transition:
        background-color 0.25s ease,
        color 0.25s ease;
}

#experienceDetail[data-experience-type="spa"]
.experience-detail-contact:hover {
    background: #6d6048;
    color: #f5ede0;
}