/* Warm Components for listings, detail, and forms — 2025-08-19 */
:root{
  --chip-bg: rgba(255,255,255,.6);
  --chip-border: rgba(255,255,255,.5);
  --chip-text: #7c2d12;
  --muted-ink:#53341e;
}

/* Buttons → warmify existing primaries */
.btn-primary{background-color:var(--warm-600); border-color:var(--warm-600)}
.btn-primary:hover{background-color:var(--warm-700); border-color:var(--warm-700)}

/* Listing grid */
.card-listing{border:0; border-radius:1rem; box-shadow: var(--shadow)}
.card-listing .card-body{padding: .9rem 1rem}
.card-listing .title{font-weight:700; color:var(--brown-800)}
.card-listing .meta{font-size:.8rem; opacity:.8}
.card-listing .price{font-weight:800; font-size:1.1rem; color:var(--warm-800)}
.card-listing .cover-holder{height:200px; overflow:hidden; border-top-left-radius:1rem; border-top-right-radius:1rem}
.card-listing .cover-holder>img{width:100%; height:200px; object-fit:cover; display:block}
.card-listing:hover{transform: translateY(-3px); box-shadow: 0 14px 40px rgba(0,0,0,.12)}

/* Featured badge */
.badge.bg-warning.text-dark{background:linear-gradient(135deg,#ffd166,#fca311)!important; border:0; color:#4a2a00!important}
.badge.bg-light{background: #fff7ed!important; color:#7c2d12!important; border:1px solid #ffedd5}

/* Chips (use <span class="badge">) */
.badge.chip{background:var(--chip-bg); color:var(--chip-text); border:1px solid var(--chip-border); border-radius:999px; padding:.35rem .6rem}

/* Filters block */
.filters .form-select, .filters .form-control{border-color: var(--warm-300)}
.filters .form-select:focus, .filters .form-control:focus{border-color: var(--warm-500); box-shadow: 0 0 0 .25rem rgba(249,115,22,.15)}

/* Detail page */
.listing-hero .price{font-size:1.4rem; font-weight:800; color:var(--warm-800)}
.listing-hero .stat{font-size:.85rem; opacity:.8}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{filter: drop-shadow(0 2px 2px rgba(0,0,0,.3))}

/* Forms */
.form-card{border:0; border-radius:1rem; box-shadow: var(--shadow)}
.form-section-title{font-weight:800; color:var(--brown-800)}
.form-check-input:checked{background-color:var(--warm-600); border-color:var(--warm-600)}
input[type=file]::file-selector-button{background:var(--warm-600); color:#fff; border:0; padding:.4rem .8rem; border-radius:.5rem}
input[type=file]::file-selector-button:hover{background:var(--warm-700)}

/* Pagination */
.pagination .page-item.active .page-link{
  background-color:var(--warm-600); border-color:var(--warm-600)
}
.pagination .page-link{color:var(--warm-700)}
.pagination .page-link:hover{color:var(--warm-800)}