/**
 * Veste delle pagine legali (Privacy Policy e Cookie Policy).
 *
 * Sono documenti da leggere, non pagine da guardare: la misura della colonna
 * e il ritmo verticale contano piu' di qualunque altra cosa. Il resto e' il
 * design system della landing, ripreso dalle variabili globali del Kit —
 * qui non si dichiara un solo colore nuovo.
 */

.beibo-legale {
	background: #ffffff;
	color: var(--e-global-color-text, #000000);
}

/* Il link di salto: invisibile finche' non riceve il fuoco da tastiera.
   Su queste pagine il contenuto e' lungo e l'intestazione breve, ma un
   documento legale e' esattamente il posto in cui qualcuno naviga da
   tastiera o con uno screen reader. */
.beibo-salta {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--e-global-color-primary, #34634a);
	color: #ffffff;
	padding: 12px 20px;
	z-index: 10;
}
.beibo-salta:focus {
	left: 0;
}

/* -------------------------------------------------------------- TESTATA */

.beibo-legale-testa {
	padding: 24px;
	border-bottom: 1px solid var(--e-global-color-bordochiar, #f2eeeb);
}

/* Il wordmark, nella misura compatta dell'header della landing: qui non
   c'e' scroll da seguire, quindi resta fermo. */
.beibo-legale-marchio {
	display: inline-block;
	font-family: var(--e-global-typography-headlogo-font-family, Archivo), sans-serif;
	font-size: var(--e-global-typography-headlogo-font-size, 27px);
	font-weight: var(--e-global-typography-headlogo-font-weight, 800);
	line-height: var(--e-global-typography-headlogo-line-height, 0.72em);
	letter-spacing: -0.025em;
	color: var(--e-global-color-primary, #34634a);
	text-decoration: none;
}
.beibo-legale-marchio:focus-visible {
	outline: 2px solid var(--e-global-color-accent, #46af23);
	outline-offset: 4px;
}

/* --------------------------------------------------------------- CORPO */

.beibo-legale-corpo {
	/* 68 caratteri circa: e' la misura su cui l'occhio ritrova la riga
	   successiva senza perderla. Prima il testo correva su 1140px, cioe'
	   circa 150 caratteri, il doppio di quanto si legga comodamente. */
	max-width: 42rem;
	margin: 0 auto;
	padding: 64px 24px 96px;
}

.beibo-legale-corpo h1 {
	font-family: var(--e-global-typography-h2sez-font-family, Archivo), sans-serif;
	font-size: var(--e-global-typography-h2sez-font-size, 46px);
	font-weight: var(--e-global-typography-h2sez-font-weight, 700);
	line-height: 1.1;
	color: var(--e-global-color-primary, #34634a);
	margin: 0 0 8px;
}

/* Sottotitolo del documento: il riferimento normativo sotto il titolo. */
.beibo-legale-corpo h1 + .beibo-riferimento {
	font-size: 16px;
	color: #555555;
	margin: 0 0 48px;
}

.beibo-legale-corpo h2 {
	font-family: var(--e-global-typography-h3sez-font-family, Archivo), sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--e-global-color-primary, #34634a);
	/* Spazio sopra molto maggiore che sotto: e' cio' che fa leggere un
	   titolo come appartenente a quello che segue e non a quello che
	   precede. */
	margin: 56px 0 16px;
}

.beibo-legale-corpo h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin: 32px 0 8px;
}

.beibo-legale-corpo p,
.beibo-legale-corpo li {
	font-family: var(--e-global-typography-corpo-font-family, Archivo), sans-serif;
	font-size: 17px;
	font-weight: 400;
	/* 1.65 e non 1.5: su testo lungo e continuo la riga ha bisogno di piu'
	   aria di quanta ne serva su una landing. */
	line-height: 1.65;
	margin: 0 0 16px;
}

.beibo-legale-corpo ul,
.beibo-legale-corpo ol {
	margin: 0 0 24px;
	padding-left: 24px;
}
.beibo-legale-corpo li {
	margin-bottom: 8px;
}

.beibo-legale-corpo a {
	color: var(--e-global-color-primary, #34634a);
	text-decoration: underline;
	text-underline-offset: 2px;
	/* Gli URL dei fornitori sono lunghi: senza questo sfondano la colonna. */
	overflow-wrap: anywhere;
}
.beibo-legale-corpo a:hover {
	text-decoration-thickness: 2px;
}
.beibo-legale-corpo a:focus-visible {
	outline: 2px solid var(--e-global-color-accent, #46af23);
	outline-offset: 2px;
}

/* Blocco che introduce una base giuridica o la natura del conferimento:
   rientrato e con un filetto, cosi' si distingue dal testo corrente senza
   diventare un riquadro. */
.beibo-legale-corpo .beibo-nota {
	border-left: 2px solid var(--e-global-color-bordochiar, #f2eeeb);
	padding-left: 16px;
	margin: 0 0 16px;
	font-size: 16px;
}

/* Ancora dei paragrafi numerati, per i link dal banner e fra documenti. */
.beibo-legale-corpo :target {
	scroll-margin-top: 96px;
}

/* --------------------------------------------------- DA COMPLETARE */

/* Segnaposti lasciati dallo studio legale. Sono marcati in modo che non
   possano passare inosservati: vanno risolti prima della pubblicazione sul
   dominio definitivo. */
.beibo-da-completare {
	background: #fff3cd;
	border-bottom: 2px solid #e0a800;
	padding: 0 4px;
	font-style: italic;
}

/* ---------------------------------------------------- TABELLA COOKIE */

.beibo-legale-corpo .beibo-tabella {
	/* Su schermi stretti la tabella scorre per conto suo invece di
	   allargare la pagina. */
	overflow-x: auto;
	margin: 0 0 24px;
}
.beibo-legale-corpo table {
	border-collapse: collapse;
	width: 100%;
	min-width: 560px;
	font-size: 15px;
}
.beibo-legale-corpo th,
.beibo-legale-corpo td {
	border: 1px solid var(--e-global-color-bordochiar, #f2eeeb);
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
	line-height: 1.45;
}
.beibo-legale-corpo th {
	background: #f7f5f3;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* ---------------------------------------------------------- PIEDE */

.beibo-legale-piede {
	border-top: 1px solid var(--e-global-color-bordochiar, #f2eeeb);
	padding: 40px 24px 56px;
	max-width: 42rem;
	margin: 0 auto;
	font-family: var(--e-global-typography-corpo-font-family, Archivo), sans-serif;
	font-size: 15px;
	line-height: 1.6;
}
.beibo-legale-piede a {
	color: var(--e-global-color-primary, #34634a);
	text-decoration: underline;
}
.beibo-legale-piede a:focus-visible {
	outline: 2px solid var(--e-global-color-accent, #46af23);
	outline-offset: 2px;
}
.beibo-legale-societa {
	margin: 0 0 20px;
}
.beibo-legale-link {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin-bottom: 20px;
}
.beibo-legale-copy {
	margin: 0;
	color: #555555;
}

@media (max-width: 767px) {
	.beibo-legale-corpo {
		padding: 40px 20px 64px;
	}
	.beibo-legale-corpo h1 {
		font-size: 30px;
	}
	.beibo-legale-corpo h2 {
		font-size: 21px;
		margin-top: 40px;
	}
}

/* Precisazione dentro una cella della tabella: il dominio a cui appartiene
   il cookie, o cosa sta al posto di un segnaposto nel nome. */
.beibo-legale-corpo .beibo-minuto {
	display: inline-block;
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.35;
	color: #666666;
}

/* Il nome tecnico del cookie va distinto dal testo corrente: e' una stringa
   da confrontare con quella che si legge nel browser, non una parola. */
.beibo-legale-corpo code {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 13px;
	background: #f7f5f3;
	padding: 1px 5px;
	border-radius: 3px;
}