:root,
[data-bs-theme="light"] {
	--dt-row-selected: var(--lph-color-bluewood-rgb);
}

table.lph-wp-dt-styles {
	thead th {
		border: none;
		font-size: 12px;
		text-transform: uppercase;
	}

	thead > tr > th.dt-orderable-asc:hover, 
	thead > tr > th.dt-orderable-desc:hover {
		outline: none;
	}

	td.no-pad-h {
		padding-left: 0;
		padding-right: 0;
	}

	td.no-pad-v {
		padding-top: 0;
		padding-bottom: 0;
	}

	td.first {
		padding: 0 0 0 10px;
	}

	td.child {
		border-bottom: none;
	}

	tbody > tr.dtr-expanded > td.dtr-control:before {
		border: none !important;
		content: "−" !important;
		font-weight: 800 !important;
		font-size: 2em;
		background-color: transparent !important;
	}

	tbody > tr > td.dtr-control:before {
		border: none !important;
		content: "+" !important;
		font-weight: 800 !important;
		font-size: 2em;
	}

	tbody > tr > td {
		font-weight: 400;
		line-height: 1.1;
		font-size: 14px;
	}

	thead > tr > th:not(:first-child) {
		text-align: center;
	}

	tbody > tr > td:not(:first-child) {
		text-align: center;
	}

	--lph-earn-td-border-size: 1px;

	/* grey */
	.bg-grey td {
		background-color: rgba(var(--lph-color-mist-grey), 0.1);
		border-top: var(--lph-earn-td-border-size) solid var(--lph-color-mist-grey);
		border-bottom: var(--lph-earn-td-border-size) solid var(--lph-color-mist-grey);
	}

	.bg-grey td.first {
		border-left: 15px solid var(--lph-color-mist-grey);
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.bg-grey td.last {
		border-right: var(--lph-earn-td-border-size) solid var(--lph-color-mist-grey);
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	/* bluewood */
	.bg-bluewood td {
		background-color: rgba(var(--lph-color-bluewood-rgb), 0.05);
		border-top: var(--lph-earn-td-border-size) solid var(--lph-color-bluewood);
		border-bottom: var(--lph-earn-td-border-size) solid var(--lph-color-bluewood);
	}

	.bg-bluewood td.first {
		border-left: 15px solid var(--lph-color-bluewood);
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.bg-bluewood td.last {
		border-right: var(--lph-earn-td-border-size) solid var(--lph-color-bluewood);
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	/* glacier */
	.bg-glacier td {
		background-color: rgba(var(--lph-color-glacier-rgb), 0.2);
		border-top: var(--lph-earn-td-border-size) solid var(--lph-color-glacier);
		border-bottom: var(--lph-earn-td-border-size) solid var(--lph-color-glacier);
	}

	.bg-glacier td.first {
		border-left: 15px solid var(--lph-color-glacier);
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	.bg-glacier td.last {
		border-right: var(--lph-earn-td-border-size) solid var(--lph-color-glacier);
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	tbody tr:hover {
		background-color: transparent !important;
	}

	tbody tr:hover td {
		background-color: inherit !important;
	}
}

table.lph-wp-dt-child-styles {
	border-collapse: separate;
	border-spacing: 0 15px !important;

	tr:hover {
		background-color: transparent !important;
	}

	tr:hover td {
		background-color: inherit !important;
	}

	td:first-child {
		padding-right: 10px;
	}

	td {
		text-align: left !important;
	}

	.lph-wp-stack-offer-item {
		margin-bottom: 0.5em;
	}

	.lph-wp-stack-offer-item:last-child {
		margin-bottom: 0;
	}
}

.lph-wp-member-alert-list,
.lph-wp-member-earn-list {
	/* override default bootstrap pagination sizing for pagination */
	.dt-paging .pagination {
		--bs-pagination-padding-x: .4rem;
		--bs-pagination-padding-y: .2rem;
		--bs-pagination-font-size: .875rem;
}
