/* ============================================================
   accommodation-detail.css
   Accommodation-specific styles only.
   Requires: show-details.css
   Version: 1.0 | Date: 17-06-2026
   ============================================================ */

/* ============================================================
   BUTTONS
   ============================================================ */
.acc-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.15s;
    border: none;
    cursor: pointer;
}

.acc-btn-accent { background: var(--ac); color: #fff; }
.acc-btn-accent:hover { background: #ca6f1e; color: #fff; }

.acc-btn-block {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 0.6rem;
}

/* ============================================================
   AMENITIES GRID
   ============================================================ */
.acc-amenities {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
}

.acc-amenity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--tx);
    background: var(--bg);
    border: 1px solid var(--bd);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
}

.acc-amenity i {
    color: var(--pr);
    font-size: 0.9rem;
    flex-shrink: 0;
}