/**
 * Modern News UI — Sistema de colores.
 * Cada bloque se activa desde el panel; sin él, no se aplica nada.
 */

.mnui-colors ::selection { background: var(--mnui-color-accent); color: var(--mnui-color-on-accent); }
.mnui-colors:not(.mnui-colors-selection) ::selection { background: revert; color: revert; }

/* Enlaces y botones del tema unificados con la paleta. */

.mnui-colors-links a:not(.mnui-btn):not(.mnui-to-top):not(.mnui-scheme) {
	transition: color var(--mnui-transition);
}

.mnui-colors-links a:not(.mnui-btn):not(.mnui-to-top):hover,
.mnui-colors-links a:not(.mnui-btn):not(.mnui-to-top):focus-visible {
	color: var(--mnui-color-accent);
}

.mnui-colors-links .entry-title a:hover,
.mnui-colors-links .mnui-card-item__title a:hover {
	color: var(--mnui-color-accent);
}

/* Formularios y botones. */

.mnui-colors-forms input[type="text"],
.mnui-colors-forms input[type="search"],
.mnui-colors-forms input[type="email"],
.mnui-colors-forms input[type="url"],
.mnui-colors-forms input[type="tel"],
.mnui-colors-forms input[type="number"],
.mnui-colors-forms input[type="password"],
.mnui-colors-forms textarea,
.mnui-colors-forms select {
	border-radius: var(--mnui-radius-input);
	border: 1px solid var(--mnui-color-border);
	background-color: var(--mnui-color-surface);
	color: var(--mnui-color-text);
	transition: border-color var(--mnui-transition), box-shadow var(--mnui-transition);
}

.mnui-colors-forms input:focus,
.mnui-colors-forms textarea:focus,
.mnui-colors-forms select:focus {
	border-color: var(--mnui-color-accent);
	box-shadow: 0 0 0 3px var(--mnui-color-accent-soft);
	outline: none;
}

.mnui-colors-forms button[type="submit"],
.mnui-colors-forms input[type="submit"],
.mnui-colors-forms .wp-block-search__button {
	border: 0;
	border-radius: var(--mnui-radius-button);
	background-color: var(--mnui-color-accent);
	color: var(--mnui-color-on-accent);
	transition: background-color var(--mnui-transition);
	cursor: pointer;
}

.mnui-colors-forms button[type="submit"]:hover,
.mnui-colors-forms input[type="submit"]:hover,
.mnui-colors-forms .wp-block-search__button:hover {
	background-color: var(--mnui-color-accent-dark);
}

/* Componentes del plugin que siguen la paleta. */

.mnui-colors .mnui-card-item,
.mnui-colors .mnui-widget,
.mnui-colors .mnui-hero__item--small,
.mnui-colors .mnui-hero--stacked .mnui-hero__item {
	background-color: var(--mnui-color-surface);
	color: var(--mnui-color-text);
}

.mnui-colors .mnui-hero__excerpt,
.mnui-colors .mnui-card-item__text {
	color: var(--mnui-color-text-muted);
}