/* ============================================================
   EdilBerat — city.css (pagine città / SEO locale)
   ============================================================ */
/* Hero: mini statistiche */
.page-hero .city-hero-stats{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px}
.page-hero .city-hero-stats span{display:inline-flex;align-items:center;gap:8px;color:#fff;
  font-family:var(--font-head);font-weight:500;font-size:.98rem}
.page-hero .city-hero-stats b{font-size:1.25rem;color:#fff}
.page-hero .city-hero-stats i{color:var(--gold)}

/* Intro */
.city-intro{max-width:820px;margin:0 auto}
.city-intro p{color:var(--ink-soft);line-height:1.85;font-size:1.06rem;margin-bottom:16px}
.city-cta{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Servizi (card con icona) */
.city-serv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:8px}
.city-serv-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);
  font-family:var(--font-head);font-weight:500;font-size:.95rem;transition:.25s}
.city-serv-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.city-serv-card i{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:rgba(139,0,0,.08);
  color:var(--red);display:flex;align-items:center;justify-content:center;font-size:1.05rem}

/* Perché sceglierci */
.city-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:8px}
.why-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;text-align:center}
.why-card i{font-size:1.6rem;color:var(--red);margin-bottom:12px}
.why-card h3{font-size:1.1rem;margin-bottom:8px}
.why-card p{color:var(--muted);font-size:.95rem;line-height:1.65}

/* Fiducia */
.city-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:32px}
.city-trust span{display:inline-flex;align-items:center;gap:9px;font-weight:500;color:var(--ink);font-size:.95rem}
.city-trust i{color:var(--red)}

/* Vicinanze */
.city-nearby{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}
.city-nearby a{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:9px 18px;
  font-family:var(--font-head);font-weight:500;text-decoration:none;color:var(--ink);transition:.2s}
.city-nearby a:hover{border-color:var(--red);color:var(--red)}