/**
 * PAGINE LEGALI: Cookie Policy, Privacy Policy, Termini e Condizioni.
 *
 * Pagine: Modules/Frontend/resources/views/cookie_policy.blade.php,
 * privacy_policy.blade.php, termini_e_condizioni.blade.php.
 *
 * Testo lungo, non un nuovo layout: stessa colonna di lettura del blog
 * (44rem) e stessa fascia titolo di contattaci/blog-articolo, solo token
 * --ags-*.
 *
 * Convenzione: prefisso `legal-`.
 */

.legal-hero
{
	background-color: var(--ags-sand);
	border-bottom:    1px solid var(--ags-border);
	padding-block:    calc(70px + var(--ags-space-5)) var(--ags-space-5); /* header fisso: 70px */
}

.legal-hero .ags-container
{
	margin-inline: auto;
	max-width:     44rem;
}

.legal-hero__titolo
{
	font-size:     clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem);
	margin-bottom: var(--ags-space-1);
}

.legal-hero__data
{
	color:     var(--ags-muted);
	font-size: 0.875rem;
	margin:    0;
}

.legal-corpo
{
	background-color: var(--ags-white);
	padding-block:    var(--ags-space-6) var(--ags-space-7);
}

.legal-corpo .ags-container
{
	margin-inline: auto;
	max-width:     44rem;
}

.legal-corpo h2
{
	font-size:     1.375rem;
	margin-top:    var(--ags-space-6);
	margin-bottom: var(--ags-space-2);
}

.legal-corpo h2:first-of-type
{
	margin-top: 0;
}

.legal-corpo p,
.legal-corpo li
{
	color:       var(--ags-ink);
	line-height: 1.7;
}

.legal-corpo p
{
	margin: 0 0 var(--ags-space-3);
}

.legal-corpo ul
{
	margin-bottom: var(--ags-space-3);
	padding-left:  var(--ags-space-4);
}

.legal-corpo ul li
{
	list-style:    disc;
	margin-bottom: var(--ags-space-1);
}

.legal-corpo a
{
	font-weight:            600;
	text-underline-offset:  2px;
}

.legal-corpo table
{
	border-collapse: collapse;
	margin-bottom:   var(--ags-space-4);
	width:           100%;
}

.legal-corpo th,
.legal-corpo td
{
	border:         1px solid var(--ags-border);
	font-size:      0.875rem;
	padding:        var(--ags-space-2) var(--ags-space-3);
	text-align:     left;
	vertical-align: top;
}

.legal-corpo th
{
	background:  var(--ags-sand);
	color:       var(--ags-forest);
	font-weight: 700;
}

.legal-corpo code
{
	background:    var(--ags-sand);
	border-radius: 4px;
	color:         var(--ags-forest);
	font-size:     0.875em;
	padding:       2px 6px;
}

@media (max-width: 767.98px)
{
	.legal-hero
	{
		padding-block: calc(70px + var(--ags-space-4)) var(--ags-space-4);
	}

	.legal-corpo
	{
		padding-block: var(--ags-space-5) var(--ags-space-6);
	}
}