/**
 * Post Meta Editor and Cleaner - Admin styles.
 *
 * Only loaded on plugin admin pages.
 */

/* Color palette. */
.rspmeac-admin-wrap {
	--rspmeac-alapzold: #195030;
	--rspmeac-sotet-zold: #123926;
	--rspmeac-vilagos-zold: #206839;
	--rspmeac-elenk-zold: #aff740;
	--rspmeac-sarga: #e8ff00;
	--rspmeac-nagyon-vilagos-zold: #f0f3e8;
	--rspmeac-atlatszo-zold: #194f2fb8;
}

/* Hidden h2 title as anchor point for WordPress admin notices. */
.rspmeac-admin-wrap .rspmeac-hidden-title {
	display: none;
}

/* Unified header. */
.rspmeac-admin-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0 20px;
	padding: 12px 20px;
	background: linear-gradient(135deg, var(--rspmeac-sotet-zold) 21%, var(--rspmeac-vilagos-zold) 100%);
	color: #fff;
	border-radius: 5px;
}

.rspmeac-admin-header .rspmeac-admin-title {
	font-size: 23px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #fff;
}

/* Header navigation. */
.rspmeac-admin-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.rspmeac-admin-nav-link {
	display: inline-block;
	padding: 6px 14px;
	text-decoration: none;
	color: var(--rspmeac-nagyon-vilagos-zold);
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.5;
	white-space: nowrap;
	transition: background-color 0.15s, color 0.15s;
}

@media screen and (max-width: 782px) {

	.rspmeac-admin-header {
		flex-direction: column;
		align-items: flex-start;
	}
}

.rspmeac-admin-nav-link:hover {
	background-color: rgba(255, 255, 255, 0.15);
	color: var(--rspmeac-elenk-zold);
}

.rspmeac-admin-nav-link:focus {
	color: var(--rspmeac-nagyon-vilagos-zold);
}

.rspmeac-admin-nav-link.rspmeac-admin-nav-active {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.rspmeac-admin-nav-link.rspmeac-admin-nav-active:hover {
	background-color: rgba(255, 255, 255, 0.25);
	color: var(--rspmeac-elenk-zold);
}

/* Content area. */
.rspmeac-admin-content {
	background: #fff;
	border: 1px solid var(--rspmeac-nagyon-vilagos-zold);
	padding: 20px;
	border-radius: 5px;
}
.rspmeac-admin-content .pagination-links > * {
	margin: 3px !important;
}
.rspmeac-admin-content th.check-column {
	padding: 5px !important;
	vertical-align: middle;
}

/* Footer. */
.rspmeac-admin-footer {
	margin-top: 15px;
	padding: 10px 0;
	font-size: 12px;
	color: #50575e;
}

.rspmeac-admin-footer a {
	color: var(--rspmeac-alapzold);
	text-decoration: none;
}

.rspmeac-admin-footer a:hover {
	color: var(--rspmeac-vilagos-zold);
}

/* Button. */
.rspmeac-button {
	display: inline-block;
	padding: 8px 20px;
	background-color: var(--rspmeac-alapzold);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.5;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
}

.rspmeac-button:hover {
	background-color: var(--rspmeac-vilagos-zold);
	color: var(--rspmeac-nagyon-vilagos-zold);
}

/* Destructive (delete) button. */
.rspmeac-button-destructive.button, .rspmeac-notice-error p {
	color: #b32d2e;
	border-color: #b32d2e;
}

.rspmeac-button-destructive.button:hover,
.rspmeac-button-destructive.button:focus {
	background: #b32d2e;
	color: #fff;
	border-color: #b32d2e;
}

/* Meta table actions layout. */
.rspmeac-admin-content .widefat td {
	vertical-align: middle;
}

/* Alternáló sorháttér: minden második sorpár fehér; inline-edit az előző sorral azonos. */
.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+1) td,
.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+1) th,
.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+2) td {
	background-color: #f6f7f7;
}

.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+3) td,
.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+3) th,
.rspmeac-admin-content .widefat.striped tbody tr:nth-child(4n+4) td {
	background-color: #fff;
}

.rspmeac-admin-content .widefat td button {
	margin: 2px 4px 2px 0;
}

.rspmeac-admin-content .widefat td .rspmeac-new-meta-value {
	margin: 2px 4px 2px 0;
	vertical-align: middle;
}

.rspmeac-meta-status {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #50575e;
	font-style: italic;
}

.rspmeac-status-spinner.spinner {
	float: none;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

/* Error notice styling. */
.rspmeac-notice-error p {
	background-color: #fdefef;
	padding: 10px 15px;
	border-radius: 0 5px 5px 0;
	border-left: 3px solid #b32d2e;
	margin: 0;
}

/* FAQ - Help oldal. */
.rspmeac-faq-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: 2px solid var(--rspmeac-nagyon-vilagos-zold);
	color: var(--rspmeac-sotet-zold);
}

.rspmeac-faq-item {
	margin-bottom: 6px;
	border: 1px solid var(--rspmeac-nagyon-vilagos-zold);
	border-radius: 5px;
	overflow: hidden;
}

.rspmeac-faq-item--warning {
	border-color: #f0c33c;
}

.rspmeac-faq-item--warning .rspmeac-faq-question {
	background-color: #fef9e7;
}

.rspmeac-faq-item--warning .rspmeac-faq-question .dashicons {
	color: #d97706;
}

.rspmeac-faq-question {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 12px 16px;
	font-size: 13px;
	font-weight: 600;
	background-color: var(--rspmeac-nagyon-vilagos-zold);
	color: var(--rspmeac-sotet-zold);
	cursor: default;
}

.rspmeac-faq-question .dashicons {
	flex-shrink: 0;
	color: var(--rspmeac-vilagos-zold);
}

.rspmeac-faq-answer {
	padding: 14px 16px;
	font-size: 13px;
	line-height: 1.6;
	color: #3c434a;
}

.rspmeac-faq-answer p {
	margin: 0 0 8px;
}

.rspmeac-faq-answer p:last-child {
	margin-bottom: 0;
}

.rspmeac-faq-answer ul {
	margin: 0;
	padding-left: 20px;
}

.rspmeac-faq-answer ul li {
	margin-bottom: 6px;
}

.rspmeac-faq-answer ul li:last-child {
	margin-bottom: 0;
}

.rspmeac-faq-answer a {
	color: var(--rspmeac-vilagos-zold);
	text-decoration: underline;
}

.rspmeac-faq-answer a:hover {
	color: var(--rspmeac-sotet-zold);
}

/* Delete / Edit actions lenyílók — .wp-core-ui select felülírása. */
.rspmeac-delete-actions-select,
.rspmeac-edit-actions-select {
	max-width: -webkit-fill-available !important;
}

.rspmeac-delete-actions-select {
	background-color: #fdefef !important;
}

/* Inline edit row for Overwrite / Search & Replace. */
.rspmeac-inline-edit-row td {
	padding: 12px 16px;
}

.rspmeac-inline-edit-overwrite,
.rspmeac-inline-edit-search-replace {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.rspmeac-inline-edit-overwrite label,
.rspmeac-inline-edit-search-replace label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 13px;
}

.rspmeac-meta-status-edit {
	font-size: 12px;
	color: #50575e;
	font-style: italic;
}

/* Bulk action spinner - igazítás az Apply gomb mellé. */
.rspmeac-bulk-spinner.spinner {
	float: none;
	margin: 0 0 0 4px;
	vertical-align: middle;
	background-size: 26px 26px;
	height: 26px;
	width: 26px;
}

/* Mobilbarát táblázat - kártyanézet 782px alatt. */
@media screen and (max-width: 782px) {

	/* A fixed layout felülbírálása szükséges kártyanézetben. */
	.rspmeac-admin-content .widefat.fixed {
		table-layout: auto;
	}

	/* Fejléc elrejtése — a ::before pseudo-elem veszi át a szerepét. */
	.rspmeac-admin-content .widefat thead {
		display: none;
	}

	/* Alternáló sávozás kikapcsolása kártyanézetben. */
	.rspmeac-admin-content .widefat.striped tr:nth-child(odd) td,
	.rspmeac-admin-content .widefat.striped tr:nth-child(odd) th {
		background: transparent;
	}

	/* Kártyaszerű sorformázás. */
	.rspmeac-admin-content .widefat tbody tr {
		display: block;
		border: 1px solid #ccd0d4;
		border-radius: 4px;
		margin-bottom: 12px;
		padding: 4px 0;
	}

	/* Checkbox sor: kis sáv a kártya tetején. */
	.rspmeac-admin-content .widefat tbody th.check-column {
		display: flex;
		align-items: center;
		padding: 8px 12px !important;
		border-bottom: 1px solid #f0f0f0;
	}

	/* Általános cellastílus mobilon. */
	.rspmeac-admin-content .widefat tbody td {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 8px 12px;
		border-bottom: 1px solid #f0f0f0;
		vertical-align: top;
		width: auto;
		max-width: none;
	}

	.rspmeac-admin-content .widefat tbody tr td:last-child {
		border-bottom: none;
	}

	/* data-label megjelenítése ::before pseudo-elemmel. */
	.rspmeac-admin-content .widefat tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		min-width: 85px;
		flex-shrink: 0;
		color: #3c434a;
		font-size: 12px;
	}

	/* Delete actions cella tördelése mobilon. */
	.rspmeac-admin-content .widefat tbody td:last-child {
		flex-wrap: wrap;
	}

	/* Action selectek mobilon. */
	.rspmeac-admin-content .widefat .rspmeac-delete-actions-select,
	.rspmeac-admin-content .widefat .rspmeac-edit-actions-select {
		min-width: 140px;
		flex: 1;
	}

	/* Field content és egyéb oszlopok max-width felülírása mobilon. */
	.rspmeac-admin-content .widefat tbody td[data-label] {
		max-width: none !important;
	}

	/* Gombok méretezése mobilon. */
	.rspmeac-admin-content .widefat td button {
		margin: 5px 0;
		font-size: smaller;
		padding: 5px;
		line-height: 1;
		min-height: auto;
	}

	/* Inline edit row on mobile. */
	.rspmeac-inline-edit-row td {
		display: block;
		padding: 10px 12px;
	}

	.rspmeac-inline-edit-overwrite,
	.rspmeac-inline-edit-search-replace {
		flex-direction: column;
		align-items: stretch;
	}

	.rspmeac-inline-edit-overwrite label,
	.rspmeac-inline-edit-search-replace label {
		flex-direction: column;
		align-items: stretch;
	}
}