/* Stiluri de bază și fundal */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f0f7ff; /* Fundal albastru deschis, odihnitor */
    color: #333;
    text-align: center;
}

/* Stiluri antet */
header h1 {
    color: #005a8d;
    font-size: 26px;
    margin-bottom: 5px;
}

header h2 {
    color: #0077b6;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 30px;
}

/* Secțiunea de Aprobare (Poziționată sus-dreapta ca în poza originală) */
.approval-section {
    position: absolute;
    top: 30px;
    right: 50px;
    text-align: right;
    font-size: 14px;
    color: #555;
    padding-bottom: 5px;
}

.approval-section .approval-text {
    margin: 0;
    line-height: 1.3;
    font-style: italic;
    font-weight: bold;
    /* Simulatează linia de semnătură */
    border-bottom: 2px solid #000;
}

.approval-section .date {
    margin-top: 5px;
    font-size: 12px;
}

/* Containerul principal al diagramei */
.diagram-container {
    padding: 30px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 12px; /* Colțuri rotunjite */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); /* Umbră elegantă */
    max-width: 90%; /* Limitează dimensiunea maximă pe desktop */
    margin-bottom: 30px;
}

/* Stilul imaginii Organigramei */
.organizational-chart-image {
    max-width: 100%; /* Asigură că imaginea nu iese din container */
    height: auto;
    display: block;
    border: 3px solid #0077b6; /* Chenar colorat în jurul imaginii */
    border-radius: 8px; /* Colțuri ușor rotunjite */
}

/* Element Creativ Adăugat (Footer) */
.creative-footer {
    /* Proprietăți existente */
    font-size: 16px;
    font-weight: 600;
    color: #005a8d;
    padding: 15px;
    background-color: #e6f7ff; 
    border-radius: 50px; 
    display: inline-block;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    
    /* PROPRIETĂȚI NOI PENTRU LINK: */
    text-decoration: none; /* Elimină sublinierea */
    cursor: pointer; /* Asigură că cursorul este de tip pointer */
    transition: background-color 0.3s, transform 0.3s; /* Adaugă animație */
}

/* Efect vizual la trecerea cu mouse-ul */
.creative-footer:hover {
    background-color: #cceeff; /* Schimbă fundalul la hover */
    transform: translateY(-2px); /* Ridică ușor elementul */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Responsivitate pentru mobil */
@media (max-width: 600px) {
    body {
        padding: 10px;
    }
    
    .approval-section {
        position: static;
        text-align: center;
        margin-bottom: 10px;
        padding-bottom: 0;
        /* Ascundem linia pe mobil */
        border-bottom: none; 
    }
    
    .diagram-container {
        padding: 15px;
        max-width: 100%;
        border-radius: 0; /* Eliminăm rotunjirea pe mobil pentru a folosi tot spațiul */
        box-shadow: none; /* Eliminăm umbra pe mobil */
    }
    
    .organizational-chart-image {
        border: none; /* Eliminăm chenarul pe mobil */
    }
}