/**
 * Downloads accordion + table styling, on the theme's design tokens.
 * Matches the look of the native acc/accordion-block.
 */

.acc_dev_accordion {
	/*border: 1px solid var(--wp--preset--color--foreground);*/
	margin: var(--wp--preset--spacing--xxl) 0;
}

.acc_dev_accordion_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	cursor: pointer;
	background: var(--wp--preset--color--blue-200);
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--foreground);
	border: 0;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
	font-size: var(--wp--preset--font-size--title-small);
	font-weight: 600;
	margin: 0;
}
.acc_dev_accordion_title::after {
	content: '+';
	margin-left: var(--wp--preset--spacing--sm);
	font-weight: 400;
	opacity: 0.7;
}
.acc_dev_accordion_title.active::after {
	content: '\2212';
}
.acc_dev_accordion_title:focus,
.acc_dev_accordion_title:hover {
	background: var(--wp--preset--color--blue-300);
}

.acc_dev_accordion_content {
	display: none;
	padding-bottom: var(--wp--preset--spacing--md);
	color: var(--wp--preset--color--foreground);
}

.acc_dev_accordion_content.open {
	display: block;
}

.acc_dev_custom_downloads_list {
	margin-top: var(--wp--preset--spacing--lg);
}

.downloads-table {
	width: 100%;
	border-collapse: collapse;
	color: var(--wp--preset--color--foreground);
	border-radius: 0;
	margin: 0;
}

.downloads-table th,
.downloads-table td {
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--sm);
	text-align: left;
	vertical-align: middle;
	padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
}

.downloads-table thead th {
	background: var(--wp--preset--color--blue-50);
	color: var(--wp--preset--color--white);
}

.downloads-table tbody tr:nth-child(odd) {
	background: rgba(255, 255, 255, 0.02);
}
.downloads-table tbody td:first-child {
	font-weight: 600;
}
.downloads-table thead th:last-child,
.downloads-table tbody td:last-child {
	text-align: right;
}
.downloads-table thead th:last-child .terms-form,
.downloads-table tbody td:last-child .terms-form {
	text-align: left;
}

.download-button .arrow::after {
	content: ' \2192';
}

.download-button[disabled],
.download-button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

/* Win over Download Monitor's frontend-tailwind (dlm-frontend) button skin. */
.acc_dev_accordion_title {
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}

.downloads-table .download-button {
	display: inline-block;
	width: auto;
	background: var(--wp--preset--color--brand-bright);
	background-image: none;
	color: var(--wp--preset--color--blue-50);
	border: 0;
	border-radius: var(--wp--custom--radius-xs);
	padding: var(--wp--custom--space-sm) var(--wp--custom--space-md);
	font-family: var(--wp--custom--typography--body-regular--font-family);
	font-size: var(--wp--custom--typography--body-regular--font-size);
	font-weight: var(--wp--custom--typography--body-regular--font-weight);
	letter-spacing: var(--wp--custom--typography--body-regular--letter-spacing);
	line-height: var(--wp--custom--typography--body-regular--line-height);
	text-align: center;
	text-shadow: none;
	box-shadow: none;
	cursor: pointer;
}

.downloads-table .download-button:visited {
	color: var(--wp--preset--color--blue-50);
}

.downloads-table .download-button:hover,
.downloads-table .download-button:focus {
	background: var(--wp--preset--color--blue-800);
	background-image: none;
	color: var(--wp--preset--color--blue-50);
}

tr.hidden {
	display: none;
}