/**
 * HPC_GEO_CODES — стили гео-карточки (маска GOLD*** с анимацией стран).
 * Файл живёт и умирает вместе с фичей: при сносе удаляется целиком,
 * общий coupons.css не трогаем.
 */

/* Анимируемый суффикс маски: GOLD стоит, ISO перебираются.
   min-width под 2-буквенный ISO и «***», иначе строка дёргалась бы по ширине. */
.hpc-geo-suffix {
    display: inline-block;
    min-width: 3ch;
    text-align: left;
    transition: opacity .18s ease, transform .18s ease;
}

.hpc-geo-suffix.hpc-geo-tick {
    opacity: 0;
    transform: translateY(-5px);
}

/* Имя маски для скринридера: спан визуально скрыт, но читается АТ.
   Стандартный clip-паттерн (аналог .screen-reader-text из тем WP). */
.hpc-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Пульс-подсветка гео-баннера после клика «Выбрать страну» —
   ведёт глаз к уже определённой стране («Коды для США — N»). */
.hpc-geo-attn {
    animation: hpcGeoAttn 1.2s ease 2;
}

@keyframes hpcGeoAttn {
    0%, 100% { box-shadow: 0 0 0 0 rgba(232, 144, 42, 0); }
    50%      { box-shadow: 0 0 0 4px rgba(232, 144, 42, .45); }
}