@charset "UTF-8";
/*
Theme Name: Donovan ND
Theme URI: https://nativodigital.org
Description: Tema hijo de Donovan con la identidad visual de Nativo Digital (paleta navy/verde-circuito/azul-electrico, tipografia Space Grotesk + Inter + JetBrains Mono).
Author: Nativo Digital
Template: donovan
Version: 1.3.0
Text Domain: donovan-nd
*/

@import url("../donovan/style.css");

/*--------------------------------------------------------------
# Nativo Digital — Identidad visual
# Basado en: guia-identidad-visual.md
--------------------------------------------------------------*/
:root {
	/* Paleta de marca */
	--primary-color: #00C896;
	--secondary-color: #00A87D;
	--tertiary-color: #1A6FD4;
	--accent-color: #1A6FD4;
	--highlight-color: #00C896;

	--light-gray-color: #1C2530;
	--gray-color: #4A5568;
	--dark-gray-color: #EEF2FF;

	--text-color: #EEF2FF;
	--medium-text-color: #9AA5B8;
	--light-text-color: rgba(238, 242, 255, 0.55);

	--dark-border-color: #00C896;
	--medium-border-color: rgba(238, 242, 255, 0.15);
	--light-border-color: rgba(238, 242, 255, 0.08);

	/* Navy mas azulado (no casi-negro), tomado de la textura de fondo del usuario */
	--page-background-color: #172B4C;
	--page-border-color: rgba(238, 242, 255, 0.05);

	--link-color: #1A6FD4;
	--button-color: #00C896;
	--button-text-color: #0D1117;
	--button-hover-color: #00A87D;
	--button-hover-text-color: #0D1117;

	--navi-color: #121F38;
	--navi-text-color: #EEF2FF;
	--navi-hover-text-color: #00C896;
	--navi-border-color: rgba(238, 242, 255, 0.05);

	--submenu-color: #121F38;
	--submenu-text-color: #EEF2FF;
	--submenu-hover-text-color: #00C896;
	--submenu-border-color: rgba(238, 242, 255, 0.08);

	--title-color: #EEF2FF;
	--widget-title-color: #EEF2FF;
	--footer-color: #121F38;
	--footer-text-color: #EEF2FF;
	--footer-hover-text-color: #00C896;
	--footer-border-color: rgba(238, 242, 255, 0.04);

	--text-font: 'Inter', Arial, Helvetica, sans-serif;
	--title-font: 'Space Grotesk', Tahoma, Arial, sans-serif;
	--navi-font: 'Space Grotesk', Tahoma, Arial, sans-serif;
	--widget-title-font: 'Space Grotesk', Tahoma, Arial, sans-serif;
	--title-font-weight: 700;
	--navi-font-weight: 500;
	--widget-title-font-weight: 500;
}

/* Fondo de pagina: textura tipo circuito (grid repetido + un par de trazos decorativos) */
body {
	background-color: var(--page-background-color);
	background-image:
		url("assets/circuit-accent-1.svg"),
		url("assets/circuit-accent-2.svg"),
		url("assets/grid-tile.svg");
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: top -20px left -40px, bottom -30px right -20px, top left;
	background-attachment: fixed, fixed, fixed;
}

.site-header {
	background: var(--page-background-color);
}

.centered-theme-layout .site-header .header-main {
	background: var(--page-background-color);
}

.centered-theme-layout .pagination {
	background: var(--page-background-color);
}

.breadcrumbs {
	background: var(--page-background-color);
	color: var(--medium-text-color);
}

.breadcrumbs a {
	color: var(--link-color);
}

a:visited {
	color: var(--link-color);
}

pre,
code,
kbd,
tt,
var {
	font-family: 'JetBrains Mono', "Courier 10 Pitch", Courier, monospace;
}

pre {
	background: var(--light-gray-color);
	border-color: var(--light-border-color);
}

code {
	background: var(--light-gray-color);
	padding: 0.15em 0.4em;
	border-radius: 3px;
}

pre code {
	background: none;
	padding: 0;
}

.type-post,
.widget,
.comment,
.type-attachment {
	border-color: var(--light-border-color) !important;
}

/*--------------------------------------------------------------
# Ajustes al widget de anuncios (Amazon Auto Links) en el sidebar
--------------------------------------------------------------*/

/* 1. Anular cualquier zoom/escala al pasar el mouse sobre las imagenes */
.widget-area img,
.widget-area a:hover img,
.widget-area a:focus img,
.amazon-auto-links-widget img,
.amazon-auto-links-widget a:hover img {
	transition: none !important;
	transform: none !important;
	-webkit-transform: none !important;
}

/* 2. Widgets de anuncios mas compactos */
.widget-area .amazon-auto-links-widget.widget {
	padding: 1rem;
	font-size: 0.85em;
}

.widget-area .amazon-products-container-list .amazon-product-thumbnail img {
	max-width: 62%;
}

.widget-area .amazon-products-container-list .amazon-product-container {
	margin-bottom: 1em;
}

/* 3. Texto del widget un poco mas claro/legible */
.widget-area .amazon-products-container-list a {
	color: #82B8F0 !important;
}

.widget-area .amazon-products-container-list .amazon-customer-reviews,
.widget-area .amazon-products-container-list .pricing-disclaimer,
.widget-area .amazon-products-container-list .amazon-prices,
.widget-area .amazon-products-container-list span.review-count {
	color: #C3CEE0 !important;
}

/* Desactivar visualmente el tooltip de "Image Preview" de Amazon Auto Links
   (JS propio del plugin: template/_common/js/product-image-preview.js).
   No hay opcion nativa para desactivarlo, asi que se oculta el elemento
   que el script genera al hacer hover sobre la miniatura. */
.aal-image-preview-tooltip {
	display: none !important;
}

/*--------------------------------------------------------------
# Barra de busqueda movida al header (junto al menu de categorias)
--------------------------------------------------------------*/
.nd-header-search {
	width: 100%;
	padding: 0.6em 1.5em;
}

.nd-header-search .asl_w_container {
	max-width: 320px;
}

@media only screen and (min-width: 55em) {
	#main-navigation-container {
		display: flex;
		align-items: center;
	}

	.primary-navigation {
		margin-left: 0;
		order: 1;
	}

	.nd-header-search {
		order: 2;
		margin-left: auto;
		width: auto;
		padding: 0 0 0 1.5em;
	}

	.nd-header-search .asl_w_container {
		max-width: 260px;
	}
}

/* Texto del placeholder e icono legibles sobre el navy */
.nd-header-search .probox {
	border-radius: 6px;
	overflow: hidden;
}

.nd-header-search input.orig,
.nd-header-search input.autocomplete {
	color: #EEF2FF !important;
}