/* ===== AUCTION MODULE CSS - VERSION CONSERVATIVE ===== */
/* Amélioration progressive sans casser la structure existante */

/* ===== PANNEAU PRINCIPAL ===== */
.auction_theme_default #auction-block.auction_product {
    border: 2px solid #337a5f;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(51,122,95,0.2);
    margin: 20px 0;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    width: auto;
    min-width: 300px;
    max-width: 500px;
}

.auction_theme_default .auction-panel {
    background: #f0f1ec;
    padding: 8px 12px;
    box-sizing: border-box;
}

/* ===== SECTION TIMER AGRANDIE ET CENTRÉE ===== */
.auction_theme_default .auction-timer {
    background: #52a283;
    color: #edf0ce;
    padding: 15px 15px 20px 15px;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: visible;
    box-sizing: border-box;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    border: 2px solid #a8d85d;
}

.auction_theme_default .auction_timer_lineup {
    width: 100%;
    overflow: visible;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.auction_theme_default .auction_timer_inner {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.auction_theme_default .auction-time-wrapper {
    width: 100%;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.auction_theme_default .auction_timer.auction_flip {
    width: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
}

/* Centrage parfait avec Flexbox */
.auction_theme_default .flip-clock-wrapper {
    width: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
}

/* Masquer les labels originaux du FlipClock */
.auction_theme_default .flip-clock-label {
    display: none !important;
}

/* Positionner les labels directement sous chaque paire de FlipClock */
.auction_theme_default .flip-clock-wrapper {
    position: relative !important;
}

/* Créer des labels attachés aux éléments FlipClock pour maintenir l'alignement au zoom */

/* Label "Jours" - attaché au premier divider */
.auction_theme_default .flip-clock-divider.days::after {
    content: "Jours";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    font-size: 10px;
    color: #2c5f4a;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    width: 60px;
}

/* Label "Heures" - attaché au deuxième divider */
.auction_theme_default .flip-clock-divider.hours::after {
    content: "Heures";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    font-size: 10px;
    color: #2c5f4a;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    width: 60px;
}

/* Label "Minutes" - attaché au troisième divider */
.auction_theme_default .flip-clock-divider.minutes::after {
    content: "Minutes";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    font-size: 10px;
    color: #2c5f4a;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    width: 60px;
}

/* Label "Secondes" - attaché au quatrième divider */
.auction_theme_default .flip-clock-divider.seconds::after {
    content: "Secondes";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 5px;
    font-size: 10px;
    color: #2c5f4a;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    width: 60px;
}

/* S'assurer que les dividers sont positionnés relativement */
.auction_theme_default .flip-clock-divider {
    position: relative !important;
}

/* Ajuster la position des dividers pour centrer les labels sous les paires */
.auction_theme_default .flip-clock-divider.days::after {
    left: 240%;
}

.auction_theme_default .flip-clock-divider.hours::after {
    left: 240%;
}

.auction_theme_default .flip-clock-divider.minutes::after {
    left: 240%;
}

.auction_theme_default .flip-clock-divider.seconds::after {
    left: 240%;
}

.auction_theme_default .auction-watchers {
    background: rgba(255,255,255,0.2);
    padding: 8px 12px;
    border-radius: 15px;
    text-align: center;
    min-width: 60px;
    flex-shrink: 0;
}

.auction_theme_default .auction-watchers strong {
    font-size: 1.1em;
    display: block;
}

/* ===== PRIX D'ACHAT IMMÉDIAT - CACHÉ ===== */
.auction_theme_default .add-tocart-price-price,
.add-tocart-price-price {
    display: none !important;
}

.auction_theme_default .add-tocart-price-label,
.add-tocart-price-label {
    display: none !important;
}

.auction_theme_default .add-tocart-price,
.add-tocart-price {
    display: none !important;
}

/* Force le masquage même sans classe theme */
div.add-tocart-price-price {
    display: none !important;
}

/* ===== SECTION ENCHÈRE ACTUELLE ===== */
/*.auction_theme_default .auction-top {
    background: #52a28321;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 10px;
    border-left: 4px solid #337a5f;
}*/

.auction_theme_default .bid-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.auction_theme_default .auction_label {
    font-weight: 600;
    color: #495057;
    margin-right: 0;
}

.auction_theme_default .current-bid {
    font-size: 1.4em;
    font-weight: bold;
    color: #337a5f;
    margin-left: 0;
    display: contents;
}

.auction_theme_default .total-bids a {
    color: #52a283;
    text-decoration: none;
}

.auction_theme_default .total-bids a:hover {
    color: #337a5f;
    text-decoration: underline;
}

/* ===== SECTION ENCHÈRES ===== */
.auction_theme_default .auction_bidding_area {
    background: #eceee5;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0;
}

.auction_theme_default .auction-middle {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 5px;
}

.auction_theme_default .middle_inner_left {
    float: left;
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box;
}

.auction_theme_default .middle_inner_right {
    float: right;
    width: 50%;
    box-sizing: border-box;
}

.auction_theme_default .form-control {
    border: 2px solid #ced4da;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.95em;
    transition: all 0.3s ease;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    text-align: center;
    background: #f6fae7a6;
}

.auction_theme_default .form-control:focus {
    border-color: #337a5f;
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 95, 0.25);
    outline: none;
}

.auction_theme_default .price-hint {
    font-size: 0.95em;
    color: #6c757d;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 1.2;
    text-align: center;
}

.auction_theme_default .minimum-bid {
    color: #337a5f;
    font-weight: bold;
}

/* ===== BOUTONS ENCHÈRES - ISOLÉS ===== */
.auction_theme_default #auction-block .btn,
.auction_theme_default .auction-panel .btn,
.auction_theme_default .auction_bidding_area .btn,
.auction_theme_default .bid-button,
.auction_theme_default .auto-bid-button {
    padding: 9px 15px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: normal;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px;
    width: 100%;
    max-width: 200px;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auction_theme_default #auction-block .btn-primary,
.auction_theme_default .auction-panel .btn-primary,
.auction_theme_default .auction_bidding_area .btn-primary,
.auction_theme_default .bid-button {
    background: linear-gradient(135deg, #337a5f 0%, #52a283 100%);
    color: #edf0ce;
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(51,122,95,0.3);
}

.auction_theme_default #auction-block .btn-primary:hover,
.auction_theme_default .auction-panel .btn-primary:hover,
.auction_theme_default .auction_bidding_area .btn-primary:hover,
.auction_theme_default .bid-button:hover {
  background: #edf0ce;
  border: 1px solid #347b60;
  color: #347b60;
}

.auction_theme_default .auto-bid-button {
    background: linear-gradient(135deg, #a8d85d 0%, #7da98b 100%);
    color: #337a5f;
}

.auction_theme_default .auto-bid-button:hover {
    background: linear-gradient(135deg, #7da98b 0%, #a8d85d 100%);
    transform: translateY(-2px);
}

/* ===== AUTO-ENCHÈRES ===== */
.auction_theme_default .auction-auto-bidding {
    border-top: 2px solid #dee2e6;
    padding-top: 20px;
    margin-top: 20px;
}

.auction_theme_default .autobid-info {
    background: #f0f1ec;
    border: 1px solid #a8d85d;
    border-radius: 6px;
    padding: 15px;
    margin-top: 15px;
}

.auction_theme_default .outbid-price {
    color: #337a5f;
    font-weight: bold;
}

.auction_theme_default .remove-autobid {
    color: #7a7a7a;
    text-decoration: none;
    font-weight: 600;
}

.auction_theme_default .remove-autobid:hover {
    color: #337a5f;
    text-decoration: underline;
}

/* ===== LISTE DE SURVEILLANCE ===== */
.auction_theme_default .follow-auction {
    color: #52a283;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8em;
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
    justify-content: center;
    line-height: 1.2;
}

.auction_theme_default .follow-auction:hover {
    color: #337a5f;
    text-decoration: underline;
}

/* ===== CORRECTION DÉBORDEMENT WATCHLIST ===== */
.auction_theme_default .auction-top.au-clr-both {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 0;
}

/* ===== REPOSITIONNEMENT DU COMPTEUR D'OFFRES ===== */
.auction_theme_default .top_inner_right.au-fr {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    position: static;
}

/* Placer le compteur d'offres à la même hauteur que le price-hint */
.auction_theme_default .auction_bidding_area .bids-counter-container {
    width: 50%;
    float: right;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    clear: none;
    position: relative;
    top: -20px;
}

.auction_theme_default .auction_bidding_area .top_inner_right.au-fr {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
    display: block;
    text-align: center;
    width: 100%;
}

.auction_theme_default .price-hint {
    margin-top: 2px;
    margin-bottom: 2px;
}

.auction_theme_default .total-bids {
    color: #666;
    font-size: 0.85em;
    text-decoration: none;
    white-space: nowrap;
}

.auction_theme_default .total-bids:hover {
    color: #337a5f;
    text-decoration: underline;
}

/* ===== ALERTES ===== */
.auction_theme_default .bid-alert {
    padding: 12px 20px;
    border-radius: 6px;
    margin: 15px 0;
    font-weight: 600;
}

.auction_theme_default .alert-warning {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    text-align: center;
}

.auction_theme_default .alert-danger {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* ===== Centrer bouton d'inscription participation enchères ===== */
.auction_top_lineup a {
  display: flex;
  justify-content: center;
}
.auction_top_lineup a .bid-alert {
  text-align: center;
}


/* ===== CLASSES UTILITAIRES CONSERVÉES ===== */
.auction_theme_default .au-fl {
    float: left;
}

.auction_theme_default .au-fr {
    float: right;
}

.auction_theme_default .au-clr-both {
    clear: both;
}

.auction_theme_default .au-clr-both::after {
    content: "";
    display: table;
    clear: both;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .auction_theme_default .auction-timer {
        padding: 25px 15px 45px 15px;
        min-height: 180px;
    }
    
    .auction_theme_default .auction_timer_inner {
        flex-direction: column;
        gap: 10px;
    }
    
    .auction_theme_default .auction_timer.auction_flip {
        transform: scale(1);
    }
    
    .auction_theme_default .flip-clock-wrapper {
        transform: scale(1) !important;
    }
    
    .auction_theme_default .price-hint-with-bids {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .auction_theme_default .middle_inner_left,
    .auction_theme_default .middle_inner_right {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }
    
    .auction_theme_default .auction_bidding_area .bids-counter-container {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    
    .auction_theme_default .bid-price {
        align-items: flex-start;
    }
    
    .auction_theme_default .auction-panel {
        padding: 12px;
    }
    
    .auction_theme_default .auction_bidding_area {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .auction_theme_default #auction-block.auction_product {
        margin: 10px 0;
        border-radius: 6px;
    }
    
    .auction_theme_default .auction-timer {
        padding: 20px 10px 40px 10px;
        min-height: 114px;
    }
    
    .auction_theme_default .auction_timer.auction_flip {
        transform: scale(1);
    }
    
    .auction_theme_default .flip-clock-wrapper {
        transform: scale(1) !important;
    }
    
    .auction_theme_default .auction-panel {
        padding: 10px;
    }
    
.auction_theme_default .auction_bidding_area {
    padding: 10px;
}

.auction_theme_default .btn {
        padding: 8px 15px;
        font-size: 0.85em;
    }
    
    .auction_theme_default .form-control {
        padding: 8px 10px;
        font-size: 0.9em;
    }
}

/* ===== LOADER ===== */
.auction_theme_default .auction_price_loader {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #337a5f;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ===== Fix pour centrer bouton enchérir sur mobile ===== */
.auction_theme_default .middle_inner_right {
  display: flex;
  justify-content: center; /* centre horizontal */
  align-items: center;     /* centre vertical (optionnel) */
  float: none !important;  /* supprime le float qui casse le centrage */
  text-align: center;      /* sécurité si inline-block */
}
.auction_theme_default .middle_inner_right .bid-button {
  display: inline-block;
  margin: 0 auto;
}


.auction_theme_default .auction_price {
  text-align: center;
  width: 100%;
}

.auction-dashboard .auction_price,
.auction-dashboard .auction_price .auction-price-value,
.auction-dashboard .auction_price .opening-bid,
.auction-dashboard .auction_price .user-best-bid {
  text-align: left;
  display: inline-block;
}

.auction-dashboard .auction_price .auction-price-value {
  font-size: 1.4em;
  margin-left: 6px;
}

.auction-dashboard .auction_price .fa {
  display: inline-block;
  vertical-align: middle;
}

.auction_theme_default .auction_price .auction-price-value {
  display: block;
  font-size: 1.4em;
}

.auction_theme_default .auction_price .auction-subinfo {
  margin-top: 8px;
  display: block;
  text-align: center;
  width: 100%;
}

.auction_theme_default .auction_price .opening-bid,
.auction_theme_default .auction_price .user-best-bid {
  display: block;
  margin-bottom: 2px;
}

.auction_theme_default .auction_price .opening-bid__value,
.auction_theme_default .auction_price .user-best-bid__value,
.auction_theme_default .auction_price .auction_label--sub {
  display: inline-block;
  font-size: 0.85em;
  line-height: 1.3;
}

.auction_theme_default .auction_price .fa {
  margin-right: 6px;
}

.auction_theme_default .auction_price .user-best-bid[hidden] {
  display: none !important;
}

.auction_theme_default .auction_buttons .fa {
  margin-right: 4px;
}


/* Personnaliser enchère page produit v4 */
.auction_theme_default .auction-panel {
  background-color: #eceee5;
  border-color: #ddd #ddd #ddd #337a5f;
}


/* === Intégration depuis theme custom.css (2025-09-29) === */
/* PAGE AUCTION */

/* Corriger couleur fond de titre de page d'enchère publique */

.auction_headings {
  background: #7da98b45;
  border-left: 5px solid #27ae601c;
  border-radius: 5px;
}

/* Corriger couleur nombre de page sélectionné */

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #337a5f;
  border: 1px solid #cacaca;
}

/* Corriger les boutons lors du hover */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 background:#7da98b;
 border:1px solid #337a5f;
}

/* Corriger couleur/contour de l'offre la plus élevée */

/* Corriger couleur du compteur */

/* Corriger couleur des deux points du compteur */

/* Corriger couleur de fond/cadre/écrits enchères à venir */
.alert-info {
  border-color: #d0e9c6;
  color: #3c763d;
  background-color: #dff0d8;
}

/* Mobile uniquement (max-width: 576px) Corriger les décallages*/
@media (max-width: 576px) {
  #auction-products.table-responsive {
    display: grid; /* Passe à un système de grille */
    grid-template-columns: 1fr; /* Une seule colonne pour chaque carte */
    justify-items: center; /* Centre horizontalement les cartes */
    row-gap: 16px; /* Espacement vertical entre les lignes */
  }

#auction-products.table-responsive .auction-product-container {
    width:15rem; /* Les cartes occupent toute la largeur */
    max-width:auto;
    margin: 0 auto; /* Centre la carte horizontalement */
  }
}

/* Corriger couleurs flèches enchères page d'accueil */

/* Icône de marteau pour les popups de confirmation */
.jconfirm-icon-c .auction-gavel-icon::before {
    content: 'gavel';
    font-family: 'Material Icons';
    font-size: 80px; /* Un peu réduit pour mieux s'intégrer */
    line-height: 1;
    color: #555; /* Une couleur neutre */
}