/*
 * Stili personalizzati per complementare Bootstrap
 * e dare un'identità visiva al sito.
 */

:root {
  --bs-primary-rgb: 15, 118, 110; /* Verde acqua scuro */
  --bs-success-rgb: 16, 185, 129; /* Verde brillante per azioni positive */
  
  --bs-primary: rgb(var(--bs-primary-rgb));
  --bs-success: rgb(var(--bs-success-rgb));

  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #0a524d;
}

body {
    background-color: #f8f9fa;
}

/* Navbar personalizzata */
.navbar-brand {
    font-weight: 700;
}

.bg-dark {
    background-color: #1e293b !important; /* Un blu-grigio scuro, più moderno del nero puro */
}

/* Card delle lezioni */
.lesson-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border: 1px solid rgba(0,0,0,.125);
}

.lesson-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.5);
}

.lesson-card.locked {
    background-color: #e9ecef;
    opacity: 0.8;
}

.lesson-card.locked:hover {
    transform: none;
    box-shadow: none !important;
    border-color: rgba(0,0,0,.125);
}

.progress-bar {
    background-color: var(--bs-success);
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #0a524d;
    --bs-btn-hover-border-color: #0a524d;
}

.btn-success {
     --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: #0d9270;
    --bs-btn-hover-border-color: #0d9270;
}

.alert-info {
    background-color: #e6f7ff;
    border-color: #91d5ff;
}

.alert-warning {
    background-color: #fffbe6;
    border-color: #ffe58f;
}

.alert-danger {
    background-color: #fff1f0;
    border-color: #ffccc7;
}