/* FULL WIDTH footer background */
.hm-footer {
  margin-top: 44px;
  background: #f7f7f7;
  border-top: 1px solid rgba(0,0,0,.08);
}

/* containers - ограничиваем ширину и выравниваем по центру */
.hm-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.hm-footer__top { padding: 34px 0 18px; }
.hm-footer__mid { padding: 14px 0; border-top: 1px solid rgba(0,0,0,.06); }
.hm-footer__bot { padding: 12px 0 22px; border-top: 1px solid rgba(0,0,0,.06); }

/* title - центрируем */
.hm-footer__title {
  margin: 0 0 24px;
  font-size: 16px;
  font-weight: 800;
  color: #111;
  letter-spacing: .02em;
  text-align: center;
}

/* countries menu => сетка по ширине контента */
.hm-countries {
  list-style: none;
  margin: 0 auto;
  padding: 0;

  display: flex; /* Изменил на flex для лучшего центрирования неполного ряда */
  flex-wrap: wrap; /* Позволяем переноситься на новую строку, если стран много */
  justify-content: center; /* Центрируем */
  gap: 16px 40px; 
}

/* Стили для элементов списка */
.hm-countries li,
.hm-countries__item { 
  margin: 0; 
  padding: 0; 
}

/* Стили для ссылок стран */
.hm-countries a,
.hm-countries__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  text-decoration: none;
  color: #555;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap; 
}

.hm-countries a:hover,
.hm-countries__link:hover {
  color: #111;
  text-decoration: underline;
}

/* Настройки круглых флагов */
.hm-flag {
  display: inline-block;
  width: 20px; /* Чуть увеличил размер для четкости */
  height: 20px;
  background-size: 100% 100%; /* ИСПРАВЛЕНО: Флаг теперь вписывается полностью */
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  border-radius: 50%; 
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08); /* Чуть более заметная обводка для белых флагов */
  background-color: #fff; /* Белый фон на случай прозрачных SVG */
}

/* legal centered */
.hm-footer__legal {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hm-footer__legal a {
  color: #555;
  text-decoration: none;
  font-size: 14px;
}
.hm-footer__legal a:hover { 
  color: #111; 
  text-decoration: underline; 
}

.hm-footer__dot { opacity: .35; }

/* year centered */
.hm-footer__copy {
  text-align: center;
  color: #555;
  font-size: 14px;
  font-weight: 500;
}

/* СПИСОК ФЛАГОВ */
.hm-flag--ar { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/ar.svg'); }
.hm-flag--at { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/at.svg'); }
.hm-flag--au { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/au.svg'); }
.hm-flag--be { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/be.svg'); }
.hm-flag--br { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/br.svg'); }
.hm-flag--ca { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/ca.svg'); }
.hm-flag--ch { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/ch.svg'); }
.hm-flag--cl { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/cl.svg'); }
.hm-flag--co { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/co.svg'); }
.hm-flag--cz { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/cz.svg'); }
.hm-flag--de { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/de.svg'); }
.hm-flag--dk { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/dk.svg'); }
.hm-flag--es { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/es.svg'); }
.hm-flag--fi { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/fi.svg'); }
.hm-flag--fr { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/fr.svg'); }
.hm-flag--it { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/it.svg'); }
.hm-flag--jp { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/jp.svg'); }
.hm-flag--kr { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/kr.svg'); }
.hm-flag--mx { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/mx.svg'); }
.hm-flag--nl { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/nl.svg'); }
.hm-flag--no { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/no.svg'); }
.hm-flag--pe { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/pe.svg'); }
.hm-flag--pl { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/pl.svg'); }
.hm-flag--pt { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/pt.svg'); }
.hm-flag--ro { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/ro.svg'); }
.hm-flag--se { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/se.svg'); }
.hm-flag--uk { background-image: url('/wp-content/themes/hello-orifstyle-child/assets/flags/uk.svg'); }