/* --- 1. Sfondo e Colori Base --- */
body {
    background-color: #0b0e14 !important; /* Nero profondo */
    color: #f8f9fa;
    font-family: 'Syne', sans-serif;
    min-height: 100vh;
}
/* --- 2. Form, Input e Placeholder (Space Mono) --- */
.bg-dark-input, 
.form-control, 
.form-select {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #ffffff !important;
    /* Usiamo Space Mono per l'input di testo */
    font-family: 'Space Mono', monospace; 
}
/* Placeholder con Space Mono e colore chiaro */
.form-control::placeholder {
    font-family: 'Space Mono', monospace;
    color: #adb5bd !important;
    opacity: 1;
}
/* --- 3. Visualizzazione del Segreto (Space Mono) --- */
/* Nella pagina view.php e success.php */
#secretText, 
#secretUrl,
.secret-content-box pre {
    font-family: 'Space Mono', monospace !important;
    letter-spacing: -0.5px;
}
/* --- 4. Altri Testi (Syne) --- */
h1, h2, h3, h4, h5, h6, .lead, p, li, .btn {
    font-family: 'Syne', sans-serif;
}
.bg-dark {
    background-color: #161b22 !important; /* Grigio scuro per le Card */
}

.bg-black {
    background-color: #000000 !important;
}

.border-secondary {
    border-color: #30363d !important;
}

.text-secondary {
    color: #ced4da !important;
}

.text-danger {
    color: #f85149 !important; /* Rosso morbido stile Dark Mode */
}

.text-blue {
    color: #0d6efd;
}

.card p, .card li {
    color: #f8f9fa !important;
}

/* --- 2. Elementi UI Comuni (Card, Alert, Badge) --- */
.card {
    border-radius: 12px;
    border: 1px solid #30363d;
}

.alert-warning {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

.alert-danger {
    background-color: rgba(248, 81, 73, 0.1) !important;
}

/* --- 3. Form e Input --- */
.bg-dark-input, 
.form-control, 
.form-select {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: white !important;
}

.bg-dark-input:focus, 
.form-control:focus, 
.form-select:focus {
    background-color: #1c2128 !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: none;
}

.form-control::placeholder {
    color: #adb5bd !important; /* Grigio chiaro visibile */
    opacity: 1; /* Forza opacità su Firefox */
}

.form-select {
    cursor: pointer;
}

textarea {
    resize: none;
}

/* --- 4. Pulsanti --- */
.btn-primary {
    background-color: #0d6efd;
    border: none;
    transition: transform 0.2s, background-color 0.2s;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    transform: translateY(-2px);
}

/* --- 5. Success Page (Specifico) --- */
#secretUrl {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

/* --- 6. View Page (Specifico) --- */
.secret-content-box {
    min-height: 100px;
    line-height: 1.6;
}

#reveal-container {
    border-width: 2px;
}

pre {
    margin: 0;
}

/* Garantisce che i testi descrittivi in About siano chiari */
.about-content p, .about-content li {
    font-size: 1.1rem;
    line-height: 1.6;
}

/* --- 7. About Page (Specifico) --- */
section h3 {
    font-weight: 700;
}
/* --- 8. Privacy Page Specifico --- */
.policy-content h4 {
    color: #0d6efd;
    margin-top: 2rem;
    font-weight: 700;
    text-transform: none; /* Rimuoviamo il maiuscolo per i sottotitoli legali */
}

.policy-content p, .policy-content li {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.2rem;
}

.policy-content ul {
    padding-left: 1.5rem;
}

.policy-date {
    font-family: 'Space Mono', monospace;
    font-size: 0.85rem;
    color: #8b949e;
}
/* --- 9. Error Page (404) --- */
.error-wrapper .fa-ghost {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

.error-wrapper h1 {
    font-size: 8rem;
    letter-spacing: -5px;
    opacity: 0.5;
}