/* Bidmii City Directory - Minimal SEO-friendly stylesheet */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333;line-height:1.6;background:#f8f9fa}
a{color:#1976d2;text-decoration:none}
a:hover{text-decoration:underline}

/* Container */
.dir-container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Header */
.dir-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 0}
.dir-header .dir-container{display:flex;justify-content:space-between;align-items:center}
.dir-logo{font-size:24px;color:#1976d2}
.dir-header nav a{margin-left:16px;font-size:14px}

/* Main */
main{padding:24px 0 48px}
h1{font-size:28px;margin-bottom:4px}
.dir-subtitle{color:#666;font-size:14px;margin-bottom:20px}

/* Filters */
.dir-filters{margin-bottom:24px}
.dir-filters select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff;min-width:200px}

/* Grid */
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}

/* Card */
.dir-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:box-shadow .15s}
.dir-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.08)}

.dir-card-header{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.dir-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e8eaf6}
.dir-avatar img{width:100%;height:100%;object-fit:cover}
.dir-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;background:#7986cb}
.dir-card-info h2{font-size:17px;margin:0;line-height:1.3}
.dir-location{font-size:13px;color:#888;margin:0}

/* Rating */
.dir-rating{margin-bottom:10px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dir-stars{display:flex;align-items:center;gap:4px}
.dir-star-value{font-weight:700;font-size:16px;color:#f57c00}
.dir-star-icons{display:inline-block;width:90px;height:18px;background:linear-gradient(90deg,#f57c00 calc(var(--rating)/5*100%),#ddd calc(var(--rating)/5*100%));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 18'%3E%3Ctext y='15' font-size='18'%3E%E2%98%85%E2%98%85%E2%98%85%E2%98%85%E2%98%85%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 18'%3E%3Ctext y='15' font-size='18'%3E%E2%98%85%E2%98%85%E2%98%85%E2%98%85%E2%98%85%3C/text%3E%3C/svg%3E")}
.dir-review-count{font-size:12px;color:#888}
.dir-no-rating{color:#aaa;font-size:13px}

/* Breakdown */
.dir-breakdown{font-size:12px;color:#666;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px 14px}
.dir-platform-count{color:#999}

/* Categories */
.dir-categories{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:4px}
.dir-badge{background:#e8eaf6;color:#3949ab;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}

/* Verification */
.dir-verified-badge{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}

/* Contact */
.dir-contact{display:flex;gap:12px;margin-top:10px;font-size:13px}
.dir-contact-link{color:#1976d2;font-weight:500}

/* Profile link */
.dir-profile-link-wrap{margin-top:10px}
.dir-profile-link{display:inline-block;color:#1976d2;font-weight:600;font-size:14px;text-decoration:none;padding:4px 0}
.dir-profile-link:hover{text-decoration:underline}

/* AI disclaimer */
.dir-ai-disclaimer{font-size:10px;color:#aaa;margin-top:8px;font-style:italic}

/* Empty */
.dir-empty{text-align:center;padding:40px;color:#888}

/* Pagination */
.dir-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:14px}
.dir-page-link{background:#1976d2;color:#fff;padding:8px 16px;border-radius:6px;font-weight:500}
.dir-page-link:hover{background:#1565c0;text-decoration:none}
.dir-page-info{color:#666}

/* Province group (index page) */
.dir-province-group{margin-bottom:28px}
.dir-province-group h2{font-size:20px;margin-bottom:8px;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:4px}
.dir-city-list{display:flex;flex-wrap:wrap;gap:8px 20px}
.dir-city-link{font-size:14px;padding:4px 0}

/* Footer */
.dir-footer{background:#fff;border-top:1px solid #e0e0e0;padding:16px 0;text-align:center;font-size:12px;color:#888}
.dir-footer p{margin:4px 0}

/* Breadcrumb */
.dir-breadcrumb{font-size:13px;color:#888;margin-bottom:12px}
.dir-breadcrumb a{color:#1976d2;text-decoration:none}
.dir-breadcrumb a:hover{text-decoration:underline}

/* Badges row */
.dir-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.dir-badge-pro{background:#e3f2fd;color:#1565c0;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}
.dir-bg-check-badge{background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}

/* Trust signals */
.dir-trust-signals{font-size:12px;color:#666;margin-bottom:8px}

/* CTA banner */
.dir-cta-banner{background:#e3f2fd;border-radius:10px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.dir-cta-banner p{margin:0;font-size:14px;color:#333}
.dir-cta-button{display:inline-block;background:#1976d2;color:#fff;padding:10px 20px;border-radius:50px;font-weight:600;font-size:14px;text-decoration:none}
.dir-cta-button:hover{background:#1565c0;text-decoration:none}

/* Quote link */
.dir-quote-link{display:inline-block;background:#1976d2;color:#fff;font-weight:600;font-size:13px;text-decoration:none;padding:6px 14px;border-radius:50px;margin-left:8px}
.dir-quote-link:hover{background:#1565c0;text-decoration:none;color:#fff}

/* Category browse */
.dir-category-browse{margin-bottom:24px}
.dir-category-browse h2{font-size:18px;margin-bottom:8px}

/* City grid (province page) */
.dir-city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.dir-city-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;text-decoration:none;transition:box-shadow .15s}
.dir-city-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none}
.dir-city-name{font-size:15px;font-weight:600;color:#333}
.dir-city-count{font-size:12px;color:#888;margin-top:2px}

/* FAQ */
.dir-faq{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}
.dir-faq h2{font-size:20px;margin-bottom:16px}
.dir-faq-item{margin-bottom:16px}
.dir-faq-item h3{font-size:15px;margin-bottom:4px;color:#333}
.dir-faq-item p{font-size:14px;color:#666;line-height:1.5}

/* Related sections */
.dir-related{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}
.dir-related h2{font-size:18px;margin-bottom:8px}

/* Interactive search link */
.dir-interactive-search{text-align:center;margin-top:24px;padding:16px}
.dir-interactive-search a{font-size:15px;font-weight:600;color:#1976d2}

/* Responsive */
@media(max-width:600px){
    .dir-grid{grid-template-columns:1fr}
    .dir-city-grid{grid-template-columns:1fr 1fr}
    h1{font-size:22px}
    .dir-cta-banner{flex-direction:column;text-align:center}
}