/* CanAction – Listings Grid & Cards (appended to listings.css) */

/* Browse page */
.ca-browse-wrap { max-width: 1100px; margin: 0 auto; }
.ca-search-bar {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    background: #f9fafb; border: 1px solid #e5e7eb;
    border-radius: 10px; padding: 14px 16px; margin-bottom: 20px;
}
.ca-filter {
    padding: 8px 12px; border: 1px solid #e5e7eb; border-radius: 8px;
    font-size: 0.88rem; background: #fff;
}
.ca-filter-sm { width: 70px; }
.ca-geo-info { font-size: 0.85rem; color: #6b7280; margin-bottom: 12px; }

/* Grid */
.ca-listings-grid-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 18px;
}
.ca-loading { text-align: center; padding: 40px; color: #9ca3af; }

/* Card */
.ca-listing-card {
    background: #fff; border: 1px solid #e5e7eb;
    border-radius: 10px; overflow: hidden;
    cursor: pointer; transition: box-shadow .15s, transform .15s;
}
.ca-listing-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.1); transform: translateY(-2px); }
.ca-listing-img { width: 100%; height: 175px; overflow: hidden; background: #f3f4f6; }
.ca-listing-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ca-no-img { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 2.5rem; color: #d1d5db; }
.ca-listing-body { padding: 12px 14px; }
.ca-listing-title { font-weight: 700; font-size: 0.95rem; margin-bottom: 4px; color: #111827; }
.ca-listing-meta { font-size: 0.78rem; color: #6b7280; margin-bottom: 6px; }
.ca-listing-category { background: #e0e7ff; color: #3730a3; padding: 1px 7px; border-radius: 99px; font-size: 0.72rem; font-weight: 600; }
.ca-listing-price { font-size: 1.05rem; font-weight: 700; color: #16a34a; margin-bottom: 4px; }
.ca-listing-location { font-size: 0.78rem; color: #6b7280; }
.ca-listing-seller { font-size: 0.78rem; color: #9ca3af; margin-top: 4px; }
.ca-dist { background: #f3f4f6; padding: 1px 6px; border-radius: 4px; font-size: 0.72rem; }

/* My listings table */
.ca-my-listings-wrap { max-width: 900px; }
.ca-my-listings-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.ca-my-listings-header h2 { margin: 0; }
.ca-my-listings-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.ca-my-listings-table th, .ca-my-listings-table td { padding: 10px 12px; border-bottom: 1px solid #f3f4f6; }
.ca-my-listings-table th { background: #f9fafb; font-weight: 600; text-align: left; }
.ca-no-photo { color: #d1d5db; }

@media(max-width:600px){
    .ca-search-bar { flex-direction: column; align-items: stretch; }
    .ca-filter { width: 100%; }
}