/* =================================================================
   USER SIDEBAR CSS - Společné styly pro uživatelský sidebar
   Používá se na všech uživatelských stránkách (ne admin)
   ================================================================= */

/* Header styly jsou v header.css */

/* Sidebar - levý navigační panel */
.sidebar {
    width: 300px;
    background: #000;
    color: #fff;
    position: fixed;
    top: 30px;
    left: 0;
    height: calc(100% - 30px);
    padding: 25px;
    box-sizing: border-box;
}

/* Sidebar nadpis */
.sidebar h1 {
    font-size: 2.25em;
    margin-bottom: 25px;
}

/* Navigační menu */
.sidebar nav ul {
    list-style: none;
    padding: 0;
}

.sidebar nav ul li {
    margin-bottom: 12.5px;
}

.sidebar nav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 12.5px;
    background: #222;
    border-radius: 5px;
}

.sidebar nav ul li a:hover {
    background: #444;
}

/* Ikonky v menu */
.sidebar nav ul li a .menu-icon {
    vertical-align: baseline;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

/* Content area - hlavní obsah stránky */
.content {
    margin-left: 300px;
    padding: 25px;
    margin-top: 45px; /* Základní margin-top, může být přepsán specifickými stránkami */
}

/* Mobile responsive - skrytí sidebaru na mobilních zařízeních */
@media (max-width: 768px) {
    .content {
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 70px 15px 15px 15px !important; /* padding-top: 70px pro fixní header */
    }

    .sidebar {
        display: none !important;
    }
}