/* Birdland · Scuole di Musica — front (Apple-style) */

/* Il tema limita il container CMS a 760px su desktop: lo allarghiamo a 1260px
   SOLO su questa pagina (questo CSS è caricato solo su content/7). */
@media (min-width:992px){
  #cms #main > .container{width:1260px!important;max-width:100%!important}
}

.bdscuole{
  --bd-accent:#3271E4;
  --bd-accent-soft:rgba(50,113,228,.10);
  --bd-ink:#1d1d1f;
  --bd-sec:#6e6e73;
  --bd-line:#d2d2d7;
  --bd-bg:#fff;
  --bd-soft:#f5f5f7;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  color:var(--bd-ink);
  text-align:left;
  max-width:1260px;
  margin:1.25rem auto 4rem;
  padding-inline:clamp(0px,2vw,20px);
}
.bdscuole *{box-sizing:border-box}
.bdscuole a{text-decoration:none}

/* nasconde la section #tophome vuota (il CSS è caricato solo su questa pagina) */
#tophome{display:none!important}

/* ---- Toolbar (sticky sotto il menu) ---- */
.bdscuole-toolbar{
  position:sticky;top:var(--bd-stick,84px);z-index:20;
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  background:var(--bd-bg);
  padding:.9rem 0;margin-top:-.9rem;
  border-bottom:.5px solid transparent;
  transition:border-color .2s ease;
}
.bdscuole-toolbar.is-stuck{border-bottom-color:var(--bd-line)}
.bdscuole-search{
  flex:1 1 320px;display:flex;align-items:center;gap:.6rem;
  background:#fff;border:.5px solid var(--bd-line);border-radius:12px;
  padding:.7rem 1rem;transition:border-color .18s ease,box-shadow .18s ease;
}
.bdscuole-search:focus-within{border-color:var(--bd-accent);box-shadow:0 0 0 4px var(--bd-accent-soft)}
.bdscuole-search__icon{width:19px;height:19px;color:var(--bd-sec);flex:0 0 auto}
.bdscuole-search input{
  border:0;outline:0;background:transparent;width:100%;
  font:inherit;font-size:1.02rem;color:var(--bd-ink);letter-spacing:-.01em;
}
.bdscuole-search input::placeholder{color:#a1a1a6}
.bdscuole-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.bdscuole-count{margin:0;color:var(--bd-sec);font-size:.92rem;white-space:nowrap;letter-spacing:-.01em}
.bdscuole-count span{color:var(--bd-ink);font-weight:600}

/* ---- Chips regione ---- */
.bdscuole-regions{display:flex;flex-wrap:wrap;gap:.45rem;padding-bottom:.5rem}
.bdscuole-chip{
  appearance:none;border:.5px solid var(--bd-line);background:#fff;color:var(--bd-ink);
  border-radius:980px;padding:.42rem .95rem;font:inherit;font-size:.88rem;font-weight:500;
  letter-spacing:-.01em;cursor:pointer;line-height:1.2;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease;
}
.bdscuole-chip:hover{border-color:#b0b0b6}
.bdscuole-chip:active{transform:scale(.97)}
.bdscuole-chip.is-active{background:var(--bd-accent);border-color:var(--bd-accent);color:#fff}

/* ---- Regioni / province ---- */
.bdscuole-region{margin-top:2.6rem}
.bdscuole-region__title{
  font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--bd-ink);
  margin:0 0 1rem;display:flex;align-items:center;gap:.65rem;
}
.bdscuole-region__title::before{
  content:"";width:4px;height:1.05em;border-radius:3px;background:var(--bd-accent);flex:0 0 auto;
}
.bdscuole-province{
  font-size:.82rem;font-weight:600;color:var(--bd-sec);text-transform:uppercase;
  letter-spacing:.06em;margin:1.6rem 0 .7rem;
}

/* ---- Griglia card ---- */
.bdscuole-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.7rem}
.bdscuole-card{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  background:#fff;border:.5px solid var(--bd-line);border-radius:14px;padding:.95rem 1.05rem;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.bdscuole-card:hover{border-color:#c7c7cc;box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-1px)}
.bdscuole-card__body{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.bdscuole-card__icon{width:22px;height:22px;color:var(--bd-accent);margin-bottom:.2rem;flex:0 0 auto}
.bdscuole-card__name{font-weight:600;font-size:.98rem;letter-spacing:-.01em;color:var(--bd-ink);line-height:1.3;text-align:left}
.bdscuole-card__city{display:inline-flex;align-items:center;gap:.32rem;font-size:.82rem;color:var(--bd-sec)}
.bdscuole-card__city svg{width:13px;height:13px;flex:0 0 auto;opacity:.85}
.bdscuole-card__addr{font-size:.8rem;color:var(--bd-sec)}
.bdscuole-card__phone{font-size:.82rem;color:var(--bd-ink)}
.bdscuole-card__phone:hover{color:var(--bd-accent)}

.bdscuole-card__link{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;
  font-size:.85rem;font-weight:600;letter-spacing:-.01em;color:var(--bd-accent);
  border:.5px solid var(--bd-line);border-radius:10px;padding:.42rem .7rem;white-space:nowrap;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.bdscuole-card__link svg{width:14px;height:14px}
.bdscuole-card__link:hover{background:var(--bd-accent);border-color:var(--bd-accent);color:#fff}

.bdscuole-empty{padding:3rem 1rem;text-align:center;color:var(--bd-sec);font-size:1.05rem;letter-spacing:-.01em}

@media(max-width:600px){
  .bdscuole-grid{grid-template-columns:1fr}
  .bdscuole-region__title{font-size:1.28rem}
  .bdscuole-card{padding:.85rem .95rem}
}