/* ═══ mapbuilder.css — Selettore MapCap in 4 passi ═══ */
.mb{padding:.35rem .75rem 1rem;display:flex;flex-direction:column;gap:.85rem;}

/* Capsule riepilogo */
.mb-capsule{background:linear-gradient(160deg,var(--ristretto),var(--espresso));color:var(--foam);
  border-radius:14px;padding:.6rem .6rem .55rem;box-shadow:0 6px 18px rgba(30,18,9,.18);position:relative;overflow:hidden;}
.mb-capsule::after{content:'';position:absolute;right:-28px;top:-28px;width:80px;height:80px;border-radius:50%;
  background:radial-gradient(circle,rgba(192,123,26,.35),transparent 70%);pointer-events:none;}
.mb-capsule-top{display:flex;justify-content:space-between;align-items:center;margin:0 .15rem .3rem;}
.mb-capsule-top span{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,232,213,.55);}
.mb-capsule-top img{width:20px;height:15px;border-radius:2px;object-fit:cover;}
.mb-capsule-title{display:flex;flex-direction:column;margin:0 .15rem .55rem;min-width:0;}
.mb-capsule-title b{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:600;line-height:1.05;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-capsule-title span{font-size:.8rem;color:var(--foam);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-capsule-title span.missing{color:var(--crema);opacity:1;animation:mbPulse 1.4s ease-in-out infinite;}
.mb-capsule-segs{display:flex;align-items:flex-start;gap:2px;}
.mb-sep{font-style:normal;font-family:'DM Mono',monospace;color:rgba(242,232,213,.3);font-size:.7rem;padding-top:.28rem;}
.mb-seg{flex:1 1 auto;min-width:0;background:rgba(255,255,255,.08);border-radius:6px;padding:.25rem .35rem .2rem;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;transition:background .15s;}
.mb-seg:hover{background:rgba(192,123,26,.3);}
.mb-seg code{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--crema);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.mb-seg small{font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(242,232,213,.5);}
.mb-seg.missing code{color:#fff;animation:mbPulse 1.4s ease-in-out infinite;}
@keyframes mbPulse{50%{opacity:.4;}}

/* Passi */
.mb-step{border-radius:12px;transition:box-shadow .3s,background .3s;}
.mb-step.flash{animation:mbFlash 1s ease;}
@keyframes mbFlash{0%,60%{background:var(--crema-soft);box-shadow:0 0 0 6px var(--crema-soft);}100%{background:transparent;box-shadow:none;}}
.mb-step h4{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:500;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text);margin:0 0 .45rem;}
.mb-step h4 em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400;font-size:.74rem;}
.mb-num{width:19px;height:19px;border-radius:50%;background:var(--crema);color:#fff;font-size:.66rem;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;}

.mb button{font-family:inherit;cursor:pointer;}

/* Paesi */
.mb-countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.35rem;}
.mb-country{display:flex;align-items:center;gap:.45rem;min-height:38px;padding:.35rem .55rem;border-radius:10px;
  background:#fff;border:1.5px solid var(--border-mid);font-size:.78rem;color:var(--text);text-align:left;transition:all .15s;}
.mb-country span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-country img{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,.06);}
.mb-country:hover{border-color:var(--crema);}
.mb-country.on{border-color:var(--crema);background:var(--crema-soft);font-weight:500;}

/* Estensioni */
.mb-exts{display:flex;flex-direction:column;gap:.35rem;}
.mb-ext{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.45rem .65rem;border-radius:10px;
  background:#fff;border:1.5px solid var(--border-mid);text-align:left;transition:all .15s;width:100%;}
.mb-ext:hover{border-color:var(--crema);}
.mb-ext.on{border-color:var(--crema);background:var(--crema-soft);}
.mb-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--subtle);flex-shrink:0;position:relative;}
.mb-ext.on .mb-radio{border-color:var(--crema);}
.mb-ext.on .mb-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--crema);}
.mb-ext-txt{display:flex;flex-direction:column;min-width:0;}
.mb-ext-txt b{font-size:.84rem;font-weight:500;color:var(--text);}
.mb-ext-txt small{font-size:.68rem;color:var(--muted);}

.mb-picker{margin:-.1rem 0 .15rem .55rem;padding:.5rem;border-left:2px solid var(--crema);background:var(--milk);border-radius:0 10px 10px 0;}
.mb-picker-prompt{font-size:.7rem;color:var(--crema);font-weight:500;margin-bottom:.35rem;}
.mb-picker-search{width:100%;border:1px solid var(--border-mid);border-radius:8px;padding:.45rem .55rem;font-family:inherit;
  font-size:.8rem;background:#fff;color:var(--text);outline:none;margin-bottom:.4rem;}
.mb-picker-search:focus{border-color:var(--crema);}
.mb-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;max-height:216px;overflow-y:auto;}
.mb-pick{min-height:32px;padding:.3rem .5rem;border-radius:7px;background:#fff;border:1px solid var(--border);
  font-size:.74rem;color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .12s;}
.mb-pick:hover{border-color:var(--crema);background:var(--crema-soft);}
.mb-picked{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-.1rem 0 .15rem .55rem;
  padding:.4rem .6rem;border-left:2px solid var(--crema);background:var(--milk);border-radius:0 10px 10px 0;font-size:.82rem;font-weight:500;}
.mb-link{background:none;border:none;color:var(--crema);font-size:.72rem;text-decoration:underline;padding:0;}

/* Dettaglio */
.mb-grans{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;}
.mb-gran{display:flex;align-items:center;gap:.45rem;min-height:42px;padding:.4rem .55rem;border-radius:10px;
  background:#fff;border:1.5px solid var(--border-mid);font-size:.78rem;color:var(--text);text-align:left;transition:all .15s;}
.mb-gran span{line-height:1.15;overflow:hidden;text-overflow:ellipsis;}
.mb-gran .mb-dens{flex-shrink:0;color:var(--crema);}
.mb-gran:hover:not([disabled]){border-color:var(--crema);}
.mb-gran.on{border-color:var(--crema);background:var(--crema);color:#fff;font-weight:500;}
.mb-gran.on .mb-dens{color:#fff;}
.mb-gran[disabled]{opacity:.38;cursor:not-allowed;border-style:dashed;background:transparent;}
.mb-gran[disabled] .mb-dens{color:var(--subtle);}

/* Anno */
.mb-years{display:flex;flex-wrap:wrap;gap:.35rem;}
.mb-year{min-height:34px;padding:.3rem .85rem;border-radius:100px;background:#fff;border:1.5px solid var(--border-mid);
  font-size:.78rem;color:var(--text);font-family:'DM Mono',monospace;}
.mb-year.on{background:var(--espresso);border-color:var(--espresso);color:var(--foam);}

/* Risultati ricerca */
.mb-results-hd{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin-bottom:.35rem;}
.mb-hit{display:flex;align-items:center;gap:.55rem;width:100%;min-height:44px;padding:.4rem .55rem;margin-bottom:.25rem;
  border-radius:10px;background:#fff;border:1px solid var(--border);text-align:left;}
.mb-hit:hover{border-color:var(--crema);background:var(--crema-soft);}
.mb-hit img{width:18px;height:13px;border-radius:2px;object-fit:cover;flex-shrink:0;}
.mb-hit-txt{display:flex;flex-direction:column;min-width:0;}
.mb-hit-txt b{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mb-hit-txt b i{font-style:normal;color:var(--crema);}
.mb-hit-txt small{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);}
.mb-empty{font-size:.78rem;color:var(--muted);text-align:center;padding:1rem;}