/* Konga documentation — Furo overrides.
   Loaded via html_css_files in conf.py. */

/* --- Avviso di documentazione provvisoria ------------------------------- */

/* Furo lo colora come una fascia scura; qui deve leggersi come un avviso. */
body {
	--color-announcement-background: #fdf3d0;
	--color-announcement-text: #6b5300;
}

body[data-theme="dark"] {
	--color-announcement-background: #453a15;
	--color-announcement-text: #f5dea0;
}

@media (prefers-color-scheme: dark) {
	body:not([data-theme="light"]) {
		--color-announcement-background: #453a15;
		--color-announcement-text: #f5dea0;
	}
}

.announcement {
	border-bottom: 1px solid rgba(107, 83, 0, 0.35);
	font-weight: 600;
}

.announcement-content::before {
	content: "⚠ ";
}

/* --- Selettore della versione, sotto la ricerca -------------------------- */

.konga-versions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0 var(--sidebar-item-spacing-horizontal, 1rem) 0.5rem;
}

.konga-versions__label {
	font-size: var(--sidebar-caption-font-size, 0.8em);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--color-sidebar-caption-text);
}

.konga-versions__select {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.25rem 0.4rem;
	font-size: var(--sidebar-item-font-size, 0.9rem);
	font-family: inherit;
	color: var(--color-sidebar-link-text);
	background-color: var(--color-background-primary);
	border: 1px solid var(--color-background-border);
	border-radius: 0.2rem;
	cursor: pointer;
}

.konga-versions__select:hover {
	background-color: var(--color-sidebar-item-background--hover);
}

/* --- Manuali e collegamenti, dopo le sezioni generate -------------------- */

/* Il titolo di sezione non è un collegamento ma una label che apre e chiude.
   Furo posiziona in modo assoluto le label della barra, perché le usa solo per
   la freccia di espansione: senza questo il titolo finirebbe anche lui
   nell'angolo, le voci resterebbero alte zero e si sovrapporrebbero. */
.sidebar-tree .konga-extra__title {
	position: static;
	display: inline-block;
	width: 100%;
	height: auto;
	background: none;
	cursor: pointer;
}

.sidebar-tree .konga-extra__title:hover {
	background: var(--color-sidebar-item-background--hover);
}

.konga-extra {
	border-top: 1px solid var(--color-background-border);
	margin-top: 0.5rem;
	padding-top: 0.5rem;
}

/* --- Copyright, ancorato in fondo --------------------------------------- */

/* L'avviso resta in vista mentre si scorre: riguarda l'intera documentazione,
   non solo la prima schermata.

   Fisso e non "sticky": Furo tiene html e body alti quanto lo schermo, e un
   elemento sticky si aggancia solo entro il proprio contenitore, quindi dopo
   una schermata di scorrimento se ne andrebbe comunque in alto.

   Sta sopra a tutto il resto (i pannelli laterali arrivano a 50) perché è un
   avviso: se resta coperto non serve a niente. */
.announcement {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
}

/* Essendo fuori dal flusso, lo spazio che occupa va restituito alla pagina. */
.announcement + .page {
	padding-top: var(--header-height);
}

/* Restando in vista, l'avviso occupa stabilmente la fascia superiore: quanto
   si aggancia in alto va spostato sotto di esso, altrimenti ci finisce sotto.
   La barra laterale così è alta esattamente quanto lo spazio che le resta, e
   il copyright in fondo è visibile da subito. */
.announcement + .page .sidebar-sticky,
.announcement + .page .toc-sticky {
	top: var(--header-height);
	height: calc(100vh - var(--header-height));
}

.announcement + .page .mobile-header {
	top: var(--header-height);
}

.konga-copyright {
	flex-shrink: 0;
	padding: 0.5rem var(--sidebar-item-spacing-horizontal, 1rem);
	border-top: 1px solid var(--color-background-border);
	font-size: 0.75rem;
	text-align: center;
	color: var(--color-sidebar-caption-text);
}

.konga-copyright a {
	color: inherit;
	text-decoration: underline;
}

/* --- Tabelle del dizionario dati ---------------------------------------- */

/* Sono larghe: meglio farle scorrere che sfondare la colonna. */
.rst-content table.docutils,
article table.docutils {
	display: block;
	overflow-x: auto;
}