.bf-listing-author {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #555;
    margin: 6px 0;
}

.bf-author-avatar {
    border-radius: 50%;
}

.bf-button-more {
    margin-top: 10px;
}

.bf-button-disabled {
    background-color: #b22222 !important;
    cursor: not-allowed;
    opacity: 0.7;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
}

.bf-button-sold-owner {
    background-color: #b22222 !important;
    cursor: pointer; /* ενεργό */
    opacity: 1; /* πλήρης ορατότητα */
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
}

.bf-listing-card {
    position: relative;
}

.bf-no-ratings {
    opacity: 0.6;
}

.bf-listing-thumb.bf-thumb-fallback {
    width: 100%;
    height: 200px;
    background: #111;
    border-radius: 8px;
}

.bf-listing-img.bf-first-img {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    cursor: pointer;
    display: block;
    margin: 0 auto 10px;
}

.bf-listing-img.bf-hidden-img {
    display: none;
}

#bf-infinite-sentinel,
.bf-infinite-sentinel {
    height: 1px;
}

.bf-listing-thumb img {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    object-fit: contain;
    cursor: pointer;
    display: block;
    margin: 0 auto 10px;
}

.bf-thumb-hidden {
    display: none;
}

.bf-thumb-visible {
    display: block;
}

.bf-listing-thumb {
    position: relative;
}

.bf-skeleton-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.bf-infinite-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.bf-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 8px;
    padding: 4px 8px;
    background: rgba(0,0,0,0.45);
    border-radius: 6px;
    width: fit-content;
}

.bf-rating-stars {
    font-size: 15px;
    line-height: 1;
}

.bf-rating-stars .star {
    color: #444;
}

.bf-rating-stars .star.filled {
    color: gold;
    text-shadow: 0 0 4px rgba(255,215,0,0.6);
}

.bf-rating-meta {
    font-size: 12px;
    color: #ddd;
}

.bf-rating-label {
    display: block;
    font-size: 10px;
    color: #aaa;
    margin-bottom: 2px;
}

.bf-rating-value {
    display: flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
}

.bf-rating-value strong {
    color: gold;
    font-weight: bold;
}
		
	.bf-price-badge {
    display: inline-block;
    background: #28a745;     /* πράσινο */
    color: #fff;             /* άσπρα γράμματα */
    font-weight: bold;
    font-size: 1.1em;
    padding: 6px 12px;
    border-radius: 20px;     /* στρογγυλεμένες άκρες */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* ελαφριά σκιά */
}				
    .bf-all-promoted-cards {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }
    .bf-listing-card {
      width: 280px;
      background: #1b1b1b;
      border: 1px solid #333;
      border-radius: 8px;
      padding: 12px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.4);
      box-sizing: border-box;
      transition: box-shadow 0.3s ease, transform 0.3s ease;
      font-size: 14px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .bf-listing-card:hover {
      box-shadow: 0 8px 20px rgba(255, 215, 0, 0.7);
      transform: translateY(-5px);
    }
  .bf-listing-thumb img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      object-position: center;
      background: #111;
      border-radius: 8px;
      display: block;
      margin: 0 auto 10px auto;
      transition: transform 0.3s ease;
    }
    .bf-listing-thumb img:hover { transform: scale(1.05); }

    .bf-author-avatar {
      width: 20px !important;
      height: 20px !important;
      border-radius: 50% !important;
      vertical-align: middle;
      margin-right: 6px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
      transition: box-shadow 0.3s ease;
    }
    
/* ===== Avatar χρώμα ανά Seller Badge ===== */

/* 🏁 Starter Seller — μπλε */
.bf-author-avatar.bf-avatar-starter {
    border: 2px solid #00cfff !important;
    box-shadow: 0 0 6px rgba(0, 207, 255, 0.25);
}

/* ⚡ Active Seller — χρυσό */
.bf-author-avatar.bf-avatar-active {
    border: 2px solid #ffd700 !important;
    box-shadow: 0 0 6px rgba(255, 215, 0, 0.3);
}

/* 🔥 Advanced Seller — πορτοκαλί */
.bf-author-avatar.bf-avatar-advanced {
    border: 2px solid #ff8c00 !important;
    box-shadow: 0 0 7px rgba(255, 140, 0, 0.35);
}

/* 🏆 Top Seller — coral */
.bf-author-avatar.bf-avatar-top {
    border: 2px solid #ff6f61 !important;
    box-shadow: 0 0 9px rgba(255, 111, 97, 0.5);
}

/* Hover */
.bf-author-avatar:hover {
    filter: brightness(1.12);
}

    .bf-listing-card h3 {
      font-size: 15px;
      margin: 0 0 6px 0;
      color: gold;
    }
    .bf-listing-card p {
      color: #ccc;
      margin: 4px 0;
      font-size: 14px;
    }
    .bf-promoted-badge, .bf-new-badge {
    position: absolute;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    z-index: 10;
    user-select: none;
}

.bf-promoted-badge {
    top: 8px;
    left: 8px;
    background: #e03e2f;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 0 10px rgba(224, 62, 47, 0.45);
    white-space: nowrap;
}

.bf-new-badge {
    top: 8px;
    right: 45px;
    background: linear-gradient(135deg, #00bfff, #007acc) !important;
    color: #fff;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 0 10px rgba(0,191,255,.45);
    white-space: nowrap;
}
    .bf-button {
      margin-top: 10px;
      padding: 8px 16px;
      background: gold;
      color: #111;
      border-radius: 5px;
      font-weight: bold;
      text-decoration: none;
      display: inline-block;
      text-align: center;
      transition: background 0.3s ease;
    }
    .bf-button:hover {
      background: #e6b800;
      color: #111;
    }
		
/* ===== Skeleton Cards ===== */
.bf-skeleton-card {
    width: 280px;
    background: #1b1b1b;
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
}

.bf-skeleton-thumb,
.bf-skeleton-line {
    background: linear-gradient(
        90deg,
        #222 25%,
        #333 37%,
        #222 63%
    );
    background-size: 400% 100%;
    animation: bf-skeleton 1.4s ease infinite;
    border-radius: 6px;
}

.bf-skeleton-thumb {
    height: 200px;
}

.bf-skeleton-line {
    height: 14px;
    margin-top: 10px;
}

.bf-skeleton-line.short { width: 40%; }
.bf-skeleton-line.medium { width: 60%; }
.bf-skeleton-line.long { width: 85%; }

@keyframes bf-skeleton {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}	
		
/* Desktop hover effect */
@media (min-width: 769px) {
  /* Normal αγγελία — χρυσή ambient σκιά */
  .bf-listing-card:hover {
    box-shadow: 0 8px 20px rgba(255, 215, 0, 0.7);
    transform: translateY(-5px);
  }

  /* Προωθημένη αγγελία — κόκκινη ambient σκιά */
  .bf-listing-card.bf-promoted-glow:hover {
    box-shadow:
      0 14px 36px rgba(224, 62, 47, 0.45),
      0 0 26px rgba(224, 62, 47, 0.55);
    transform: translateY(-5px);
  }
}

/* Mobile & tablet: χρησιμοποιούμε bf-in-view αντί για hover */
@media (max-width: 768px) {
  /* Normal αγγελία — χρυσή ambient σκιά */
  .bf-listing-card.bf-in-view:not(.bf-promoted-glow) {
    box-shadow:
      0 8px 20px rgba(255, 215, 0, 0.7);
    transform: translateY(-5px);
  }

  /* Προωθημένη αγγελία — κόκκινη ambient σκιά */
  .bf-listing-card.bf-in-view.bf-promoted-glow {
    box-shadow:
      0 14px 36px rgba(224, 62, 47, 0.45),
      0 0 26px rgba(224, 62, 47, 0.55);
    transform: translateY(-5px);
  }
}