/* Исправления для мобильных устройств */

/* Показываем хлебные крошки на мобильных устройствах */
@media (max-width: 767px) {
  /* Стили для хлебных крошек в приложениях */
  .breadcrumb {
    display: block !important;
    padding: 5px 10px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px solid #efebeb !important;
  }
  
  .breadcrumb--list {
    flex-wrap: wrap !important;
    gap: 3px !important;
  }
  
  .breadcrumb--list a {
    font-size: 12px !important;
    line-height: 1.2 !important;
    max-width: 150px !important;
    padding: 3px 0 !important;
  }
  
  .breadcrumb--list li:before {
    font-size: 16px !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  
  /* Стили для хлебных крошек в статьях */
  .blog-breadcrumbs {
    display: block !important;
    margin-bottom: 15px !important;
    margin-left: 5px !important;
    padding: 5px 0 10px !important;
  }
  
  .blog-breadcrumbs ul {
    flex-wrap: wrap !important;
    gap: 3px !important;
  }
  
  .blog-breadcrumbs ul li {
    font-size: 12px !important;
  }
  
  .blog-breadcrumbs ul li a {
    font-size: 12px !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  
  .blog-breadcrumbs ul li:not(:last-child):after {
    margin: 0 5px !important;
  }
}