/* === Auction marker – wspólne podstawy tylko wewnątrz [data-auction-marker] === */

[data-auction-marker] .auction-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
[data-auction-marker] .auction-row__body{display:flex;flex-direction:column;gap:3px;min-width:0}
[data-auction-marker] .auction-row__text{
  font-size:13px;font-weight:600;line-height:1.25;color:#1f2a44;
  white-space:normal;overflow-wrap:anywhere
}
[data-auction-marker] .auction-row__timer{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;white-space:nowrap;color:#273248
}
[data-auction-marker] .auction-row__timer .label{
  color:#7c8393;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-right:4px
}
[data-auction-marker] .auction-row__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Chipy – wyłącznie wewnątrz markera */
[data-auction-marker] .listings-status2.auction{
  display:inline-flex;align-items:center;justify-content:center;
  height:28px;padding:6px 12px;border-radius:999px;
  font-weight:600;font-size:12.5px;white-space:nowrap;box-sizing:border-box;
  border:1px solid #e3e7f2;background:#f3f6fb;color:#3b4a67;max-width:100%
}
[data-auction-marker] .listings-status2.auction.live{
  background:#e5f8ea;border-color:#c4edd2;color:#169954;position:relative;padding-left:28px
}
[data-auction-marker] .listings-status2.auction.live::before{
  content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:10px;height:10px;border-radius:50%;background:#16a34a;
  box-shadow:0 0 0 0 rgba(22,163,74,.45);animation:pulseDot 1.6s ease-in-out infinite
}
[data-auction-marker] .listings-status2.auction.lastcall{background:#fff1f1;border-color:#f1c5c5;color:#b11c2d}
[data-auction-marker] .listings-status2.auction.scheduled{background:#fff6eb;border-color:#ffd9bf;color:#a64b24}
[data-auction-marker] .listings-status2.auction.ended{background:#f1f3f8;border-color:#dcdfe7;color:#444b55}

@keyframes pulseDot{
  0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}
  70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}
  100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}
}

/* === DETAL (po wejściu w ogłoszenie) – pełny blok z tłem i timerem === */
.car-details-info  [data-auction-marker],
.car-details-right [data-auction-marker],
.car-details-box   [data-auction-marker]{
  position:static;display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  width:100%;margin:10px 0 14px;padding:12px 14px;box-sizing:border-box;
  background:#f6f9ff;border:1px solid #d7e2f0;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.04)
}
/* (w detalu opis może być wielowierszowy – bez zmian) */


/* === LISTING (kafel ogłoszeniowy) – FINAL: 1 wiersz + elipsa, bez rozpychania === */
/* UWAGA: zawężone WYŁĄCZNIE do markera w kolumnie statusów */
.listings-status-col > [data-auction-marker].marker--listing{
  display:flex !important;               /* rządowy układ: opis + chip */
  align-items:center !important;
  gap:8px !important;
  width:170px !important;                /* zgodnie z szerokością kolumny */
  min-height:28px !important;            /* wysokość jak chipy */
  margin:-33px 0 0px -16 !important;
  padding:6px 10px !important;
  border:1px solid #d7e2f0;
  border-radius:12px;
  background:#f6f9ff;
  box-sizing:border-box;
  overflow:hidden !important;            /* nic nie wyjedzie poza box */
}

/* treść: zawsze 1 linia + elipsa (koniec clampów) */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__body{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:1 1 auto !important;
  min-width:0 !important;                /* pozwala na elipsę */
}
.listings-status-col > [data-auction-marker].marker--listing .auction-row__text{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  line-height:28px !important;           /* pionowe wyrównanie do chipa */
  height:28px !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

/* w listingu timer ma być ukryty (zostaje w detalu) */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__timer{
  display:none !important;
}

/* chip po prawej, nie łamie się i nie znika */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__chips{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}
.listings-status-col > [data-auction-marker].marker--listing .listings-status2.auction{
  height:28px; padding:6px 10px; font-size:12.5px; max-width:100%;
}
/* === LISTING: tekst nad chipem (2 linie w tym samym tle) === */
.listings-status-col > [data-auction-marker].marker--listing{
  display: flex !important;
  flex-direction: column !important;   /* zamiast w jednym rzędzie */
  align-items: flex-start !important;
  gap: 4px !important;                 /* mały odstęp między tekstem a chipem */
  width: 170px !important;
  margin:-33px 0 0px -16px !important;
  padding: 8px 10px !important;
  border: 1px solid #d7e2f0;
  border-radius: 12px;
  background: #f6f9ff;
  box-sizing: border-box;
  overflow: hidden;
}

/* tekst – pełna szerokość, elipsa jeśli zbyt długi */
/* tekst – może się łamać w 2 liniach, bez elipsy */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__text{
  display: block !important;
  white-space: normal !important;        /* pozwól łamać linie */
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12.5px;
  font-weight: 600;
  color: #1f2a44;
  line-height: 1.3;
  width: 100%;
  max-height: 2.6em;                     /* maks. 2 linie */
}


/* chip pod tekstem, wyśrodkowany w niebieskim tle */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__chips{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100%;
  white-space: nowrap !important;
}
/* === LISTING: tekst nad chipem, bez ucinania === */
.listings-status-col > [data-auction-marker].marker--listing{
  display: flex !important;
  flex-direction: column !important;      /* najpierw tekst, pod nim chip */
  align-items: flex-start !important;
  padding: 8px 10px !important;           /* odrobinę wyższe tło */
}

.listings-status-col > [data-auction-marker].marker--listing .auction-row__body{
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

.listings-status-col > [data-auction-marker].marker--listing .auction-row__text{
  display: block !important;
  white-space: normal !important;          /* pozwól łamać */
  word-break: break-word;
  overflow: visible !important;            /* NIC nie ucinamy */
  text-overflow: clip !important;
  height: auto !important;                 /* kasuje 28px z wersji kompaktowej */
  line-height: 1.3 !important;
  margin: 0 !important;
}

.listings-status-col > [data-auction-marker].marker--listing .auction-row__chips{
  width: 100%;
  margin-top: 6px;                         /* odstęp pod tekstem */
  flex: 0 0 auto !important;
  white-space: nowrap;
}

/* timer w listingu nadal ukryty */
.listings-status-col > [data-auction-marker].marker--listing .auction-row__timer{
  display: none !important;
}
/* MOBILE: marker aukcji w kolumnie statusów jak pastylki (<=800px) */
@media (max-width: 800px){
  .listings-status-col > [data-auction-marker].marker--listing{
    width: 85vw !important;
    max-width: 99vw !important;
    margin: 12px auto 0 !important;   /* wycentrowany – kasuje -20px z desktopu */
    padding: 10px 12px !important;
    box-sizing: border-box;
  }
}


  .listings-status-col > [data-auction-marker].marker--listing .auction-row__body {
    text-align: center !important;
    width: 100% !important;
  }

  .listings-status-col > [data-auction-marker].marker--listing .auction-row__chips {
    justify-content: center !important;
    width: 100% !important;
  }
}
/* Detale: chip jako link */
.car-details-info  [data-auction-marker] .auction-marker__link,
.car-details-right [data-auction-marker] .auction-marker__link,
.car-details-box   [data-auction-marker] .auction-marker__link{
  display: inline-flex;
  text-decoration: none;
}

.car-details-info  [data-auction-marker] .auction-marker__link:hover .listings-status2.auction,
.car-details-right [data-auction-marker] .auction-marker__link:hover .listings-status2.auction,
.car-details-box   [data-auction-marker] .auction-marker__link:hover .listings-status2.auction{
  box-shadow: 0 0 0 2px #cfe0ff inset;
}

/* anchor jako „opakowanie” chipa, nie zmienia wymiarów */
[data-auction-marker] .auction-marker__link{
  display:inline-flex;
  text-decoration:none;
}

/* na liście – zachowaj klasyczną wysokość i układ */
.listings-status-col [data-auction-marker] .auction-marker__link{
  flex:0 0 auto;
}