/* List view card styling for anunt.net (scoped to .plist-item).
   NOTE: Core theme (style.min.css) already has .plist-item styles. This file overrides them.
*/

/* Card */
.plist-item{
  display:flex;
  gap:14px;
  padding:6px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:4px;
  background:#fff;
  box-shadow:none !important;
  transition:none !important;
}
.plist-item:hover{
  box-shadow:none !important;
}

/* Image container */
.plist-img-container{
  flex:0 0 216px;
  max-width:216px;
  aspect-ratio: 216 / 152;
  height:auto;
  overflow:hidden;
  border-radius:4px;
  background:#f3f4f6;
  position:relative; /* required for absolute overlay buttons */
}

.plist-img-container a{
  display:block;
  width:100%;
  height:100%;
}

.plist-img{
  display:block;
  width:100% !important;
  height:100% !important;
  border-radius:4px;
  object-fit:cover;
  background:#f3f4f6;
}

/* overlay buttons (wishlist/owner) */
.plist-img-container .product-item-options,
.plist-img-container .product-item-options .item-option{
  opacity:1 !important;
  visibility:visible !important;
}

/* make top-right favorite button same size as other overlay buttons */
.plist-img-container .product-item-options .item-option{
  width:34px !important;
  height:34px !important;
  line-height:34px !important;
  right:8px; /* keep it slightly away from edge */
}

.plist-img-container .item-option{
  width:34px;height:34px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(0,0,0,.14);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  z-index:20;
}
.plist-img-container .item-option i{font-size:18px;color:#19324E;}

/* Details */
.plist-details{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
}

.plist-top{
  position:relative;
  padding-right:120px; /* space for top-right price */
}

.plist-title{
  margin:0;
  font-size:1.05rem;
  line-height:1.25;
}

/* 2-line clamp */
.plist-title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  color:#111827;
}

.plist-price-top{
  position:absolute;
  top:0;
  right:0;
  text-align:right;
  white-space:nowrap;
}

/* price badge (more evident) */
.plist-price-top .badge-pret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  background:#ffffff;
  border:0;
  box-shadow:none;
  color:#111827;
  font-weight:900;
  font-size:1.15rem;
  line-height:1.2;
  border-radius:4px;
}

.plist-price-top .badge-pret *{margin:0;}
.plist-price-top .badge-pret .price,
.plist-price-top .badge-pret .price-free,
.plist-price-top .badge-pret a{color:#111827!important;}
.plist-price-top .badge-pret del{color:rgba(17,24,39,.55)!important;}

.plist-bottom{margin-top:8px;}

.plist-bottom [itemprop="description"]{
  color:#4b5563;
  font-size:.95rem;
}

.plist-meta-bottom{
  margin-top:auto;
  color:#6b7280;
  font-size:.92rem;
}

@media (max-width: 768px){
  .plist-item{gap:12px;padding:6px;border-radius:4px;}
  .plist-img-container{flex:0 0 140px;max-width:140px; aspect-ratio: 140 / 110;}
  .plist-title{font-size:1rem;}
  .plist-price-top .badge-pret{font-size:1.05rem;}
}

@media (max-width: 420px){
  .plist-img-container{flex:0 0 130px;max-width:130px; aspect-ratio: 130 / 102;}
}