/* css/auction.css */

.auction-container {

    background: #f8f9fa;

    border-radius: 8px;

    padding: 20px;

    margin: 20px 0;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}

.auction-status {

    margin-bottom: 20px;

}

.auction-info {

    background: white;

    padding: 15px;

    border-radius: 6px;

    margin-bottom: 20px;

}

.auction-info p {

    margin: 10px 0;

    font-size: 16px;

    display: flex;

    justify-content: space-between;

}

.minimum-price {

    color: #666;

}

.current-bid {

    font-size: 18px;

    font-weight: bold;

    color: #2c3e50;

}

.highest-bidder {

    color: #34495e;

}

.time-left {

    color: #e74c3c;

    font-weight: bold;

}

.bidding-form {

    background: white;

    padding: 20px;

    border-radius: 6px;

}

.bid-form,

.autobid-form {

    margin-bottom: 20px;

}

.input-group {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 15px;

}

input[type="number"] {

    flex: 1;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 4px;

    font-size: 16px;

}

button {

    background: #2ecc71;

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    transition: background-color 0.3s;

}

button:hover {

    background: #27ae60;

}

.autobid-section {

    border-top: 1px solid #eee;

    padding-top: 20px;

    margin-top: 20px;

}

.autobid-section h4 {

    margin-bottom: 15px;

    color: #2c3e50;

}

.autobid-section {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #eee;

}

.autobid-section h4 {

    margin-bottom: 15px;

    font-size: 18px;

    color: #333;

}

.autobid-section .input-group {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 15px;

}

.autobid-section label {

    min-width: 120px;

}

.autobid-section .current-autobid {

    margin-top: 10px;

    padding: 10px;

    background: #f0f8ff;

    border-radius: 4px;

    color: #0066cc;

}

.current-autobid {

    background: #f1f8ff;

    padding: 10px;

    border-radius: 4px;

    margin-top: 10px;

    color: #2980b9;

}

.login-prompt {

    text-align: center;

    padding: 20px;

    background: white;

    border-radius: 6px;

}

.login-prompt a {

    color: #3498db;

    text-decoration: none;

}

.login-prompt a:hover {

    text-decoration: underline;

}

/* Animation for bid updates */

@keyframes highlight {

    0% { background-color: #fffde7; }

    100% { background-color: white; }

}

.highlight {

    animation: highlight 1s ease-out;

}