/* =========================================================
   Metodo Emme - Pagina Store locator (store-locator.html)
   Stili specifici della pagina: si aggiungono a styles.css
   ========================================================= */

.store-hero {
  position: relative;
  background: linear-gradient(90deg, #d5e8e4 0%, var(--mint) 100%);
}

.store-hero-inner {
  position: relative;
  z-index: 2;
  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(170px, 15vw, 220px) var(--section-gutter) clamp(150px, 13vw, 190px);
  text-align: center;
}

.store-hero .eyebrow {
  font-size: clamp(11px, 1.2vw, 16px);
  line-height: 1;
}

.store-hero h1 {
  margin: 14px 0 0;
  color: var(--green);
  font-size: clamp(30px, 3.6vw, 52px);
  line-height: 0.98;
  font-weight: 800;
  text-transform: uppercase;
}

.store-hero-lead {
  max-width: 640px;
  margin: 20px auto 0;
  color: var(--ink);
  font-size: clamp(15px, 1.3vw, 19px);
  line-height: 1.4;
  font-weight: 500;
}

.store-section {
  position: relative;
  z-index: 4;
  padding: 0 var(--section-gutter) clamp(56px, 6vw, 90px);
  margin-top: clamp(-120px, -9vw, -80px);
}

.store-panel {
  position: relative;
  max-width: var(--panel-width);
  margin: 0 auto;
  padding: clamp(22px, 3vw, 44px);
  background: var(--white);
  box-shadow: var(--shadow);
}

.store-note {
  max-width: var(--panel-width);
  margin: 26px auto 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.store-note a {
  color: var(--green);
  font-weight: 600;
}

/* ---------- Componente mappa ---------- */
.me-locator{
  --me-orange:#f24b12;--me-green:#007c52;--me-deep:#003f2e;--me-mint:#c9dfdb;
  --me-mint-light:#e9f3f1;--me-ink:#2b3031;--me-muted:#677271;--me-line:rgba(0,124,82,.34);
  font-family:"Montserrat",Arial,sans-serif;color:var(--me-ink);
  margin:0;padding:0;box-sizing:border-box
}
.me-locator *,.me-locator *::before,.me-locator *::after{box-sizing:border-box}
.me-locator__title{margin:0 0 6px;font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--me-deep)}
.me-locator__intro{margin:0 0 18px;color:var(--me-muted);font-size:15px}
.me-locator__bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.me-locator__search{flex:1 1 320px;display:flex;border:1px solid var(--me-mint);border-radius:999px;background:#fff;overflow:hidden;transition:border-color .2s}
.me-locator__search:focus-within{border-color:var(--me-green)}
/* nasconde la X nativa del browser sui campi di ricerca: resta solo quella del locator */
.me-locator__search input::-webkit-search-cancel-button,.me-locator__search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.me-locator__search input::-ms-clear{display:none;width:0;height:0}
.me-locator__search input{flex:1;min-width:0;border:0;outline:0;padding:12px 18px;font:inherit;font-size:15px;color:var(--me-ink);background:transparent}
.me-locator__search button{border:0;background:var(--me-green);color:#fff;padding:0 20px;cursor:pointer;display:flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:14px}
.me-locator__search button:hover{background:var(--me-deep)}
.me-locator__clear{background:transparent!important;color:var(--me-muted)!important;padding:0 12px!important;font-size:20px!important;display:none!important}
.me-locator__clear.is-visible{display:flex!important}
.me-locator__btn{border:1px solid var(--me-green);background:#fff;color:var(--me-green);border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}
.me-locator__btn:hover{background:var(--me-mint-light)}
.me-locator__select{border:1px solid var(--me-mint);border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;color:var(--me-ink);background:#fff;max-width:100%}
.me-locator__status{font-size:13px;color:var(--me-muted);margin:0 0 10px;min-height:18px}
.me-locator__status strong{color:var(--me-green)}
.me-locator__body{display:grid;grid-template-columns:320px 1fr;gap:18px;height:560px}
.me-locator__list{list-style:none;margin:0;padding:0 6px 0 0;overflow-y:auto;border-top:1px dashed var(--me-line);scrollbar-width:thin;scrollbar-color:var(--me-mint) transparent}
.me-locator__item{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:14px 8px 14px 4px;border-bottom:1px dashed var(--me-line);cursor:pointer;transition:background .15s;font-size:13.5px;line-height:1.5}
.me-locator__item:hover,.me-locator__item.is-active{background:var(--me-mint-light)}
.me-locator__item:focus-visible{outline:2px solid var(--me-green);outline-offset:-2px}
.me-locator__pin{color:var(--me-green);padding-top:2px}
.me-locator__name{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--me-green);text-transform:uppercase}
.me-locator__addr{margin:0;color:var(--me-ink)}
.me-locator__contacts{margin:6px 0 0}
.me-locator__contacts a{color:var(--me-green);text-decoration:none;word-break:break-all;display:block}
.me-locator__contacts a:hover{text-decoration:underline}
.me-locator__dist{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:#fff;background:var(--me-orange);border-radius:999px;padding:2px 10px}
.me-locator__empty{padding:24px 8px;color:var(--me-muted);font-size:14px}
.me-locator__map{border-radius:18px;overflow:hidden;min-height:300px;background:var(--me-mint-light);box-shadow:0 18px 44px rgba(0,63,46,.12);z-index:0}
.me-locator .leaflet-container{font-family:"Montserrat",Arial,sans-serif}
.me-locator .leaflet-popup-content-wrapper{border-radius:14px}
.me-locator .leaflet-popup-content{margin:14px 16px;font-size:13px;line-height:1.5;color:var(--me-ink);min-width:200px}
.me-locator .leaflet-popup-content a{color:var(--me-green)}
.me-pop__name{font-weight:700;color:var(--me-green);text-transform:uppercase;margin:0 0 4px;font-size:14px}
.me-pop__dir{display:inline-block;margin-top:8px;background:var(--me-orange);color:#fff!important;border-radius:999px;padding:5px 14px;font-weight:700;text-decoration:none}
.me-pop__dir:hover{background:#d93f0b}
.me-pop details{margin-top:8px}
.me-pop summary{cursor:pointer;font-weight:600;color:var(--me-deep)}
.me-pop ul{margin:6px 0 0;padding-left:18px;max-height:140px;overflow:auto}
.me-cluster{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,124,82,.28)}
.me-cluster span{display:flex;align-items:center;justify-content:center;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;background:var(--me-green);color:#fff;font-weight:700;font-size:13px;box-shadow:0 2px 6px rgba(0,63,46,.35)}
.me-marker svg{filter:drop-shadow(0 2px 3px rgba(0,63,46,.35))}
.me-marker--active svg path{fill:var(--me-orange)}
.me-here{width:16px;height:16px;border-radius:50%;background:var(--me-orange);border:3px solid #fff;box-shadow:0 0 0 6px rgba(242,75,18,.25)}
@media (max-width:820px){
  .me-locator__body{grid-template-columns:1fr;height:auto}
  .me-locator__map{height:380px;order:-1}
  .me-locator__list{max-height:440px}
}