/**
 * Admin styles for the Woo Orders Date Time Slot Picker.
 *
 * Styles the time slots repeater table and admin settings fields.
 *
 * @package WODTSP
 * @since   1.0.0
 */

/* Time Slots Table */
.wodtsp-time-slots-table {
	max-width: 800px;
	border-collapse: collapse;
}

.wodtsp-time-slots-table th {
	text-align: left;
	padding: 10px 8px;
	font-weight: 600;
	font-size: 13px;
}

.wodtsp-time-slots-table td {
	padding: 8px;
	vertical-align: middle;
}

.wodtsp-time-slots-table input[type="text"],
.wodtsp-time-slots-table input[type="time"],
.wodtsp-time-slots-table input[type="number"] {
	width: 100%;
	max-width: 150px;
}

.wodtsp-time-slots-table input[type="checkbox"] {
	margin: 0;
}

.wodtsp-time-slots-table .wodtsp-remove-slot {
	color: #a00;
	border-color: #a00;
}

.wodtsp-time-slots-table .wodtsp-remove-slot:hover {
	color: #dc3232;
	border-color: #dc3232;
}

.wodtsp-time-slots-table tfoot td {
	padding-top: 15px;
}

/* Slot row hover effect */
.wodtsp-slot-row:hover {
	background-color: #f0f6fc;
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
	.wodtsp-time-slots-table {
		display: block;
		overflow-x: auto;
	}

	.wodtsp-time-slots-table input[type="text"],
	.wodtsp-time-slots-table input[type="time"],
	.wodtsp-time-slots-table input[type="number"] {
		max-width: 120px;
	}
}