/* ========================================
   L&P Components
   Shared styles for homepage, Branchenportale and auction pages
======================================== */

.lp-components-test {
    outline: 3px solid red;
}

/* ========================================
   Auction Media Row (Tiles)
======================================== */

.lp-auction-media-row {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.lp-auction-tile {
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #304750;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

.lp-auction-tile i.fa {
    font-size: 28px;
    margin-bottom: 6px;
    line-height: 1;
}

.lp-auction-tile--image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.lp-auction-tile--spacer {
    background: transparent;
    border: none;
}

/* Positionen-Text (unterhalb der Tiles) */

.a_row.r1 {
    max-width: 624px; /* exakt Breite der 5 Bild-Tiles */
}

.a_row.r1 a,
.uvm {
    font-size: 12px;
}

/* optional: Linkfarbe */
body.page-template-template-lp-branchenportal .a_row.r1 a {
    color: rgb(48, 71, 80);
}

/* Trenner zwischen Verwertungen */

.fb_auction_entry {
    border-bottom: 10px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.fb_auction_entry:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Hover für interaktive Tiles */

.lp-auction-tile--catalog:hover,
.lp-auction-tile--countdown:hover {
    background: #f19300;
    color: #ffffff;
    border-color: #f19300;
}

.lp-auction-tile--catalog:hover i,
.lp-auction-tile--countdown:hover i {
    color: #ffffff;
}

.lp-auction-tile:hover {
    text-decoration: none !important;
}