/* Retirada em Agência Mercado Livre — checkout. Cores via variáveis para o tema sobrescrever. */
:root{
	--mlag-accent:#3483fa;
	--mlag-accent-soft:#e8f1fe;
	--mlag-success:#00a650;
	--mlag-success-soft:#e9f7ef;
	--mlag-text:#1f1f1f;
	--mlag-muted:#6b6b6b;
	--mlag-border:#e6e6e6;
	--mlag-radius:12px;
	--mlag-font:inherit;
}
.mlag-card-wrap.is-hidden{display:none}
.mlag-card-wrap{margin:10px 0 4px}
.mlag-card{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:2px solid var(--mlag-accent);border-radius:var(--mlag-radius);background:#fff;color:var(--mlag-text);font-family:var(--mlag-font);line-height:1.45;text-align:left}
.mlag-card__icon{color:var(--mlag-accent);flex:0 0 auto;margin-top:2px;display:inline-flex}
.mlag-card__icon svg{width:20px;height:20px}
.mlag-card__body{flex:1 1 auto;min-width:0}
.mlag-card__title{font-weight:700;font-size:1.05em;margin-bottom:4px}
.mlag-card__line{font-size:.97em}
.mlag-card__hours{color:var(--mlag-muted);font-size:.92em;margin-top:2px}
.mlag-card__badge{display:inline-block;margin-top:10px;padding:8px 12px;border-radius:8px;background:var(--mlag-success-soft);color:var(--mlag-text);font-size:.95em}
.mlag-card__badge strong{color:var(--mlag-success);font-weight:700}
.mlag-card__distance{color:var(--mlag-muted);font-size:.92em;margin-top:8px}
.mlag-card__link{display:inline-block;margin-top:8px;color:var(--mlag-accent);text-decoration:none;font-weight:500}
.mlag-card__link:hover{text-decoration:underline}

/* Modal */
body.mlag-modal-open{overflow:hidden}
.mlag-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;font-family:var(--mlag-font);color:var(--mlag-text)}
.mlag-modal[hidden]{display:none}
.mlag-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mlag-modal__dialog{position:relative;background:#fff;border-radius:16px;width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}
.mlag-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}
.mlag-modal__title{margin:0;font-size:1.5em;font-weight:700}
.mlag-modal__close{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--mlag-muted);padding:0 4px}
.mlag-modal__banner{margin:0 24px 14px;padding:12px 16px;border-left:4px solid var(--mlag-accent);background:#f5f5f5;border-radius:8px;font-size:.95em;color:#444}
.mlag-modal__info{display:inline-flex;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--mlag-accent);color:var(--mlag-accent);font-size:11px;font-weight:700;align-items:center;justify-content:center;margin-right:6px;font-style:normal}
.mlag-modal__content{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:16px;padding:0 24px 24px;min-height:0;flex:1 1 auto}
.mlag-modal__side{display:flex;flex-direction:column;min-height:0}
.mlag-modal__map{border-radius:12px;overflow:hidden;min-height:360px;background:#eef}
#mlag-map{width:100%;height:100%;min-height:360px}
.mlag-search{display:flex;gap:8px;margin-bottom:8px}
.mlag-search__input{flex:1 1 auto;padding:10px 12px;border:1px solid var(--mlag-border);border-radius:8px;font-size:1em}
.mlag-btn{border:0;border-radius:8px;padding:10px 18px;font-weight:600;font-size:.95em;cursor:pointer;background:var(--mlag-accent);color:#fff;white-space:nowrap}
.mlag-btn--ghost{background:var(--mlag-accent-soft);color:var(--mlag-accent)}
.mlag-btn.is-selected{background:var(--mlag-success-soft);color:var(--mlag-success);cursor:default}
.mlag-geolocate{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--mlag-accent);font-weight:500;cursor:pointer;padding:4px 0;margin-bottom:6px}
.mlag-geolocate svg{width:16px;height:16px}
.mlag-origin{color:var(--mlag-muted);font-size:.88em;margin-bottom:4px}
.mlag-count{color:var(--mlag-muted);font-size:.9em;margin:4px 0 8px}
.mlag-message{background:#fff8e1;border-radius:8px;padding:10px 12px;font-size:.92em;margin-bottom:8px}
.mlag-list{list-style:none;margin:0;padding:0 2px 0 0;overflow:auto;flex:1 1 auto;min-height:200px;max-height:60vh}
.mlag-list.is-loading{opacity:.6}
.mlag-item{display:flex;gap:12px;border:2px solid var(--mlag-border);border-radius:12px;padding:14px 16px;margin-bottom:10px;background:#fff;transition:border-color .15s}
.mlag-item.is-selected{border-color:var(--mlag-accent)}
.mlag-item.is-focus{border-color:var(--mlag-accent);box-shadow:0 0 0 3px var(--mlag-accent-soft)}
.mlag-item__main{flex:1 1 auto;min-width:0}
.mlag-item__name{font-weight:700;font-size:1.05em}
.mlag-item__cat{color:var(--mlag-muted);font-size:.88em;margin-bottom:6px}
.mlag-item__addr{font-size:.95em}
.mlag-item__hours{color:var(--mlag-muted);font-size:.88em;margin-top:2px}
.mlag-item__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.mlag-item__eta{font-size:.92em}
.mlag-item__cost{color:var(--mlag-success)}
.mlag-item__dir{display:inline-block;margin-top:6px;color:var(--mlag-accent);font-size:.88em;text-decoration:none}
.mlag-item__dir:hover{text-decoration:underline}
.mlag-item__img{width:96px;height:72px;object-fit:cover;border-radius:8px;flex:0 0 auto}

/* Pins do mapa */
.mlag-pin span{display:block;width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--mlag-accent);transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);position:relative}
.mlag-pin span::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.mlag-pin.is-active span{background:var(--mlag-success);width:32px;height:32px}
.mlag-pin--origin span{width:18px;height:18px;border-radius:50%;transform:none;background:#1a73e8;border:3px solid #fff;box-shadow:0 0 0 4px rgba(26,115,232,.25)}
.mlag-pin--origin span::after{display:none}

@media (max-width:820px){
	.mlag-modal__dialog{width:100vw;max-height:100vh;border-radius:0;height:100vh}
	.mlag-modal__content{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0 14px 14px}
	.mlag-modal__map{min-height:220px;order:-1}
	#mlag-map{min-height:220px}
	.mlag-list{max-height:none}
	.mlag-modal__header{padding:14px 14px 8px}
	.mlag-modal__banner{margin:0 14px 10px}
	.mlag-card{padding:14px}
	.mlag-item__img{display:none}
}