/* styles.css */

/* Custom style for the dropdown menu */
.custom-dropdown-menu {
    padding: 0.4rem; /* Adjust padding if needed */
    min-width: 0;
}

/* Custom style for the logout button */
.custom-logout-btn {
    font-size: 0.8rem; /* Smaller font size */
    padding: 0.2rem 0.2rem; /* Adjust padding to make the button smaller */
    margin: 0; /* Remove any default margin */
}

/* Keep the original styling for the layout */
.floating-container {
    position: relative; /* Ensure containers are positioned correctly */
}

/* Sidebar styling */
.floating-sidebar {
    position: sticky; /* Sticky positioning to make the sidebar stay within the viewport */
    top: 1rem; /* Space from the top of the viewport */
    width: 100%; /* Full width for smaller screens */
    background-color: #fff; /* Background color */
    border: 1px solid #ddd; /* Optional border */
    padding: 1rem; /* Padding */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Shadow for visibility */
    z-index: 100; /* Ensure it stays above other content */
}

.list-group-item .ingredient-details.line-through {
    text-decoration: line-through !important;
}

.text-center {
    text-align: center;
}

.text-danger {
    color: #dc3545; /* Bootstrap's default error color */
}

/* Reduce vertical spacing inside recipe cards */
.card-body {
    padding-bottom: 0.5rem !important;
    margin-bottom: 0 !important;
}


/* For mobile only */
@media (max-width: 576px) {
    .navbar {
        padding-top: 0.1rem !important;
        padding-bottom: 0.1rem !important;
    }

    .navbar-brand img {
        height: 40px !important;
    }
    .navbar-brand {
        font-size: 0.5rem !important;
    }
    .nav-link {
        font-size: 0.9rem !important;
    }
}