/**
 * Custom CSS pour le module Auction - Thème v3_drexel_35_child
 * Corrections d'espacement pour la page bidders_list UNIQUEMENT
 * IMPORTANT : Ne cible QUE #bidders-history pour éviter d'affecter la page d'accueil
 */

/* Container du thème moderne - UNIQUEMENT sur page bidders_list */
#bidders-history .auction_theme_modern .container {
    width: 65%;
    padding: 0;
}

@media screen and (max-width: 1550px) {
    #bidders-history .auction_theme_modern .container {
        width: 90%;
        padding: 0;
    }
}

/* Espacement pour les contrôles DataTables - UNIQUEMENT sur #bidders-history */
#bidders-history .dataTables_wrapper {
    margin-bottom: 20px;
}

#bidders-history .auction_bids_search {
    margin-bottom: 15px;
    min-height: 40px;
}

#bidders-history .auction-time-wrapper {
    margin-bottom: 20px;
    clear: both;
}

#bidders-history .dataTables_length,
#bidders-history .dataTables_filter {
    margin-bottom: 10px;
}

/* Assurer que les floats ne se chevauchent pas - UNIQUEMENT sur #bidders-history */
#bidders-history .au-fl {
    float: left;
    margin-right: 15px;
}

#bidders-history .au-fr {
    float: right;
    margin-left: 15px;
}

#bidders-history .au-clr-both {
    clear: both;
}

/* Règles pour le dashboard auction (mes offres, watchlist, won) */
.auction-dashboard .dataTables_wrapper {
    margin-bottom: 20px;
}

.auction-dashboard .dataTables_length,
.auction-dashboard .dataTables_filter {
    margin-bottom: 10px;
}

/**
 * Fix tableau cassé quand produit supprimé
 * Force dimensions fixes pour images
 */
.auction-product-image-container,
.auction_theme_modern .auction-product-image-container-modern {
    min-height: 200px;
    min-width: 200px;
    background: #f5f5f5;
    display: inline-flex;
}

.auction-product-image-container img,
.auction_theme_modern .auction-product-image-container-modern img {
    min-height: 200px;
    min-width: 200px;
    max-height: 200px;
    max-width: 200px;
    object-fit: cover;
}

/**
 * Fix affichage du timer - plus d'espace pour jours/heures/minutes/secondes
 */
.auction_theme_modern .auction_timer-modern,
.auction_theme_modern .auction_flip {
    display: flex;
    gap: 2.5px;
}

.auction_theme_modern .auction_timer-modern > div,
.auction_theme_modern .auction_flip > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/**
 * Fix largeur uniforme pour toutes les enchères sur homepage
 */
.item.clearfix {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.item.clearfix > *,
.item.clearfix .auction_product_price,
.item.clearfix .auction_product_price strong,
.item.clearfix .button-container,
.item.clearfix .auction_psNew,
.item.clearfix .lnk_view.highest_bid {
    width: 100% !important;
    /* display: block !important; */
}

/* Centrer le temps pour le thème classique / défaut */
.bottom_block .auction_clock .flip-clock-wrapper {
    display: flex;
    justify-content: center;
    align-items: center; 
}

/* léger espace entre les ":" */
.flip-clock-divider {
    margin: 0 px;
}

/* La searchbar était mal positionné pour le mode défaut */
/* Ceci cible le thème "Défaut" */
.block-center #auction-bidding-history_filter,
.block-center #auction-watchlist_filter {
    display: flex;
    justify-content: flex-end;
}

/* 2. On ANNULE ce style spécifiquement pour le thème "Moderne" */
.auction-tab-content-modern #auction-bidding-history_filter,
.auction-tab-content-modern #auction-watchlist_filter {
    display: block;
    justify-content: initial;
}

/* Image pour le panier vide et eviter le texte en anglais "No product add in cart" */
.ttvcmscart-show-dropdown-right.open>.ttvcart-no-product,
.ttvcmscart-show-dropdown-right>.ttvcart-no-product {
  background-image: url(../img/themevolty/empty_cart.png);
  background-position: center;
  min-height: 100%;
  background-repeat: no-repeat;
}