/* Recipe Detail Page Styling */

/* Tab Navigation */
#recipeTabs .nav-link {
    font-weight: 500;
    color: #495057;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

#recipeTabs .nav-link:hover {
    background-color: rgba(0, 123, 255, 0.1);
}

#recipeTabs .nav-link.active {
    color: #fff;
    background-color: #0d6efd;
}

/* Common Card Styling */
.tab-pane .card {
    border: none;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #ffffff;
    box-shadow: 0 0.125rem 0.25rem rgba(230, 49, 49, 0.075);
}

.tab-pane .card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10) !important;
}

.tab-pane .card-header {
    font-weight: 500;
    padding: 0.75rem 1.25rem;
}

/* Softened Header Colors */
#general .card-header.bg-info {
    background-color: #6ec8ff !important;
}

#general .card-header.bg-dark {
    background-color: #5a6268 !important;
}

#ingredients .card-header.bg-primary {
    background-color: #6c9fff !important;
}

#steps .card-header.bg-success {
    background-color: #6cca8a !important;
}

#nutrition .card-header.bg-primary {
    background-color: #6c9fff !important;
}

#nutrition .card-header.bg-info {
    background-color: #6ec8ff !important;
}

#nutrition .card-header.bg-dark {
    background-color: #5a6268 !important;
}

/* Ingredients Section */
#ingredients .table th {
    border-top: none;
    font-weight: 600;
    background-color: #f8f9fa;
}

#ingredients .table td {
    vertical-align: middle;
}

#ingredients .table {
    background-color: #ffffff;
}

/* Steps Section */
#steps .list-group-item {
    border-left: none;
    border-right: none;
    padding: 1rem 1.25rem;
    background-color: #ffffff;
}

#steps .badge {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6cca8a;
}

/* Nutrition Section */
#nutrition .card {
    margin-bottom: 1.5rem;
    background-color: #ffffff;
}

#nutrition .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
}

#nutrition .badge {
    font-weight: 500;
}

/* Badge Colors */
#nutrition .badge.bg-primary {
    background-color: #6c9fff !important;
}

#nutrition .badge.bg-success {
    background-color: #6cca8a !important;
}

#nutrition .badge.bg-warning {
    background-color: #ffd86e !important;
    color: #212529;
}

#nutrition .badge.bg-danger {
    background-color: #ff8c96 !important;
}

#nutrition .badge.bg-secondary {
    background-color: #a6b0b9 !important;
}

/* Loading Spinner */
.nutrition-loading {
    padding: 2rem 0;
}

/* Carousel Styling */
.carousel-inner {
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: #f8f9fa;
}

.carousel-item img {
    max-height: 400px;
    object-fit: contain;
}

/* Main container background */
.container.mt-5 {
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

/* Make tab content area white */
#recipeTabsContent {
    background-color: #ffffff;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}