/* Main Container */
main.container {
    max-width: 800px; /* Restrict maximum width for readability */
    margin: 40px auto; /* Center the content */
    padding: 25px; /* Padding around the container */
    border-radius: 16px; /* Soft rounding for smooth edges */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* Shadow for depth */
    background: rgba(47, 79, 47, 0.85); /* Semi-transparent dark green */
    transition: all 0.3s ease; /* Smooth transitions */
}

/* Page Title */
h1 {
    font-size: 2em; /* Larger font size for the title */
    font-weight: bold; /* Bold font weight */
    text-align: center; /* Centered alignment */
    color: #e6ffe6; /* Light green text color */
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
    margin-bottom: 20px; /* Space below the title */
}

/* Cart Table */
.table {
    width: 100%; /* Full width for the table */
    border-collapse: collapse; /* Ensure no gaps between cells */
}

.table th, .table td {
    padding: 10px; /* Padding for table cells */
    border: 1px solid #ddd; /* Light border for table cells */
    text-align: center; /* Centered text */
}

.table th {
    background-color: #f5f5f5; /* Light background for headers */
    font-weight: bold; /* Bold font weight for headers */
}

.table td {
    color: #e6ffe6; /* Light green text color for consistency */
}

/* Bold Text for Total Price */
.font-weight-bold {
    font-weight: bold; /* Bold font weight */
    color: #e6ffe6; /* Light green text color */
}

/* Button Styles */
.btn {
    padding: 10px; /* Padding for buttons */
    border-radius: 5px; /* Rounded corners */
    border: none; /* No border */
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease; /* Smooth transitions */
}

.btn-primary {
    background: linear-gradient(90deg, #3b6b3b, #1e401e); /* Matching gradient for weed-style theme */
    color: #ffffff; /* White text color */
}

.btn-primary:hover {
    transform: scale(1.1); /* Slight zoom on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Shadow on hover */
}

.user-info {
    text-align: right;
}


        /* Cart Table */
        .table {
            width: 100%; /* Full width for the table */
            border-collapse: collapse; /* Ensure no gaps between cells */
            
        }

        .table th, .table td {
            padding: 10px; /* Padding for table cells */
            border: 1px solid #ddd; /* Light border for table cells */
            text-align: center; /* Centered text */
        }

        .table th {
            background-color: #1b5823; /* Light background for headers */
            font-weight: bold; /* Bold font weight for headers */
        }

        .table td {
            color: #e6ffe6; /* Light green text color for consistency */
        }
/* Responsive Design */
@media (max-width: 768px) {
    main.container {
        padding: 20px; /* Adjusted padding for smaller screens */
        border-radius: 10px; /* Smaller rounded corners */
    }

    h1 {
        font-size: 1.5em; /* Adjusted font size for smaller screens */
    }

    .table th, .table td {
        padding: 8px; /* Adjusted padding for smaller screens */
    }

    .btn {
        padding: 8px; /* Smaller padding for buttons */
    }
}