/**
 * Győmöre Document Library - minimal front-end styles.
 *
 * Deliberately minimal: every element carries a gyomore-doc-list__* class
 * so the active theme can take over completely. No frameworks, no resets.
 */

.gyomore-doc-list {
	margin: 1.5em 0;
}

.gyomore-doc-list__heading--year {
	margin: 1.2em 0 0.4em;
}

.gyomore-doc-list__heading--month {
	margin: 1em 0 0.3em;
	font-size: 1.1em;
}

.gyomore-doc-list__heading--date {
	margin: 0.8em 0 0.2em;
	font-size: 1em;
}

.gyomore-doc-list__items {
	list-style: none;
	margin: 0.4em 0 1em;
	padding: 0;
}

.gyomore-doc-list__item {
	position: relative;
	margin: 0.3em 0;
	padding-left: 1.5em;
}

/* Small document glyph, theme-independent (inline SVG, no emoji/fonts). */
.gyomore-doc-list__item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 0.9em;
	height: 1.05em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='%23555' d='M2 0h5.5L12 4.5V14H2z'/%3E%3Cpath fill='%23fff' d='M7 0l5 4.5H7z' opacity='.55'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}

.gyomore-doc-list__meta {
	font-size: 0.9em;
	opacity: 0.75;
}

.gyomore-doc-list__notice {
	padding: 0.6em 0.9em;
	border-left: 4px solid #dba617;
	background: #fcf9e8;
}

/**
 * Appearance variants and options.
 *
 * Colors and fonts are intentionally absent here: they are emitted as
 * dynamic CSS only when configured (see Appearance::globalCss), so an
 * unconfigured list renders exactly like the unstyled default above.
 * Numeric tweaks travel as custom properties with concrete fallbacks.
 */

/* Cards: each document is a boxed card. */
.gyomore-doc-list--style-cards .gyomore-doc-list__item {
	background: #fff;
	border: var(--gyomore-doc-border-width, 1px) solid #d9d9d9;
	border-radius: var(--gyomore-doc-radius, 8px);
	padding: 0.7em 0.9em 0.7em 2.4em;
	margin: 0.6em 0;
}

.gyomore-doc-list--style-cards .gyomore-doc-list__item::before {
	left: 0.9em;
	top: 0.95em;
}

/* Rows: full-width separated rows. */
.gyomore-doc-list--style-rows .gyomore-doc-list__item {
	border-bottom: var(--gyomore-doc-border-width, 1px) solid #d9d9d9;
	padding: 0.5em 0 0.5em 1.5em;
	margin: 0;
}

/* Minimal: no icons, tighter spacing. */
.gyomore-doc-list--style-minimal .gyomore-doc-list__item {
	padding-left: 0;
}

.gyomore-doc-list--style-minimal .gyomore-doc-list__item::before {
	content: none;
}

.gyomore-doc-list--style-minimal .gyomore-doc-list__items {
	margin: 0.2em 0 0.8em;
}

/* Compact density. */
.gyomore-doc-list--density-compact .gyomore-doc-list__heading--year {
	margin: 0.8em 0 0.3em;
}

.gyomore-doc-list--density-compact .gyomore-doc-list__heading--month {
	margin: 0.6em 0 0.2em;
}

.gyomore-doc-list--density-compact .gyomore-doc-list__heading--date {
	margin: 0.5em 0 0.15em;
}

.gyomore-doc-list--density-compact .gyomore-doc-list__items {
	margin: 0.2em 0 0.6em;
}

.gyomore-doc-list--density-compact .gyomore-doc-list__item {
	margin: 0.15em 0;
}

/* File-size badge. */
.gyomore-doc-list__size {
	font-size: 0.8em;
	opacity: 0.75;
	white-space: nowrap;
}

/* Collapsible year groups. */
.gyomore-doc-list__year {
	margin-bottom: 0.5em;
}

.gyomore-doc-list__year-summary {
	cursor: pointer;
}

/* Admin drag-and-drop upload card (wp-admin only). */
.gyomore-doclib-dropzone {
	border: 2px dashed #8c8f94;
	border-radius: 6px;
	padding: 28px 20px;
	text-align: center;
	background: #fff;
	cursor: pointer;
}

.gyomore-doclib-dropzone--active {
	border-color: #2271b1;
	background: #f0f6fc;
}

.gyomore-doclib-dropzone__hint {
	margin: 0;
	font-size: 14px;
}

.gyomore-doclib-dropzone__progress {
	height: 8px;
	background: #dcdcde;
	border-radius: 4px;
	margin-top: 16px;
	overflow: hidden;
}

.gyomore-doclib-dropzone__bar {
	height: 100%;
	width: 0%;
	background: #2271b1;
}

.gyomore-doclib-upload-results {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	max-width: 960px;
}

.gyomore-doclib-upload-results__item {
	margin: 4px 0;
	padding: 6px 10px;
	border-left: 4px solid #8c8f94;
	background: #fff;
	overflow-wrap: anywhere;
}

.gyomore-doclib-upload-results__item--ok {
	border-left-color: #00a32a;
}

.gyomore-doclib-upload-results__item--error {
	border-left-color: #d63638;
}