/* INemlakBana OS — Frontend Styles */
/* Used by plugin shortcodes and templates */

.eb-listings-grid { display: grid; gap: 24px; }
.eb-grid-2 { grid-template-columns: repeat(2, 1fr); }
.eb-grid-3 { grid-template-columns: repeat(3, 1fr); }
.eb-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) { .eb-listings-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 1024px) and (min-width: 769px) { .eb-grid-3, .eb-grid-4 { grid-template-columns: repeat(2, 1fr); } }

.eb-listing-card { background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #eee; transition: all 0.3s; }
.eb-listing-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
.eb-listing-card__image { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.eb-listing-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.eb-listing-card:hover .eb-listing-card__image img { transform: scale(1.05); }
.eb-listing-card__badge { position: absolute; top: 12px; left: 12px; background: #FF385C; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.eb-listing-card__badge--kiralik { background: #3B82F6; }
.eb-listing-card__badge--collab { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,0.6); color: #fff; padding: 4px 10px; border-radius: 20px; font-size: 10px; backdrop-filter: blur(4px); }
.eb-listing-card__body { padding: 16px; }
.eb-listing-card__price { font-size: 20px; font-weight: 800; color: #1a1a2e; }
.eb-listing-card__price small { font-size: 13px; font-weight: 500; color: #717171; }
.eb-listing-card__title { font-size: 14px; font-weight: 600; color: #333; margin: 6px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.eb-listing-card__meta { display: flex; gap: 12px; margin-top: 8px; font-size: 12px; color: #717171; }
.eb-listing-card__meta span { display: flex; align-items: center; gap: 4px; }
.eb-listing-card__location { font-size: 12px; color: #999; margin-top: 4px; }

.eb-no-results { text-align: center; padding: 40px; color: #999; font-size: 16px; }