Фессалоникский император Феодор Дука собрал огромную армию. Он был так уверен в победе своей армии, что взял с собой жену и детей. Отягощённая обозами эпирская армия перемещалась медленно. Когда болгарский царь узнал о нападении, он собрал небольшую армию из нескольких тысяч воинов, включая
половецкую конницу, и устремился навстречу противнику. В течение четырёх дней болгары прошли расстояние в три раза большее, чем армия Фессалоникской империи в течение недели.
9 марта армии встретились около деревни Клокотница. Иван II использовал как знамя болгарской армии копьё с договором о разорванном союзе с Феодором. Ивану удалось застать противника врасплох. Битва завершилась до захода солнца. Фессалоникская армия была полностью разгромлена, часть войска погибла, часть попала в плен, включая самого Феодора и его семью
[3].
Иван Асень II немедленно отпустил пленных солдат. Вследствие этого благородного жеста при последующем продвижении вглубь страны многие крепости сдавались болгарам без сопротивления. Феодор сначала был милостиво принят Асенем, но впоследствии болгары ослепили его по обвинению в заговоре («эта казнь была вполне заслужена» — Никифор Григора). Болгарскому царству отошли владения Феодора во Фракии до Фессалоник, с городами
Адрианополь,
Дидимотика, Серры. Впоследствии Фессалоникская империя распалась на три государственных образования с центрами в
Фессалонике, в
Арте (Эпирский деспотат) и
Лепанто (деспотат Акарнании и Этолии)
[4].