/**
 * Copyright (c) 2026 Łukasz Zieliński <zielaq.dev@gmail.com>
 * Licensed under PolyForm Strict 1.0.0. See LICENSE file.
 */

/* CrossJournal Plugin Styles */

/* =================== Backend (Issue Tab) =================== */

.cross_journal_tab {
	padding: 1em;
}

.cross_journal_tab h4 {
	margin: 0 0 0.75em;
	font-size: 1.1em;
	color: #333;
}

.cross_journal_tab hr {
	border: none;
	border-top: 1px solid #ddd;
	margin: 1.5em 0;
}

/* Settings panel */
.cj_settings_form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1em;
}

.cj_field_group {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
}

.cj_field_group label {
	font-size: 0.85em;
	font-weight: 600;
	color: #555;
}

.cj_input, .cj_select {
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 0.9em;
}

.cj_search_input {
	flex: 1;
	min-width: 250px;
}

.cj_issn_input {
	width: 150px;
}

.cj_search_row {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
	align-items: center;
}

/* Status messages */
.cj_status_msg {
	font-size: 0.85em;
	padding: 0.25em 0;
	min-height: 1.2em;
}

.cj_status_success {
	color: #2e7d32;
}

.cj_status_error {
	color: #c62828;
}

/* Search results */
.cj_result_list {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
}

.cj_result_item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0.75em;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin-bottom: 0.5em;
	background: #fafafa;
}

.cj_result_item:hover {
	background: #f0f4f8;
}

.cj_result_info {
	flex: 1;
	margin-right: 1em;
}

.cj_result_title {
	display: block;
	font-size: 0.95em;
	margin-bottom: 0.25em;
}

.cj_result_authors {
	font-size: 0.85em;
	color: #555;
	margin-bottom: 0.2em;
}

.cj_result_meta {
	font-size: 0.8em;
	color: #777;
}

.cj_result_journal {
	font-style: italic;
}

/* Source badge (Crossref / DataCite) */
.cj_result_source {
	display: inline-block;
	padding: 1px 6px;
	margin-right: 0.4em;
	border-radius: 10px;
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #fff;
	vertical-align: middle;
}

.cj_source_crossref {
	background: #1565c0;
}

.cj_source_datacite {
	background: #6a1b9a;
}

.cj_result_doi {
	font-size: 0.8em;
	color: #888;
	margin-top: 0.2em;
}

.cj_result_doi a {
	color: #1565c0;
}

.cj_add_btn, .cj_remove_btn {
	white-space: nowrap;
	align-self: center;
}

.cj_btn_disabled {
	opacity: 0.5;
	cursor: default;
}

.cj_no_results {
	color: #888;
	font-style: italic;
	padding: 1em 0;
}

/* Article list */
.cj_article_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cj_article_item {
	display: flex;
	align-items: center;
	padding: 0.5em 0.75em;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin-bottom: 0.5em;
	background: #fff;
}

.cj_article_item:hover {
	background: #f5f5f5;
}

.cj_drag_handle {
	cursor: grab;
	padding: 0 0.5em;
	font-size: 1.2em;
	color: #999;
	user-select: none;
}

.cj_drag_handle:hover {
	color: #333;
}

.cj_article_info {
	flex: 1;
	margin: 0 0.75em;
}

.cj_article_title {
	display: block;
	font-size: 0.9em;
	margin-bottom: 0.15em;
}

.cj_article_journal {
	display: block;
	font-size: 0.8em;
	color: #777;
	font-style: italic;
}

.cj_article_doi {
	display: block;
	font-size: 0.8em;
	color: #888;
}

.cj_article_doi a {
	color: #1565c0;
}

.cj_empty_list {
	color: #888;
	font-style: italic;
	padding: 1em 0;
}

/* Sortable placeholder */
.ui-sortable-placeholder {
	border: 2px dashed #aaa;
	background: #f0f0f0;
	visibility: visible !important;
	height: 40px;
	margin-bottom: 0.5em;
}

/* =================== Frontend (TOC Section) =================== */

/* Source info line: journal name + bibliographic details */
.cross_journal_source {
	margin-top: 0.2em;
	font-size: 0.9em;
	color: #555;
	line-height: 1.4;
}

.cross_journal_journal_name {
	font-style: italic;
}

.cross_journal_journal_name::after {
	content: " — ";
}

.cross_journal_biblio {
	color: #777;
}

/* DOI line */
.cross_journal_doi {
	margin-top: 0.15em;
	font-size: 0.85em;
	color: #888;
}

.cross_journal_doi a {
	color: #1565c0;
}

/* External link indicator on title */
.cross_journal_article .title a::after {
	content: " \2197";
	font-size: 0.75em;
	color: #999;
}