/* TBCS Coffee Map — mini mapa de la ficha. Mismo lenguaje que el mapa grande:
   sin bordes de 1px, esquinas suaves y la gota de la marca. */
.tbcs-mini{
	--tbcs-primary:#211915;
	--tbcs-accent:#d6d0bd;
	--tbcs-mini-height:320px;
	--tbcs-mini-bg:color-mix(in srgb, var(--tbcs-primary) 72%, #000);
	--tbcs-mini-surface:color-mix(in srgb, var(--tbcs-primary) 95%, #fff);
	--tbcs-mini-text:#fff;
	--tbcs-mini-muted:color-mix(in srgb, #fff 62%, var(--tbcs-mini-bg));
	--tbcs-mini-radius:14px;

	display:flex;
	flex-direction:column;
	gap:12px;
	margin:0;
	color:var(--tbcs-mini-text);
	font-size:15px;
	line-height:1.4;
}
.tbcs-mini--light{
	--tbcs-mini-bg:#eeeae3;
	--tbcs-mini-surface:#fff;
	--tbcs-mini-text:var(--tbcs-primary);
	--tbcs-mini-muted:color-mix(in srgb, var(--tbcs-primary) 62%, #fff);
}
.tbcs-mini *,
.tbcs-mini *::before,
.tbcs-mini *::after{box-sizing:border-box}

.tbcs-mini__canvas{
	position:relative;
	height:var(--tbcs-mini-height);
	min-height:200px;
	border-radius:var(--tbcs-mini-radius);
	overflow:hidden;
	background:var(--tbcs-mini-bg);
	z-index:0;
}
.tbcs-mini__skeleton{
	position:absolute;inset:0;
	background:var(--tbcs-mini-surface);
	opacity:.5;
	animation:tbcs-mini-pulse 1.5s ease-in-out infinite;
}
.tbcs-mini.is-ready .tbcs-mini__skeleton{display:none}
@keyframes tbcs-mini-pulse{0%,100%{opacity:.4}50%{opacity:.65}}

.tbcs-mini.is-failed .tbcs-mini__canvas{display:none}

.tbcs-mini .leaflet-container{font:inherit;background:var(--tbcs-mini-bg)}
.tbcs-mini .leaflet-control-attribution{
	background:color-mix(in srgb, var(--tbcs-mini-bg) 76%, transparent);
	color:var(--tbcs-mini-muted);font-size:10px;padding:2px 7px;
}
.tbcs-mini .leaflet-control-attribution a{color:var(--tbcs-mini-muted)}
.tbcs-mini .leaflet-control-zoom{border:0;box-shadow:0 2px 10px rgba(0,0,0,.3);border-radius:9px;overflow:hidden}
.tbcs-mini .leaflet-control-zoom a{background:var(--tbcs-mini-surface);color:var(--tbcs-mini-text);border:0}
.tbcs-mini .leaflet-control-zoom a:hover{background:var(--tbcs-mini-surface);color:var(--tbcs-accent)}

/* La gota, igual que en el mapa grande. */
.tbcs-mini .tbcs-pin{background:none;border:0}
.tbcs-mini .tbcs-pin__body{
	position:relative;display:grid;place-items:center;width:38px;height:38px;
	border-radius:50% 50% 50% 0;transform:rotate(-45deg);
	background:var(--tbcs-primary);
	box-shadow:0 3px 9px rgba(0,0,0,.4);
}
.tbcs-mini .tbcs-pin__body img{
	width:24px !important;height:24px !important;max-width:none !important;
	margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
	transform:rotate(45deg);object-fit:contain;display:block;
}
.tbcs-mini .tbcs-pin__body span{transform:rotate(45deg);font-size:13px;font-weight:700;color:#fff;line-height:1}

.tbcs-mini__address{
	display:flex;align-items:flex-start;gap:9px;margin:0;
	font-size:14.5px;color:var(--tbcs-mini-muted);
}
.tbcs-mini__address svg{
	width:18px;height:18px;flex:none;margin-top:1px;
	fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

.tbcs-mini__actions{display:flex;flex-wrap:wrap;gap:9px}
.tbcs-mini .tbcs-mini__btn,
.tbcs-mini .tbcs-mini__btn:hover,
.tbcs-mini .tbcs-mini__btn:focus,
.tbcs-mini .tbcs-mini__btn:active{
	display:inline-flex;align-items:center;justify-content:center;
	flex:1 1 auto;min-width:150px;
	padding:12px 18px;margin:0;border:0;border-radius:12px;
	background:var(--tbcs-mini-surface);
	color:var(--tbcs-mini-text);
	font:700 14px/1.2 inherit;
	letter-spacing:normal;text-transform:none;text-decoration:none;text-shadow:none;
	box-shadow:none;cursor:pointer;
	transition:background-color .16s,color .16s;
}
.tbcs-mini .tbcs-mini__btn--solid,
.tbcs-mini .tbcs-mini__btn--solid:focus{background:var(--tbcs-accent);color:var(--tbcs-primary)}
.tbcs-mini .tbcs-mini__btn--solid:hover{background:var(--tbcs-accent);color:var(--tbcs-primary);filter:brightness(.94)}
.tbcs-mini .tbcs-mini__btn:focus-visible{outline:2px solid var(--tbcs-accent);outline-offset:2px}

@media (prefers-reduced-motion:reduce){
	.tbcs-mini__skeleton{animation:none}
	.tbcs-mini .tbcs-mini__btn{transition:none}
}