/*
 * Иконка кабинета в шапке. Встаёт между избранным и корзиной - туда её ставит фильтр
 * шорткода, см. class-ram-header-account.php. Размеры и отступы подогнаны под соседние
 * иконки темы: сердце и сумка нарисованы примерно в 22 пикселя.
 */

.header_block_top_right .ram-header-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #010101;
  line-height: 0;
}

/*
 * Равные промежутки между иконками шапки - просьба Заказчика от 22.09.2026.
 *
 * У темы они были разные: поиск - сердце 25 пикселей (15 справа у поиска плюс 10 слева у
 * сердца), сердце - кабинет 10, кабинет - сумка 20. Задаём все три явно по 20. Поля темы
 * перебиваем через !important: её правила лежат в теге <style> внутри страницы, то есть
 * ниже нашего файла по порядку, и при равной силе побеждали бы они.
 */
@media (min-width: 551px) {
  .header_block_top_search {
    margin-right: 0 !important;
  }

  .header .header_block_top_right .wishlist_products_counter,
  .header_block_top_right .ram-header-account,
  .header_block_top_right .header_block_top_right_cart {
    margin-left: 20px !important;
  }
}

.header_block_top_right .ram-header-account:hover {
  color: #8d734b;
}

/*
 * 22px, а не 20: рисунок не касается краёв viewBox, и при 22px он выходит на экране
 * в те же примерно 20 пикселей, что сумка и сердце. Замерено 22.09.2026.
 */
.header_block_top_right .ram-header-account__icon {
  width: 22px;
  height: 22px;
  display: block;
}

/* На узких экранах иконки темы жмутся - наша тоже, и промежутки там свои, по 10. */
@media (max-width: 550px) {
  .header_block_top_search {
    margin-right: 0 !important;
  }

  .header_block_top_right .ram-header-account,
  .header_block_top_right .header_block_top_right_cart {
    margin-left: 10px !important;
  }

  .header_block_top_right .ram-header-account__icon {
    width: 20px;
    height: 20px;
  }
}

/*
 * Узкие экраны - iPhone SE, mini и подобные: иконку прячем.
 *
 * В шапке темы на такой ширине места нет. Логотип стоит по центру и занимает 150 пикселей,
 * иконки прижаты к правому краю, и наша добавляет к ряду 22 пикселя - ряд наезжает на
 * логотип. Замерено на 375: даже ужав свои отступы и отступы корзины досуха, не хватает
 * ещё 13 пикселей. Освободить их можно только уменьшив логотип или иконки темы.
 *
 * В согласованных мобильных макетах (markup/auth-2026-09-17/Mobile) иконки кабинета в шапке
 * нет вовсе - там только сердце и сумка. П. 5.3 требует иконку «в соответствии с
 * согласованными макетами», так что на телефоне её отсутствие макетам не противоречит.
 *
 * Вход с телефона не теряется: пункт «Личный кабинет» добавляется в бургер-меню, см.
 * assets/js/header-account.js. На планшетах и десктопе иконка на месте.
 */
@media (max-width: 420px) {
  .header_block_top_right .ram-header-account {
    display: none;
  }
}

/*
 * ВРЕМЕННО СКРЫТО с 21.09.2026 по решению Заказчика (Nadya, переписка в группе).
 *
 * На странице оформления заказа тема рисует свою кнопку «Войти или зарегистрироваться»
 * (#checkout-login-btn и #checkout-login-btn1) и окно с полями «Имя пользователя или E-mail»
 * и «Пароль». После перехода на вход по коду из SMS паролей у покупателей нет: учётная
 * запись создаётся по номеру, пароль в ней случайный. Войти через это окно нельзя, а его
 * вкладка «Регистрация» заводит запись без телефона - и тот же человек, войдя потом по коду,
 * получил бы вторую учётную запись.
 *
 * Прячем только интерфейс. Код темы (обработчики daby_login и daby_register в её functions.php)
 * остаётся на месте - он не наш, и трогать его Заказчик не просил.
 *
 * ВЕРНУТЬ: при переделке корзины и оформления - убрать этот блок целиком.
 * Вход с оформления при этом не теряется: иконка кабинета в шапке выводится и там.
 */
.checkout-login-block,
#checkout-login-modal {
  display: none !important;
}

/*
 * Пункты кабинета в бургер-меню. Своих шрифтов и размеров намеренно не задаём: наш <li>
 * лежит в том же списке, что и пункты темы, и её правила `#menu-primary > li > a` накрывают
 * его сами. Здесь только защита от синей ссылки браузера, если тема до него не дотянется.
 */
.wp-mobile-menu .ram-menu-account > a {
  display: block;
  color: inherit;
  text-decoration: none;
}