/* 客房介紹・兩人房與特色閣樓房：本頁專屬樣式 */
.room-filters {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin:35px 0 60px;
}

.room-filters button {
    border:1px solid var(--line);
    background:transparent;
    padding:11px 26px;
    border-radius:30px;
    cursor:pointer;
}

.room-filters button[aria-pressed="true"] {
    background:var(--sage);
    color:white;
}

.room-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:55px 30px;
}

@media(max-width:950px) {
    .room-grid {
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px) {
    .room-grid {
        grid-template-columns:1fr;
    }
}

/* 房型依主題色分配標題底線，照片保留完整辨識度。 */
.room-filters button {
    font-size:17px;
    background:#fffaf0;
    border:1px solid #bb8d60;
    font-weight:600;
}

.room-filters button[aria-pressed='true'] {
    background:#a85031;
    color:white;
}

.room-grid {
    gap:55px 35px;
}

.room-grid .room-card:nth-child(3n+2) {
    padding-top:55px;
}

.room-card .room-caption h3 {
    display:table;
    border-bottom:4px solid #d79d67;
    padding-bottom:7px;
}

.room-card[data-people='4'] .room-caption h3 {
    border-color:#c98579;
}

.room-card[data-people='8'] .room-caption h3 {
    border-color:#71979e;
}

@media (max-width:950px) {
    .room-grid .room-card:nth-child(3n+2) {
        padding-top:0;
    }
}