/* WP Post Graph — stile in linea con GeneratePress (flat, accent #1e73be) */

.wp-post-graph-wrap {
	margin: 1.5em 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.wp-post-graph {
	position: relative;
	width: 100%;
	min-height: 300px;
	background-color: #f7f8f9;
	border: var(--wpg-bd-w, 1px) solid var(--wpg-bd-col, #e2e3e7);
	border-radius: var(--wpg-bd-rad, 3px);
	box-sizing: border-box;
}

/* Controlli zoom (+ / − / reset) */
.wp-post-graph-zoom {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	z-index: 5;
}

.wp-post-graph-zoom-btn {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	color: var(--wpg-btn-color, #575760);
	background-color: var(--wpg-btn-bg, #ffffff);
	border: 1px solid var(--wpg-bd-col, #e2e3e7);
	border-radius: var(--wpg-bd-rad, 3px);
	cursor: pointer;
	padding: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.wp-post-graph-zoom-btn:hover {
	background-color: var(--wpg-btn-hover-bg, #1e73be);
	border-color: var(--wpg-btn-hover-bg, #1e73be);
	color: var(--wpg-btn-hover-color, #ffffff);
}

.wp-post-graph canvas {
	border-radius: var(--wpg-bd-rad, 3px);
}

/* Rimuove l'outline di focus che il browser disegna sul canvas di vis-network */
.wp-post-graph:focus,
.wp-post-graph:focus-visible,
.wp-post-graph .vis-network:focus,
.wp-post-graph .vis-network:focus-visible,
.wp-post-graph canvas:focus,
.wp-post-graph canvas:focus-visible {
	outline: none !important;
}

/* vis-network aggiunge .vis-active (alone azzurro box-shadow) quando il grafo è attivo:
   lo neutralizziamo perché appare come un bordo non gestito. */
.wp-post-graph.vis-active,
.wp-post-graph .vis-network.vis-active {
	box-shadow: none !important;
}

/* Difensivo: nessun bordo/ombra sul frame e sul canvas (il bordo gestito è su .wp-post-graph) */
.wp-post-graph .vis-network,
.wp-post-graph canvas {
	border: 0 !important;
	box-shadow: none !important;
}

.wp-post-graph-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin-top: 12px;
	font-size: var(--wpg-legend-size, 14px);
	color: var(--wpg-legend-color, #575760);
	justify-content: var(--wpg-legend-justify, flex-start);
}

.wp-post-graph-legend-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: var(--wpg-legend-bg, #ffffff);
	border: var(--wpg-lg-bd-w, 1px) solid var(--wpg-lg-bd-col, #e2e3e7);
	border-radius: var(--wpg-bd-rad, 3px);
	padding: 3px 10px;
	line-height: 1.4;
}

.wp-post-graph-legend-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	flex: 0 0 auto;
}

/* Tooltip nativo di vis-network con il titolo completo */
div.vis-tooltip {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	color: #ffffff !important;
	background-color: #222222 !important;
	border: none !important;
	border-radius: 3px !important;
	padding: 6px 10px !important;
	max-width: 260px !important;
	white-space: normal !important;
	line-height: 1.35 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

.wp-post-graph-empty {
	margin: 1.5em 0;
	padding: 16px;
	background-color: #f7f8f9;
	border: 1px solid #e2e3e7;
	border-radius: 3px;
	color: #575760;
	font-size: 15px;
}