/**
 * DataPage Front-End Styles
 * Styles for dataset display on the front-end
 *
 * @package DataPage
 */

/* Main metadata container */
.datapage-metadata-container {
	margin-top: 30px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 15px;
}

.datapage-metadata-container h2 {
	margin-top: 0;
	margin-bottom: 15px;
}

.datapage-metadata-container h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* Metadata table */
.datapage-metadata-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.datapage-metadata-table tr {
	border-bottom: 1px solid #ddd;
}

.datapage-metadata-table td {
	padding: 8px;
}

.datapage-metadata-table td:first-child {
	font-weight: bold;
	width: 150px;
}

/* File list */
.datapage-files-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.datapage-files-list li {
	padding: 8px;
	border-bottom: 1px solid #e0e0e0;
}

.datapage-files-list li:last-child {
	border-bottom: none;
}

.datapage-files-list a {
	font-weight: 500;
	text-decoration: none;
}

.datapage-files-list a:hover {
	text-decoration: underline;
}

.datapage-file-size {
	color: #666;
	font-size: 0.9em;
}

/* No files message */
.datapage-no-files {
	color: #666;
}

/* Latest update message */
.datapage-latest-update-message {
	border-left: 2px solid black;
	padding: 8px;
	margin: 1rem 0rem 1rem 0rem;
}

.datapage-latest-update-message strong {
	display: block;
	margin-bottom: 8px;
}

.datapage-latest-update-message p {
	margin: 0;
}

/* No metadata message */
.datapage-no-metadata {
	color: #666;
}

/* License section (theme template) */
.dataset-license-section {
	margin-top: 20px;
}

.dataset-license-section h3 {
	margin-bottom: 10px;
}

.dataset_meta {
	align-items: end;
	margin: 0rem 0rem 1rem 0rem;
}

/* Badge row for DOI and License */
.datapage-badges-col {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.datapage-badges-col a  {
	text-decoration: none !important;
	border: none !important;
	box-shadow: none;
}

.datapage-badges-col a:active  {
	text-decoration: none !important;
	border: none !important;
	box-shadow: none;
}

.datapage-badges-col a:focus  {
	text-decoration: none !important;
	border: none !important;
	box-shadow: none;
}

.datapage-badges-col a:hover {
	box-shadow: none;
}

.datapage-badges-col img {
	height: auto;
}

/* GitHub badge styling */
.datapage-github-badge {
	display: inline-block;
}

.datapage-github-badge img {
	height: 20px;
	vertical-align: middle;
}

.datapage-license-col {
	padding: 0px !important;
}

.datapage-license {
	font-size: 1rem;
}

/* Download section and button */
.datapage-download-section,
.dataset-download-section {
	margin-top: 20px;
	text-align: center;
}

.datapage-download-col {
	width: fit-content;
	margin: 1rem 0rem 1rem 0rem;
}

.datapage-download-btn {
	background-color: black !important;
	border: 1px black solid !important;
	border-radius: 0px !important;
	padding: 2px !important;
	font-weight: 200 !important;
	font-size: 1rem !important;
	width: 100px;
	color: white !important;
	box-shadow: none;
}

.datapage-download-btn:hover {
	background-color: white !important;
	color: black !important;
	text-decoration: none;
	box-shadow: none;
	transition: background-color 0.2s;
}

.datapage-download-btn:active {
	background-color: white;
	box-shadow: none;
}

.datapage-download-btn:focus {
	background-color: white;
	box-shadow: none;
}

/* Dataset README Section */

.dataset-readme-content code {
	background-color: #e8e8e8;
	padding: 2px 6px;
	border-radius: 3px;
	font-family: 'Courier New', monospace;
	font-size: 0.9em;
}

.dataset-readme-content pre {
	background-color: #f4f4f4;
	padding: 1rem;
	border-radius: 3px;
	overflow-x: auto;
	border: 1px solid #ddd;
}

.dataset-readme-content pre code {
	background-color: transparent;
	padding: 0;
}

.dataset-readme-content ul,
.dataset-readme-content ol {
	margin-top: 1rem;
}

.dataset-readme-content li > ul,
.dataset-readme-content li > ol {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.dataset-readme-content li {
	margin: 0.5rem 0;
}

.dataset-readme-content .datapage-table-wrapper {
	max-width: 100%;
	overflow-x: auto;
	margin: 1rem 0;
	-webkit-overflow-scrolling: touch;
}

.dataset-readme-content table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
}

.dataset-readme-content th,
.dataset-readme-content td {
	font-size: 1rem;
	padding: 0.75rem;
	border: 1px solid #000;
	vertical-align: top;
	text-align: left;
}

.dataset-readme-content th {
	font-weight: 400;
	font-size: 1rem;
}

.dataset-readme-content blockquote {
	margin: 1rem 0;
	padding-left: 1rem;
	border-left: 4px solid #ccc;
	color: #666;
}

.dataset-readme-content .datapage-heading-anchor {
	margin-right: 0.5rem;
	color: #000;
	text-decoration: none;
	border: none;
	opacity: 0;
	box-shadow: none;
	transition: opacity 0.2s ease;
}

.datapage-heading-anchor:hover {
	box-shadow: none;
}

.dataset-readme-content h1:hover .datapage-heading-anchor,
.dataset-readme-content h2:hover .datapage-heading-anchor,
.dataset-readme-content h3:hover .datapage-heading-anchor,
.dataset-readme-content h4:hover .datapage-heading-anchor,
.dataset-readme-content h5:hover .datapage-heading-anchor,
.dataset-readme-content h6:hover .datapage-heading-anchor,
.dataset-readme-content .datapage-heading-anchor:focus {
	opacity: 1;
}

.dataset-readme-content .footnote-ref,
.dataset-readme-content .footnote-backref {
	text-decoration: none !important;
}

.dataset-readme-content .footnote-ref {
	color: #000;
	font-weight: 400;
	vertical-align: super;
	font-size: 0.8em;
	padding: 0;
	margin-left: 0.1rem;
}

.dataset-readme-content .footnote-backref {
	margin-left: 0.35rem;
	box-shadow: none;
}

.dataset-readme-content .footnote-backref:hover,
.dataset-readme-content .footnote-backref:focus {
	box-shadow: none;
}

.dataset-readme-content .footnote-backref .datapage-ref-arrow {
	box-shadow: none;
}

.dataset-readme-content .datapage-footnotes {
	margin-top: 2rem;
	font-size: 0.95em;
}

.dataset-readme-content .datapage-footnotes ol,
.dataset-readme-content .datapage-footnotes .datapage-footnotes-list {
	display: block;
	list-style: decimal !important;
	list-style-position: outside;
	margin: 1rem 0 0 1.5rem;
	padding-left: 1.5rem;
}

.dataset-readme-content .datapage-footnotes li,
.dataset-readme-content .datapage-footnotes .datapage-footnote {
	display: list-item !important;
}

.dataset-readme-content [id^="dp-md-"] {
	scroll-margin-top: 1.5rem;
}

.dataset-readme-content .datapage-anchor-target {
	outline: 1px solid rgb(36, 36, 36);
	transition: outline-color 0.3s ease;
}