/*
 * Auction
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 *
 *  @author    FME Modules
 *  @copyright 2021 FMM Modules All right reserved
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 *  @category  FMM Modules
 *  @package   Auction
 */
.auction-grid .auction-product-container {
    padding: 5px;
    margin-bottom: 26px;
    \/-moz-box-shadow: .8px .9px 3px grey;
    -webkit-box-shadow: .8px .9px 3px grey;
    -webkit-transition: box-shadow .6s ease-out;
    -moz-transition: box-shadow .6s ease-out;
    -o-transition: box-shadow .6s ease-out;
    transition: box-shadow .6s ease-out;
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
    margin-right: 16px;
    width: 250px;
    height: 485px;
    float: left;
    overflow: hidden;
}

 .auction-grid .button-container {
    margin-bottom: 5px;
}

 .auction-grid .auction-right-block {
    margin-top: 10px;
}

.auction-grid .auction-product-attributes {
    font-size: 12px;
    font-weight: bold;
}
.auction_theme_default .auction-grid .auction-product-attributes .attr_left {
    float: left;
}

.auction_theme_default .auction-grid .auction-product-attributes .attr_right {
    float: right;
}

.auction_theme_default .auction-grid .lnk_view.highest_bid {
    width: 100%;
}

 .auction-grid .button-container {
    text-align: center;
}
 .auction-grid .auction-product-image-container {
    position: relative;
    overflow: hidden;
}
.auction_theme_default .auction-grid .highest_bid {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d6d4d4;
    border-image: none;
    border-radius: 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    min-height: 6px;
    overflow: hidden;
    padding: 10px 16%;
    position: relative;
    z-index: 1;
}
.auction_theme_default .auction-grid .flip-clock-wrapper {
    margin: 0em !important;
}

.auction_theme_default .auction-grid .flip-clock-wrapper ul {
    border-radius: 2px !important;
    font-size: 70px !important;
    height: 38px !important;
    width: 20px !important;
}

/*
.auction_theme_default .auction-grid .flip-clock-wrapper ul li a div div.inn {
    font-size: 20px !important;
}
*/

.auction_theme_default .auction-grid .flip-clock-divider {
    height: 40px !important;
}

.auction_theme_default .auction-grid .flip-clock-dot.top {
    top: 22% !important;
}

.auction_theme_default .auction-grid .flip-clock-dot.bottom {
    bottom: 14% !important;
}

.auction_theme_default .auction-grid .flip-clock-divider .flip-clock-label {
    right: -38px !important;
}

.auction_theme_default .auction-grid .flip-clock-divider.minutes .flip-clock-label {
    right: -43px !important;
}

.auction_theme_default .auction-grid .flip-clock-divider.seconds .flip-clock-label {
    right: -46px !important;
}

.auction_theme_default .auction-grid .flip-clock-wrapper {
    font-size: 12px !important;
}

.auction_theme_default .auction-grid ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
/* {
    display: inline-block;
    width: 60%;
    float: right;

} */
.auction_theme_default .auction-grid ul.pagination li {
    display: inline;
}

.auction_theme_default .auction-grid ul.pagination li a {
    color: black;
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #d4d4d4;
    font-size: 14px;
}

.auction_theme_default .auction-grid ul.pagination li a.current_page {
    background: #2fb5d2;
    color: #fff;
}

.auction_theme_default .auction-grid ul.pagination li a:hover {
    background: #2fb5d2;
    color: #fff;
}

.auction_theme_default .auction-grid .auction-status  {
    height: 120px;
    margin-top: 30px;
    font-size: 35px;
    text-align: center;
}
.auction_theme_default .auction-grid .auction-upcoming {
    height: 100px;
    margin-top: 10px;
    font-size: 30px;
    text-align: center;
}

/* === Intégration depuis theme custom.css (2025-09-29) === */
/* Corriger alignement image en page d'enchères et arrondir */
.auction-grid .auction-product-image-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  border-radius: 5px;
  padding: 0px;
  transition: none;
}

/* Corriger couleurs de fond et alignement nom de produit en page d'enchères */
.auction-grid .auction-right-block {
  margin-top: 10px;
  background-color: #d2e4bd;
  border-radius: 5px;
  font-weight: 700;
  font-size: .875rem;
  text-decoration: none;
  text-align: center;
  padding: 5px;
}

/* Corriger dépassement fond blanc en page produit du div */
.auction-grid {
  display: flex; /* Active Flexbox */
  flex-wrap: wrap; /* Permet de passer à la ligne si nécessaire */
  gap: 16px; /* Gestion automatique de l'espacement */
}

/* Corriger affichage enchères vue en grille */
.auction-grid .auction-product-container {
  padding: unset;
  flex: 1 1 calc(25% - 16px); /* 4 colonnes par ligne avec un espacement de 16px */
  max-width: calc(25% - 16px); /* Largeur maximum pour garantir une disposition uniforme */
  margin-bottom: 16px; /* Espacement vertical entre les cartes */
  box-sizing: border-box; /* Inclure bordures et padding dans le calcul de la largeur */
  transition: none; /* Pas d'animation par défaut */
  border: none; /* Pas de bordure */
  background-color: transparent; /* Fond transparent */
  position: relative; /* Maintenir pour le positionnement des éléments internes */
  overflow: hidden; /* Empêcher tout débordement */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Espacement entre les éléments */
  height: auto;
  background-color: #d2e4bd;
}

/* Corriger affichage enchères à venir v4.0 */
.auction_theme_default .auction-grid .auction-upcoming {
  height: 6rem;
  font-size: 1.7rem;
}

/* Responsive pour tablettes */
@media (max-width: 1200px) {
  .auction-grid .auction-product-container {
    flex: 1 1 calc(33.333% - 16px); /* 3 colonnes par ligne */
    max-width: calc(33.333% - 16px);
  }
}

/* Responsive pour petits écrans et tablettes en mode portrait */
@media (max-width: 768px) {
  .auction-grid .auction-product-container {
    flex: 1 1 calc(50% - 16px); /* 2 colonnes par ligne */
    max-width: calc(50% - 16px);
  }
}

/* Responsive pour mobiles */
@media (max-width: 576px) {
  .auction-grid .auction-product-container {
    flex: 1 1 100%; /* 1 colonne par ligne */
    max-width: 100%;
  }
}

/* Corriger affichage du titre des enchères en mode grille */
.auction-grid .auction-right-block a.product-name {
  color: #7a7a7a; /* Garde la couleur par défaut */
  text-transform: none;
  display:block;
  white-space: nowrap; /* Empêche les retours à la ligne */
  overflow: hidden; /* Masque le texte qui dépasse */
  text-overflow: ellipsis; /* Ajoute "..." si le texte dépasse la largeur */
  text-decoration: none; /* Supprime le soulignement */
  background-color: transparent; /* Fond par défaut */
  border-radius: 0; /* Pas d'arrondi initial */
}

/* Corriger affichage du titre des enchères en mode grille - Ajout du hover */
.auction-grid .auction-right-block a.product-name:hover {
  color:#337a5f;
  font-weight:1000;
  background-color:#edf0ce;
  border-radius:5px;
  transition:all 0.3s ease-in-out;
}
