/**
 * Centsation Frontend Stylesheet
 * Version: 37.1.0 (Bid History Tab Fix)
 */

/* ==========================================================================
   1. Heads-Up Display (HUD) Countdown
   ========================================================================== */
.woocommerce-product-gallery {
    position: relative !important;
}
.centsation-hud-placeholder {
    position: absolute; top: 15px; left: 0; right: 0; z-index: 10;
    display: flex; justify-content: center; padding: 0 15px;
}
.centsation-countdown {
    display: flex !important; gap: 8px; padding: 10px 18px;
    background-color: rgba(255, 255, 255, 0.8); border-radius: 4px !important;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.centsation-countdown .countdown-row { text-align: center; min-width: 45px; }
.centsation-countdown .countdown-amount { 
    font-size: 1.9em !important; 
    font-weight: 500 !important; 
    color: #1a1a1a !important; 
    line-height: 1.1 !important;
    padding-right: 3px !important;
}
.centsation-countdown .countdown-period { font-size: 0.6em !important; text-transform: uppercase; color: #333 !important; letter-spacing: 1.2px; }

/* ==========================================================================
   2. Radikal vereinfachtes Auktions-Cockpit
   ========================================================================== */
.centsation-cockpit-wrapper {
    background-color: #f8f9fa; border: 1px solid #dee2e6;
    border-radius: 4px !important; padding: 24px; margin-top: 1.5em;
    display: flex; flex-direction: column; gap: 18px;
}
.cockpit-main-display { text-align: center; order: 1; }
.cockpit-main-display .price-label { font-size: 0.9em; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; }
.cockpit-main-display .price { font-size: 3.8em; font-weight: 700; line-height: 1.1; color: #212529; margin: 0; }
.cockpit-action-area { order: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; }

/* ==========================================================================
   3. Finale Status-Pillen
   ========================================================================== */
.status-pill {
    font-size: 0.9em; font-weight: 500; padding: 6px 14px;
    border-radius: 4px !important; display: none; align-items: center; gap: 6px;
}
.status-pill.is-visible { display: flex; }
.status-pill .icon { font-size: 1.1em; line-height: 1; }
.status-pill.pill-winning { background-color: #28a745; color: #fff; }
.status-pill.pill-outbid { background-color: #dc3545; color: #fff; }
.status-pill.pill-low-credits { background-color: #ffc107; color: #000; }
.status-pill.pill-no-credits { background-color: #6c757d; color: #fff; }

/* ==========================================================================
   4. Der finale "Smart-Button"
   ========================================================================== */
.bid-now-button {
    width: 100% !important; height: 60px !important; padding: 10px 20px !important;
    border: none !important; border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    display: flex !important; justify-content: center; align-items: center;
    gap: 10px; color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.bid-now-button .bid-icon { font-style: normal; display: inline-block; font-size: 1.2em; line-height: 1; }
.bid-now-button.state-default { background-color: #007bff !important; }
.bid-now-button.state-default:hover:not(:disabled) { background-color: #0056b3 !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }
.bid-now-button.state-outbid { background-color: #dc3545 !important; }
.bid-now-button.state-outbid:hover:not(:disabled) { background-color: #b02a37 !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(180,42,55,0.25); }
.bid-now-button.state-winning { background-color: #28a745 !important; }
.bid-now-button.state-winning:hover:not(:disabled) { background-color: #218838 !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(40, 167, 69, 0.25); }
.bid-now-button.state-no-credits { background-color: #6c757d !important; }
.bid-now-button.state-no-credits:hover:not(:disabled) { background-color: #5a6268 !important; }
.bid-now-button.is-loading { animation: pulse-blue 1.5s infinite; }
@keyframes pulse-blue { 0% {box-shadow: 0 0 0 0 rgba(0,123,255,0.5);} 70% {box-shadow: 0 0 0 12px rgba(0,123,255,0);} 100% {box-shadow: 0 0 0 0 rgba(0,123,255,0);} }

/* ==========================================================================
   5. Finaler, animierter Live Bid Feed (Optimiert)
   ========================================================================== */
.live-bid-feed {
    width: 100%;
    font-size: 0.9em;
    color: #6c757d;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 15px; /* Abstand nach oben, wenn Gebote da sind */
}
.live-bid-feed:empty {
    display: none;
}
.bid-feed-entry {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    animation: fadeInSmooth 0.4s ease-out forwards;
}
.bid-feed-entry.is-fading-out {
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    opacity: 0;
    transform: scale(0.95);
}
@keyframes fadeInSmooth {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ==========================================================================
   6. Finale Ergebnis-Buttons & Sonstiges
   ========================================================================== */
.cockpit-result-area .button, .cockpit-result-area .button.alt {
    width: 100% !important; border-radius: 4px !important;
    font-size: 14px !important; padding: 1em 1.8em !important;
    text-transform: uppercase !important; font-weight: 700 !important;
    letter-spacing: 0.5px;
}
.cockpit-result-area { padding: 1.5em; border-radius: 4px !important; text-align: center; }
.cockpit-result-area h4 { margin: 0 0 .5em; font-size: 1.5em; display: flex; align-items: center; justify-content: center; gap: 10px; }
.cockpit-result-area p { margin-bottom: 1.5em; font-size: 1.1em; color: #495057; }
.winner-info { background-color: #e9f7ef; border: 1px solid #a3d9b8; color: #1d643b; }
.winner-info h4, .winner-info .icon { color: #157347; }
.second-chance-info { background-color: #e6f7ff; border: 1px solid #91d5ff; color: #0050b3; }
.second-chance-info h4, .second-chance-info .icon { color: #096dd9; }
.reserve-not-met, .ended-without-winner { background-color: #fffbe6; border: 1px solid #ffe58f; color: #874d00; }
.reserve-not-met h4, .ended-without-winner h4 { color: #ad6800; }

/* ==========================================================================
   7. NEU: Styling für den Gebotsverlauf-Tab
   ========================================================================== */
.woocommerce-tabs .panel#tab-centsation_bid_history {
    padding: 0 !important; /* Entfernt den Standard-Innenabstand des Panels */
}

.centsation-bid-history-content .shop_table {
    width: 100%;
    border: none !important; /* Kein doppelter Rahmen */
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.centsation-bid-history-content .shop_table th {
    background-color: #f8f9fa;
}

.centsation-bid-history-content .shop_table td {
    border-top: 1px solid #e9ecef;
}

/* Letzte Zeile ohne unteren Rand */
.centsation-bid-history-content .shop_table tr:last-child td {
    border-bottom: none;
}