.elementor-6 .elementor-element.elementor-element-79450305{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-7a8febfc *//* 1. Jadikan keseluruhan blok seperti "Kad" yang moden */
.mphb-room-type {
    background: #ffffff;
    border-radius: 15px;
    padding: 35px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    border: 1px solid #f4f4f4;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mphb-room-type:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
}

/* 2. Cantikkan Tajuk */
.mphb-room-type-title {
    font-size: 28px;
    color: #1e272e;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f2f6;
}

/* 3. Kemaskan senarai "Details" (Buang dot asal, ganti dengan garis putus-putus) */
.mphb-room-type-attributes {
    margin-top: 15px;
}

.mphb-room-type-attributes li {
    list-style-type: none;
    padding: 10px 0;
    border-bottom: 1px dashed #dcdde1;
    color: #57606f;
    font-size: 16px;
}

.mphb-room-type-attributes li:last-child {
    border-bottom: none;
}

/* 4. Serlahkan bahagian Harga */
.mphb-price {
    font-size: 20px;
    color: #27ae60;
    font-weight: 700;
    margin: 20px 0;
    background: #eafaf1;
    padding: 10px 15px;
    border-radius: 8px;
    display: inline-block;
}

/* 5. Susun butang View Details & Book bersebelahan */
.mphb-room-type .mphb-reserve-room-section,
.mphb-room-type p:has(.button) { /* Mencari perenggan yang ada butang */
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

/* Tetapan saiz butang supaya sekata */
.mphb-room-type .button {
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    flex: 1; /* Panjangkan butang supaya sama saiz */
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* 6. Warna Butang "View Details" (Warna Kelabu Moden) */
.mphb-room-type .mphb-view-details-button {
    background-color: #f1f2f6 !important;
    color: #2f3542 !important;
    border: 1px solid #ced6e0 !important;
}

.mphb-room-type .mphb-view-details-button:hover {
    background-color: #dfe4ea !important;
}

/* 7. Warna Butang "Book" (Warna Hijau Utama) */
.mphb-room-type .mphb-book-button {
    background-color: #5cb85c !important;
    color: white !important;
    border: none !important;
}

.mphb-room-type .mphb-book-button:hover {
    background-color: #4cae4c !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(92, 184, 92, 0.4) !important;
}

/* Responsif untuk Telefon Pintar (Mobile) */
@media (max-width: 768px) {
    .mphb-room-type .mphb-reserve-room-section,
    .mphb-room-type p:has(.button) {
        flex-direction: column; /* Jadikan menegak semula jika di skrin kecil */
    }
}/* End custom CSS */