/**
 * @version     CVS: 1.0.0
 * @package     com_top100cities
 * @copyright   2024 INSKY
 * @license     GNU General Public License версии 2 или более поздней; Смотрите LICENSE.txt
 * @author      INSKY <info@insky.by>
 */
 .svg-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden; /* если нужно скрывать то, что выходит за пределы */
  }
  
  /* Сам SVG в этой обёртке масштабируем */
  .svg-wrapper svg {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Стили для контейнера таблицы с прокруткой и скрытием скроллбара */
  #tableContainer {
      max-height: 500px;
      overflow-y: auto;
      -ms-overflow-style: none; /* IE, Edge */
      scrollbar-width: none;    /* Firefox */
  }
  #tableContainer::-webkit-scrollbar {
      display: none;
  }
  #tableContainer thead th {
      position: sticky;
      top: 0;
      background: #fff;
      z-index: 10;
  }
  /* Стили для кастомного SVG-маркера */
  .custom-svg-marker {
      background: transparent;
      border: none;
      box-shadow: none;
  }
  /* Эффект бегущего градиента (shimmer) */
  @keyframes shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
  }
  .shimmer {
      background: linear-gradient(90deg, transparent, rgba(255,174,0,0.6), transparent);
      background-size: 200% 100%;
      animation: shimmer 2s linear;
      position: relative;
      z-index: 9999;
  }
  /* Основная строка таблицы кликабельна */
  .main-row {
      cursor: pointer;
  }
  /* Эффект увеличения маркера при наведении */
  .marker-hover {
      transform: scale(1.2);
      transition: transform 0.3s ease;
  }
  
  /* Ваши дополнительные стили таблицы */
  .table td {
    color: white;
  }
  #tableContainer .details-content .details-rank {
    display: flex;
    flex-wrap: wrap;
  }
  #tableContainer .details-rank p {
    color: #ffffffbd;
    font-size: 0.7rem;
    font-style: 300;
    font-weight: 200;
    line-height: 0.8rem;
    text-align: left;
    margin: 0.2rem;
    border: 1px solid #ffffff70;
    padding: 0.3rem;
  }
  .btn-details {
    width: 100%;
  }
  .btn.btn-details {
    background-color: inherit;
    border-radius: 3px;
    border: none;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8rem;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: underline;
    text-align: right;
  }