/*
 * Stile per il template "Pagina Singola" (single-page.php)
 * Usato per pagine di contenuto testuale come policy, termini, etc.
 */

.single-page-wrapper {
    padding: var(--space-lg) 0; /* Spazio verticale */
}

/* Ora questo box si concentra solo sullo stile interno, non sulla larghezza */
.single-page-content {
    padding: var(--space-lg);
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-md);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Immagine in evidenza */
.featured-image {
    margin-bottom: var(--space-md);
}

.featured-image img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}

/* Area del contenuto testuale (paragrafi, liste, etc.) */
.content {
    line-height: var(--line-height-loose);
}

.content p,
.content ul,
.content ol,
.content table {
    margin-bottom: var(--space-md);
}

.content ul,
.content ol {
    padding-left: 25px;
}

.content a {
    color: var(--color-accent);
    text-decoration: none;
    border-bottom: 1px dotted var(--color-accent);
    transition: color 0.2s ease, border-bottom-color 0.2s ease;
}

.content a:hover {
    color: var(--color-accent-light);
    border-bottom: 1px solid var(--color-accent-light);
}

/* Stili per il Dark Mode */
@media (prefers-color-scheme: dark) {
    .single-page-content {
        background-color: var(--color-gray-700);
        border-color: var(--color-gray-600);
    }

    .single-page-content h1 {
        border-color: var(--color-gray-600);
    }
}