/* ========================================== 
   Field Engineering Page - Minimal Styling
   Bootstrap 5 handles all layout and responsive
   ========================================== */

/* Breadcrumb Styling */
.breadcrumb {
    background-color: #f8f9fa !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.375rem !important;
    margin-bottom: 1.5rem !important;
}

.breadcrumb-item a {
    color: #003E73 !important;
    text-decoration: none !important;
}

.breadcrumb-item a:hover {
    color: #FF9F28 !important;
    text-decoration: underline !important;
}

.breadcrumb-item.active {
    color: #6c757d !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #6c757d !important;
}

/* Section Subtitle - Orange Color */
.field-subtitle {
    color: #FF9F28 !important;
}

/* Section Title - Blue Color */
.field-title {
    color: #003E73 !important;
}

/* Card Hover Effects */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 62, 115, 0.15) !important;
}

/* Icon Colors */
.bi {
    color: #003E73;
}

.text-primary {
    color: #003E73 !important;
}

.btn-primary {
    background-color: #003E73 !important;
    border-color: #003E73 !important;
}

.btn-primary:hover {
    background-color: #002a52 !important;
    border-color: #002a52 !important;
}

.btn-outline-primary {
    color: #003E73 !important;
    border-color: #003E73 !important;
}

.btn-outline-primary:hover {
    background-color: #003E73 !important;
    border-color: #003E73 !important;
    color: white !important;
}

.bg-primary {
    background-color: #003E73 !important;
}