/* Mazdurr — directory.css : find-a-tradesperson */
.dir-head{background:var(--navy);padding:100px 20px 40px;color:#fff}
.dir-head-inner{max-width:1100px;margin:0 auto}
.dir-head h1{font-family:'Syne',sans-serif;font-size:clamp(26px,4vw,40px);font-weight:800;margin:6px 0 8px}
.dir-head p{color:rgba(255,255,255,0.65);font-size:16px;margin-bottom:24px}
.dir-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:100px;padding:6px 6px 6px 20px;max-width:600px}
.dir-search i{color:var(--muted);font-size:20px}
.dir-search input{flex:1;border:none;outline:none;font-size:15px;color:var(--ink);background:none;padding:10px 0}
.dir-search .btn-saffron{border-radius:100px;padding:11px 24px}
.dir-trades{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.dir-chip{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.8);font-size:13px;padding:8px 14px;border-radius:100px;cursor:pointer;transition:var(--t);white-space:nowrap}
.dir-chip:hover{background:rgba(255,255,255,0.14)}
.dir-chip.on{background:var(--saffron);color:var(--ink);border-color:var(--saffron);font-weight:600}

.dir-wrap{max-width:1100px;margin:0 auto;padding:32px 20px 60px}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.dir-loading,.dir-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 20px}
.dir-empty i{font-size:42px;display:block;margin-bottom:12px}

.dir-card{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:var(--t)}
.dir-card:hover{border-color:var(--saffron2);transform:translateY(-2px);box-shadow:0 10px 28px rgba(11,19,64,0.08)}
.dir-card-top{display:flex;align-items:center;gap:14px}
.dir-av{width:54px;height:54px;border-radius:14px;background:var(--saffron);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:24px;flex-shrink:0}
.dir-name{font-family:'Syne',sans-serif;font-weight:700;font-size:17px;color:var(--ink);line-height:1.2}
.dir-trade{font-size:13px;color:var(--muted);margin-top:2px}
.dir-badges{display:flex;flex-wrap:wrap;gap:6px}
.dir-badge{display:inline-flex;align-items:center;gap:4px;background:var(--cream2);border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;padding:5px 10px;border-radius:100px}
.dir-badge.score{background:rgba(29,158,117,0.1);color:var(--teal);border-color:rgba(29,158,117,0.25)}
.dir-card-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;margin-top:auto}
.dir-card-foot span{display:inline-flex;align-items:center;gap:4px}
.dir-view{margin-left:auto;color:var(--accent);font-weight:600}

@media(max-width:600px){
  .dir-head{padding:90px 16px 32px}
  .dir-search{flex-wrap:wrap;border-radius:16px;padding:12px}
  .dir-search input{flex:1 1 100%}
  .dir-search .btn-saffron{flex:1 1 100%;justify-content:center}
  .dir-grid{grid-template-columns:1fr}
}