/*
Theme Name: Sober Child Theme
Theme URI: http://uix.store/sober/
Author: UIX Themes
Author URI: http://uix.store
Description: Sober is a fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sober
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: sober
*/

.manrope-<uniquifier> {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* --- ТРИ ПОЛОСКИ В МЕНЮ --- */
.toggle-nav .icon-nav {
  position:absolute;
  border-bottom:2px solid;
  top:50%;
  left:0;
  width:18px;
  height:2px;
  margin-top:3px;
  transition:.5s
}

/* =======================================================
   СТИЛИ ШАПКИ ТОЛЬКО ДЛЯ ДЕСКТОПА (от 1200px)
   ======================================================= */
@media (min-width: 1200px) {
  /* --- 1. ВЫРАВНИВАНИЕ ИКОНОК ВПРАВО И В РЯД --- */
  .header-main .container .row,
  .header-main .header-row,
  .header-items {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      width: 100% !important;
  }

  .header-icon {
      margin-left: auto !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
  }

  .header-icon ul {
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
  }

  .header-icon ul li {
      margin-left: 8px !important; 
      display: flex !important;
      align-items: center !important;
  }

  /* --- 2. РАЗМЕР ИКОНОК (24px) И ЧЕЛОВЕЧЕК --- */
  .header-icon .menu-item-search a,
  .header-icon .menu-item-account a,
  .header-icon .menu-item-cart a {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 24px !important;
      height: 24px !important;
      position: relative !important;
  }
}

/* =======================================================
   ОТКЛЮЧЕНИЕ ДУБЛЕЙ ИКОНОК НА МОБИЛЬНЫХ УСТРОЙСТВАХ
   ======================================================= */
@media (max-width: 1199px) {
  .header-icon ul li.menu-item-search,
  .header-icon ul li.menu-item-account,
  .header-icon ul li.menu-item-cart {
      display: none !important;
  }
}

/* --- ИКОНКА ЧЕЛОВЕЧКА (ПРИМЕНЯЕТСЯ ГЛОБАЛЬНО, ЕСЛИ НУЖНО) --- */
.header-icon .menu-item-account a svg { display: none !important; }
.header-icon .menu-item-account a {
  background-color: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgMjF2LTJhNCA0IDAgMCAwLTQtNEg4YTQgNCAwIDAgMC00IDR2MiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iNyIgcj0iNCIvPjwvc3ZnPg==");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgMjF2LTJhNCA0IDAgMCAwLTQtNEg4YTQgNCAwIDAgMC00IDR2MiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iNyIgcj0iNCIvPjwvc3ZnPg==");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

/* --- 3. ЗАМЕТНАЯ ТОЧКА КОРЗИНЫ --- */

/* Скрываем, если пустая */
.header-icon .menu-item-cart .cart-contents.empty .count,
.header-icon .menu-item-cart .cart-contents .count:empty {
  display: none !important;
}

/* Стиль активной точки (появляется только когда есть товар) */
.header-icon .menu-item-cart .cart-contents .count {
  display: flex !important;
  position: absolute !important;
  top: 10px !important;    /* Прямо в "теле" сумки */
  right: 4px !important;
  
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  
  background-color: #000000 !important; /* Черный цвет */
  color: #ffffff !important;            /* Белая цифра */
  border: 1px solid #ffffff !important; /* Белая обводка для заметности */
  border-radius: 50% !important;
  
  font-size: 9px !important;
  font-weight: bold !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: transform 0.2s ease !important;
}

/* Эффект при наведении на корзину */
.header-icon .menu-item-cart:hover .cart-contents .count {
  transform: scale(1.2) !important; /* Точка слегка увеличивается */
}

/* Расстояние между фото в категориях магазина */
#primary .products li {
  padding-left:3px;
  padding-right:3px;
  padding-top:0px;
  padding-bottom:0px;
}

/* Span Tag - стикеры % Новое Популярное*/
.products .woocommerce-badges span {
  margin-top:2px !important;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:12px !important;
  border-bottom-right-radius:12px !important;
}

/* --- ВЫДЕЛЕНИЕ УРОВНЕЙ ВЛОЖЕННОСТИ В МОБИЛЬНОМ МЕНЮ --- */

/* 2-й уровень меню (например: Новинки, Одежда для дома) - Жирный */
.side-menu li li > a {
    font-weight: 600 !important; /* Делаем шрифт жирным */
    color: #23232c !important;   /* Делаем текст темнее для лучшей читаемости */
}

/* 3-й уровень меню (например: Халаты, Полотенца) - Обычный */
.side-menu li li li > a {
    font-weight: 400 !important; /* Возвращаем нормальный вес шрифта */
    color: #909097 !important;   /* Возвращаем стандартный светло-серый цвет темы */
}

/* --- КАТЕГОРИИ ПО 1 В РЯД ТОЛЬКО ДЛЯ БЛОКОВ С КЛАССОМ mobile-1-col-portrait --- */
@media (max-width: 991px) and (orientation: portrait) {
    .mobile-1-col-portrait ul.products li.product-category {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}