.auctioneer-wrap .auctioneer-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px 18px;
  margin: 16px 0;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.auctioneer-wrap h2 { margin: 0 0 12px; }

.auctioneer-wrap .grid-2,
.auctioneer-wrap .grid-3,
.auctioneer-wrap .grid-4 {
  display: grid;
  gap: 12px;
}
.auctioneer-wrap .grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.auctioneer-wrap .grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.auctioneer-wrap .grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 1200px) {
  .auctioneer-wrap .grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 782px) {
  .auctioneer-wrap .grid-2,
  .auctioneer-wrap .grid-3,
  .auctioneer-wrap .grid-4 { grid-template-columns: 1fr; }
}

.auctioneer-wrap label { display: block; font-weight: 600; }
.auctioneer-wrap input[type="text"],
.auctioneer-wrap input[type="number"],
.auctioneer-wrap input[type="datetime-local"],
.auctioneer-wrap textarea {
  width: 100%;
  margin-top: 6px;
}

.image-field .preview { margin-top: 8px; }
.image-field .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; }

.auctioneer-specs { width: 100%; border-collapse: collapse; }
.auctioneer-specs td { border: 1px solid #eee; padding: 6px 8px; }

.auctioneer-specs tr:nth-child(odd) {
    background-color: #ffffff; /* white rows */
}

.auctioneer-specs tr:nth-child(even) {
    background-color: rgba(0, 119, 177, 0.08); /* light blue rows */
}

/* Make the VIN row always white */
.auctioneer-specs tr:last-child {
    background-color: #ffffff !important;
}

.auctioneer-specs td {
    border: 1px solid #eee;
    padding: 6px 8px;
}

.auctioneer-specs td strong {
    font-weight: 600;
}

/* Ensure labels and fields stack vertically */
.auctioneer-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.auctioneer-form select,
.auctioneer-form input[type="text"],
.auctioneer-form input[type="number"] {
    width: 100%;
    display: block;
    margin-top: 4px;
    padding: 6px 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* ==============================
   Font Import (Outfit)
   ============================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap');

#vehicle-filter-form {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin-top: 15px;
}

#vehicle-filter-form .filter-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#vehicle-filter-form select {
    background-color: rgba(0, 0, 0, 0.05);
    border: none;
    border-bottom: 2px solid black;
    padding: 10px 15px;
    outline: none;
    font-family: inherit;
    font-size: inherit;
    flex: 1;
    min-width: 150px;
}

#vehicle-filter-form button {
    background-color: black;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    padding: 10px 20px;
    white-space: nowrap;
}

#vehicle-filter-form button:hover {
    background-color: #0077b1;
}


/* ==============================
   UWA Custom Bid Box
   ============================== */
#uwa-custom-bid-box {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin-top: 15px;
}

.uwa-bid-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

#uwa-custom-bid-box input#uwa_bid_amount {
    background-color: rgba(0, 0, 0, 0.05);
    border: none;
    border-bottom: 2px solid black;
    padding: 10px 15px;
    outline: none;
    font-family: inherit;
    font-size: inherit;
    flex: 1;
    min-width: 120px;
}

#uwa-custom-bid-box button {
    background-color: black;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    padding: 10px 20px;
    white-space: nowrap;
}

#uwa-custom-bid-box button:hover {
    background-color: #0077b1;
}

/* ==============================
   UWA Bid Messages
   ============================== */
.uwa-message {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    margin: 8px 0;
    padding: 10px 14px;
    border-radius: 4px;
}

.uwa-message.success {
    background-color: #e6f9ed;
    color: #0a7a28;
    border: 1px solid #0a7a28;
}

.uwa-message.info {
    background-color: #eef6ff;
    color: #0056a3;
    border: 1px solid #0056a3;
}

.uwa-message.error {
    background-color: #ffecec;
    color: #d60000;
    border: 1px solid #d60000;
}

/* ==============================
   UWA Countdown Timer
   ============================== */
.uwa-countdown-row {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    margin: 10px 0;
}

.uwa-countdown strong,
.uwa-end-date strong {
    font-weight: 600;
}

.uwa-countdown .uwa-timer {
    font-weight: bold;
    color: #d60000; /* red timer text */
}