/* AI-Header: Navigation component styles with theme support */
/* Date: 2025-07-13 */

/* ===========================================
   BREADCRUMB - BASE STRUCTURE
   =========================================== */

.breadcrumb {
    border-radius: 8px;
    backdrop-filter: blur(10px);
}

.breadcrumb-item a {
    text-decoration: none;
    transition: color 0.2s ease;
}

/* ===========================================
   BREADCRUMB - LIGHT THEME
   =========================================== */

[data-bs-theme="light"] .breadcrumb {
    background: rgba(248, 249, 250, 0.8);
}

[data-bs-theme="light"] .breadcrumb-item a {
    color: #722F37;
}

[data-bs-theme="light"] .breadcrumb-item a:hover {
    color: #5d252b;
}

[data-bs-theme="light"] .breadcrumb-item.active {
    color: #6c757d;
}

/* ===========================================
   BREADCRUMB - DARK THEME
   =========================================== */

[data-bs-theme="dark"] .breadcrumb {
    background: rgba(42, 42, 42, 0.8);
}

[data-bs-theme="dark"] .breadcrumb-item a {
    color: #ff8a8a;
}

[data-bs-theme="dark"] .breadcrumb-item a:hover {
    color: #ffb3b3;
}

[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #e9ecef;
}

/* ===========================================
   DROPDOWN - BASE STRUCTURE
   =========================================== */

.dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid;
}

.dropdown-item {
    transition: all 0.2s ease;
}

/* ===========================================
   DROPDOWN - LIGHT THEME
   =========================================== */

[data-bs-theme="light"] .dropdown-menu {
    background: #ffffff;
    border-color: #dee2e6;
}

[data-bs-theme="light"] .dropdown-item {
    color: #212529;
}

[data-bs-theme="light"] .dropdown-item:hover {
    background: #f8f9fa;
    color: #722F37;
}

/* ===========================================
   DROPDOWN - DARK THEME
   =========================================== */

[data-bs-theme="dark"] .dropdown-menu {
    background: #2a2a2a;
    border-color: #404040;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .dropdown-item {
    color: #e9ecef;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background: #3a3a3a;
    color: #ff8a8a;
}