/* Booking.com style elements */
.hb-booking-search-form {
    background: #003580;
    color: white;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.hb-search-fields {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.hb-input-field {
    flex: 1;
}

.hb-input-field label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.hb-input-field input {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 3px;
}

.hb-search-buttons {
    display: flex;
    gap: 10px;
}

.hb-search-button, .hb-all-opportunities {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.hb-search-button {
    background: #0071c2;
    color: white;
}

.hb-all-opportunities {
    background: #ffb700;
    color: #003580;
}

.hb-search-filters {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

.hb-search-filters select {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 3px;
}

/* Room Management */
.host-room-management {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.hb-room-form {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 15px;
}

.form-row {
    display: flex;
    gap: 15px;
}

.form-row .form-group {
    flex: 1;
    margin-bottom: 0;
}

.hb-room-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}

.hb-room-form input,
.hb-room-form select,
.hb-room-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.hb-submit-button {
    background: #0071c2;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.host-rooms-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.room-item {
    background: white;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.room-item h3 {
    margin-top: 0;
    color: #0071c2;
}

.room-actions {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

.hb-edit-btn, .hb-delete-btn {
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
}

.hb-edit-btn {
    background: #0071c2;
    color: white;
}

.hb-delete-btn {
    background: #e74c3c;
    color: white;
}

/* Bookings Table */
.hb-bookings-table {
    width: 100%;
    border-collapse: collapse;
}

.hb-bookings-table th, .hb-bookings-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.hb-bookings-table th {
    background: #f8f9fa;
    font-weight: 600;
}

.booking-status-pending {
    color: #e67e22;
    font-weight: 500;
}

.booking-status-completed {
    color: #27ae60;
    font-weight: 500;
}

.booking-status-cancelled {
    color: #e74c3c;
    font-weight: 500;
}

.hb-approve-btn, .hb-reject-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

.hb-approve-btn {
    background: #27ae60;
    color: white;
}

.hb-reject-btn {
    background: #e74c3c;
    color: white;
    margin-left: 5px;
}
/* Extra Options and Facilities */
.extra-options-container, .facilities-container {
    margin-bottom: 20px;
}

.extra-option-item, .facility-item {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.extra-option-item .form-row, .facility-item .form-row {
    align-items: flex-end;
}

.remove-extra-option, .remove-facility {
    padding: 8px 12px;
    background: #ffebee;
    border: 1px solid #ffcdd2;
    border-radius: 3px;
    cursor: pointer;
}

.remove-extra-option:hover, .remove-facility:hover {
    background: #ffcdd2;
}

#add-extra-option, #add-facility {
    padding: 10px 15px;
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
}