/* Základní styly pro administraci */
body {
    background-color: #f8f9fa;
}

.admin-wrapper {
    display: flex;
}

#sidebar-wrapper {
    min-height: 100vh;
    width: 250px;
    background-color: #343a40;
    color: #fff;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 1.5rem 1.25rem;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #495057;
}

#sidebar-wrapper .list-group {
    width: 100%;
}

#sidebar-wrapper .list-group-item {
    background-color: #343a40;
    color: rgba(255, 255, 255, 0.7);
    border: none;
    padding: 1rem 1.25rem;
}

#sidebar-wrapper .list-group-item:hover,
#sidebar-wrapper .list-group-item.active {
    background-color: #495057;
    color: #fff;
    text-decoration: none;
}

#page-content-wrapper {
    flex: 1;
    padding: 20px;
}

/* Styly pro dashboard boxy */
.info-box {
    border-radius: 0.5rem;
    color: #fff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.info-box .value {
    font-size: 2.5rem;
    font-weight: bold;
}

.info-box .label {
    font-size: 1rem;
}

.bg-box-blue { background-color: #0d6efd; }
.bg-box-green { background-color: #198754; }
.bg-box-yellow { background-color: #ffc107; color: #000 !important; }
.bg-box-cyan { background-color: #0dcaf0; }

.article-list-image {
    width: 100%;
    height: 170px; /* Můžete si upravit podle potřeby */
    object-fit: cover; /* Toto je kouzlo, které obrázek ořízne */
}