/*
Theme Name: Nicola Cordella Prototype
Author: Nicola Cordella d'Addario
Description: A React-based Single Page Application theme using Tailwind CSS.
Version: 1.0
*/

/* We reset basic styles to let Tailwind take over */
body {
    margin: 0;
    padding: 0;
    background-color: #fcfcfc;
}

/* BASE FONTS */
.font-serif-academic { font-family: 'EB Garamond', serif; }
.font-mono-technical { font-family: 'IBM Plex Mono', monospace; }

/* UTILITIES */
.custom-scrollbar::-webkit-scrollbar { width: 0px; }
.custom-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }

/* --- FIX IMPORTANTE: NASCONDI SCROLLBAR MENU MOBILE --- */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none;  scrollbar-width: none; }

.zoom-cursor-in { cursor: zoom-in; }
.zoom-cursor-out { cursor: zoom-out; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.animate-in { animation: fadeIn 0.7s ease-in-out; }

/* Sfondo Bianco Puro */
body { background-color: #ffffff; }

/* =========================================
STILI TIPOGRAFICI (STILE INDESIGN)
========================================= */

/* Corpo del testo (Paragrafo Standard) */
.article-content p {
	font-family: 'EB Garamond', serif;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	color: #111;
	text-align: justify;
	hyphens: auto;
}

/* Titoli H2 (Titoli di Capitolo) */
.article-content h2 {
	font-family: 'EB Garamond', serif;
	font-weight: 500;
	font-style: italic;
	font-size: 2rem;
	margin-top: 3.5rem;
	margin-bottom: 1.2rem;
	line-height: 1.1;
}

/* Titoli H3 (Sottotitoli Tecnici) */
.article-content h3 {
	font-family: 'IBM Plex Mono', monospace;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	color: #666;
}

/* 4. Citazioni (Blocco "Citazione") - STILE CENTRATO */
.article-content blockquote {
	border-left: none;          /* Rimosso bordo sinistro */
	padding: 0 2rem;            /* Spazio ai lati per staccarlo dai bordi */
	margin-top: 3rem;           /* Spazio sopra */
	margin-bottom: 3rem;        /* Spazio sotto */

	font-family: 'EB Garamond', serif;
	font-style: italic;         /* Corsivo */
	font-size: 1.6rem;          /* Leggermente più grande del testo normale */
	line-height: 1.4;
	color: #111;                /* Nero */
	text-align: center;         /* Allineato al CENTRO */
}

/* Opzionale: Aggiunge il nome dell'autore della citazione (se presente) in piccolo */
.article-content blockquote cite {
	display: block;
	margin-top: 1rem;
	font-size: 0.9rem;
	font-family: 'IBM Plex Mono', monospace;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #666;
	font-style: normal;
}

/* Elenchi Puntati */
.article-content ul {
	list-style-type: disc;
	padding-left: 1.5rem;
	margin-bottom: 1.5rem;
	font-family: 'EB Garamond', serif;
	font-size: 1.25rem;
}
.article-content li {
	margin-bottom: 0.5rem;
}

/* Link nel testo */
.article-content a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	color: #000;
}
.article-content a:hover {
	opacity: 0.6;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
	.article-content p { font-size: 1.15rem; text-align: left; }
	.article-content h2 { font-size: 1.75rem; }
	.article-content blockquote { padding: 0; font-size: 1.3rem; }
}