/* Main application styles */

/* Preserve whitespace in text areas */
.preserve-whitespace {
    white-space: pre-wrap;
}

/* Card hover effect for project cards */
.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.15s ease-in-out;
}

/* Make navbar brand slightly larger */
.navbar-brand {
    font-size: 1.25rem;
    font-weight: 500;
}

/* Footer styling */
footer {
    font-size: 0.9rem;
}

/* Form descriptions */
.form-text {
    font-size: 0.85rem;
    color: #6c757d;
}

/* Skill filters in sidebar */
.skill-filters .form-check {
    margin-bottom: 0.25rem;
}

/* Better spacing for breadcrumbs */
.breadcrumb {
    background: none;
    padding: 0;
}

/* Badge styling improvements */
.badge {
    font-weight: 500;
}

/* Toast container positioning */
.toast-container {
    z-index: 1100;
}

/* Dropdown menu shadow */
.dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Table improvements */
.table th {
    font-weight: 600;
    white-space: nowrap;
}

/* Error page styling */
.error-page {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-page h1 {
    font-size: 6rem;
    font-weight: 700;
    color: #dee2e6;
}

/* Project detail page styling */
.project-detail h5 {
    color: #495057;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .timeline-container {
        overflow-x: auto;
        padding: 15px;
    }
}