.wpnordic-bookings-container {
	margin: 20px 0;
}

.wpnordic-booking-date-selector .datepicker {
 width: 200px;
}

.wpnordic-bookings-title {
	color: #fff;
}

.wpnordic-bookings-table {
	width: 100%;
	border-collapse: collapse;
}

.wpnordic-bookings-table th,
.wpnordic-bookings-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;

	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	hyphens: auto;
	max-width: 200px;
	white-space: normal;
}

.wpnordic-bookings-table th {
	background-color: rgba(199, 149, 84, 0.7);
	color: #fff;
	font-weight: bold;
}

.wpnordic-bookings-table tr {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	text-wrap: wrap;
}

/* Hvis du stadig vil have lidt kontrol over visse kolonner */
.wpnordic-bookings-table th:nth-child(1), /* Date table header */
.wpnordic-bookings-table td:nth-child(1), /* Date table data */
.wpnordic-bookings-table th:nth-child(2), /* Time table header */
.wpnordic-bookings-table td:nth-child(2) /* Time table data */
.wpnordic-bookings-table th:nth-child(6), /* Phone table header */
/* Phone table data */
.wpnordic-bookings-table td:nth-child(6)  {
    width: auto;
    max-width: 150px;
}

/* Email table header/data */
.wpnordic-bookings-table th:nth-child(5),
.wpnordic-bookings-table td:nth-child(5) {
    max-width: 300px;
}


.wpnordic-bookings-table tr:nth-child(even) {
	background-color: rgba(52, 53, 55, 0.7);
	color: rgb(226, 217, 198);
}

.wpnordic-bookings-table tr:nth-child(odd) {
	color: rgba(52, 53, 55, 0.7);
	background-color: rgb(226, 217, 198);
}

.button.booking-delete-button {
	background-color: #c36;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s ease;
}

.button.booking-delete-button:hover {
    background-color: #b25;
    color: #fff;
    text-decoration: none;
}


.wpnordic-no-bookings {
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	text-align: center;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
	.wpnordic-bookings-table {
		display: block;
	}

	.wpnordic-bookings-table thead,
	.wpnordic-bookings-table tbody,
	.wpnordic-bookings-table th,
	.wpnordic-bookings-table td,
	.wpnordic-bookings-table tr {
		display: block;
	}

	.wpnordic-bookings-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.wpnordic-bookings-table tr {
		margin-bottom: 15px;
		border: 1px solid #ccc;
	}

	.wpnordic-bookings-table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}

	.wpnordic-bookings-table td:before {
		position: absolute;
		left: 10px;
		width: 45%;
		white-space: nowrap;
		font-weight: bold;
	}
}