/* ==========================
   Globální stylování
   ========================== */
   html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    background-color: #f8f9fa; /* Světlé pozadí */
    color: #212529; /* Tmavý text */
}

.logo {
    width: 100%;
    max-width: 160px;

}

.nav-link:hover {
    text-decoration: underline;
}

.active {
    text-decoration: underline;

}

.card-title {
    text-align: center
}

.card {
    text-align: center;
}

.green {
    background-color: #6CBA7E;
    }

.red {
    background-color: #BA6C73;  
    color: #f8f9fa;  
}

.blue {
    background-color: #6C76BA;
}

h5 {
    text-decoration: underline solid transparent;
    transition: text-decoration 1s ease;

}

.card:hover h5 {
    text-decoration: underline solid #212529;
}

.green:hover {
    background-color: #34BD54;
    transition: all 1s ease-in;
    }

.red:hover {
    background-color: #BC3E42;  
    transition: all 1s ease-in;  
}

.card.red:hover h5 {
    text-decoration: underline solid #f8f9fa;
}

.blue:hover {
    background-color: #404FBD;
    transition: all 1s ease-in;
}