/**
 * breadcrumbs.css
 * Globální styly pro drobečkovou navigaci
 * Web: Jizerky pro Vás, o.p.s.
 */

/* Breadcrumbs kontejner */
.breadcrumbs-container {
    background: #f5f7fa;
    border-bottom: 1px solid #e0e0e0;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.breadcrumbs {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

/* Položky breadcrumbs */
.breadcrumbs-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Odkaz domů */
.breadcrumbs-home {
    color: #1e3c72;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.breadcrumbs-home:hover {
    color: #2a5298;
}

.breadcrumbs-home i {
    font-size: 14px;
}

/* Separator */
.breadcrumbs-separator {
    color: #999;
    font-size: 12px;
    user-select: none;
}

/* Odkaz v breadcrumbs */
.breadcrumbs-link {
    color: #1e3c72;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumbs-link:hover {
    color: #2a5298;
    text-decoration: underline;
}

/* Aktuální stránka (není odkaz) */
.breadcrumbs-current {
    color: #333;
    font-weight: 600;
}

/* Tmavý režim */
body.dark-mode .breadcrumbs-container {
    background: #1a1a2e;
    border-bottom-color: #2d2d45;
}

body.dark-mode .breadcrumbs-home {
    color: #6a9bd8;
}

body.dark-mode .breadcrumbs-home:hover {
    color: #8ab4e8;
}

body.dark-mode .breadcrumbs-separator {
    color: #666;
}

body.dark-mode .breadcrumbs-current {
    color: #e8e8e8;
}

body.dark-mode .breadcrumbs-link {
    color: #6a9bd8;
}

body.dark-mode .breadcrumbs-link:hover {
    color: #8ab4e8;
}

/* Responzivita */
@media (max-width: 768px) {
    .breadcrumbs {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .breadcrumbs-home i {
        font-size: 13px;
    }
}