/* ===== ЛОКАЛЬНЫЕ ШРИФТЫ ===== */
@font-face {
    font-family: 'Manrope';
    src: url('/wa-data/public/site/fronts/Manrope.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Russo One';
    src: url('/wa-data/public/site/fronts/RussoOne.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ===== MANROPE ДЛЯ ВСЕХ ТЕКСТОВЫХ ЭЛЕМЕНТОВ ===== */
body,
body p,
body span,
body div,
body a,
body li,
body ul,
body ol,
body td,
body th,
body label,
body input,
body button,
body textarea,
body select,
body blockquote,
body cite,
body address,
body small,
body big,
body sub,
body sup,
body dt,
body dd,
body figcaption,
body footer,
body header,
body nav,
body section,
body article,
body aside,
body main {
    font-family: 'Manrope', sans-serif !important;
}

/* ===== RUSSO ONE ТОЛЬКО ДЛЯ H1 И H2 ===== */
h1, h2,
.section-title,
.item-c__title,
.pd-descr__title,
.rc-contacts__title,
.rc-map__title,
.rc-about-card__title,
.rc-about__title,
.rc-consent__title,
.rc-consent-card__title,
.rc-consent__subtitle,
.rc-offer__title,
.rc-offer__doc,
.rc-cookie__title,
.rc-cookie-card__title,
.rc-cookie__subtitle,
.rc-cookie-type__title,
.rc-ad-consent__title,
.rc-ad-consent-card__title,
.rc-ad-consent__subtitle,
.rc-privacy__title,
.rc-privacy__subtitle,
.rc-privacy-card__title {
    font-family: 'Russo One', sans-serif !important;
}

.s-order-page a {
    color: #FF6A00 !important;
}

/* ===== ИСПРАВЛЕНИЕ 1: Кнопка "Посмотреть все результаты" в поиске ===== */
.autocomplete-suggestion {
    position: relative !important;
}

.autocomplete-suggestion .view-all {
    position: static !important;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 1rem 0;
    background: #1C1C1C !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    left: auto !important;
    transform: none !important;
    bottom: auto !important;
    color: #fff !important;
    transition: background .3s !important;
}

/* Убираем границы у всех вложенных элементов */
.autocomplete-suggestion .view-all *,
.autocomplete-suggestion .view-all::before,
.autocomplete-suggestion .view-all::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Цвет текста внутри кнопки */
.autocomplete-suggestion .view-all,
.autocomplete-suggestion .view-all a,
.autocomplete-suggestion .view-all span,
.autocomplete-suggestion .view-all * {
    color: #fff !important;
    text-decoration: none !important;
}

/* Состояние при наведении */
.autocomplete-suggestion .view-all:hover {
    background: #FF6A00 !important;
}

.autocomplete-suggestion .view-all:hover,
.autocomplete-suggestion .view-all:hover a,
.autocomplete-suggestion .view-all:hover span,
.autocomplete-suggestion .view-all:hover * {
    color: #fff !important;
}

/* ===== ИСПРАВЛЕНИЕ 2: Кнопка закрытия (X) в окне быстрого просмотра ===== */
.b-popup_fast .mfp-close {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    width: 3rem !important;
    height: 3rem !important;
    background: #fff !important;
    border: 1px solid #1C1C1C !important;
    border-radius: 50% !important;
    transition: border-color .3s, background-image .3s !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 1 !important;
    opacity: 1 !important;
    
    /* SVG крестик */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
}

.b-popup_fast .mfp-close:hover {
    border-color: #FF6A00 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6A00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
}

.b-popup_fast .mfp-close::before,
.b-popup_fast .mfp-close::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: none !important;
    transform: none !important;
}

/* ===== КНОПКА УДАЛЕНИЯ ТОВАРА ИЗ КОРЗИНЫ — ТОЛЬКО ТЕКСТ ===== */

/* Текст "Удалить" — оранжевый */
.wa-tooltip[data-title="Удалить товар из корзины"] {
    color: #FF6A00 !important;
}

/* При наведении текст становится тёмным */
.wa-tooltip[data-title="Удалить товар из корзины"]:hover {
    color: #1C1C1C !important;
}

/* Иконку НЕ трогаем — она остаётся серого цвета */

/* ===== ТОЧНОЕ СКРЫТИЕ БЛОКА "В НАЛИЧИИ" ===== */

/* 1. Скрываем "В наличии" в карточках товаров на главной, в хитах, новинках и акциях */
.item-c__stock-info,
.stock-info {
    display: none !important;
}

/* 2. На всякий случай, если блок выводится с другими модификаторами в вашей теме */
.stock-info__text {
    display: none !important;
}

/* ===== СКРЫТИЕ НАЗВАНИЯ СКЛАДА ===== */

/* Скрываем только название склада "Домодедово" */
.pd-stock__title,
.pd-cart__stock-wrapper .pd-stock__title {
    display: none !important;
}

/* ===== МЕНЮ КАТЕГОРИЙ: ЦЕНТРИРОВАНИЕ И УЛУЧШЕНИЯ ===== */

/* 1. ЖЕСТКОЕ ЦЕНТРИРОВАНИЕ ВСЕГО БЛОКА МЕНЮ */
.hor-menu {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.hor-menu__list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important; /* Центрируем сам список */
    width: 100% !important;
    padding: 0 !important;
}

/* 2. НАСТРОЙКА ПУНКТОВ МЕНЮ */
/* Скрываем кнопку "три точки" */
.hor-menu__btn-toggler {
    display: none !important;
}

/* Уменьшаем отступы и шрифт для компактности */
.hor-menu__item:not(.moved-item) {
    padding-right: 1.2rem !important;
    padding-left: 1.2rem !important; /* Добавляем симметричный отступ */
}

.hor-menu__item:not(.moved-item) .hor-menu__lnk {
    padding: 10px 0 !important;
    font-size: 1.3rem !important;
}

/* Уменьшаем иконки категорий (если есть) */
.hor-menu__i-icon img {
    max-width: 20px !important;
    max-height: 20px !important;
}

/* Убираем разделители между пунктами, если они есть */
.hor-menu__list_devider .hor-menu__item:not(:last-child)::after {
    display: none !important;
}

/* 3. СКРЫВАЕМ ПУСТЫЕ ВЫПАДАЮЩИЕ ОКНА (для категорий без подкатегорий) */
.hor-menu__item:not(.has-subm):not(.has-vert-subm) .hor-menu__submenu,
.hor-menu__item:not(.has-subm):not(.has-vert-subm) .vert-m,
.hor-menu__item:not(.has-subm):not(.has-vert-subm) .book-m__content-side,
.hor-menu__item:not(.has-subm):not(.has-vert-subm) .book-m__call-to-action {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Делаем фон прозрачным при наведении на пустые категории, чтобы не было белых рамок */
.hor-menu__item:not(.has-subm):not(.has-vert-subm):hover .hor-menu__submenu {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. КРАСИВОЕ НАВЕДЕНИЕ (HOVER) */
.hor-menu__lnk, 
.hor-menu__text, 
.hor-menu__i-icon {
    transition: color 0.3s ease, opacity 0.3s ease !important;
}

/* При наведении меняем цвет на фирменный оранжевый */
.hor-menu__item:hover .hor-menu__lnk,
.hor-menu__item:hover .hor-menu__text,
.hor-menu__item:hover .hor-menu__i-icon {
    color: #FF6A00 !important;
}

/* Для категорий без подкатегорий убираем лишние отступы справа (так как нет стрелочки вниз) */
.hor-menu__item:not(.has-subm):not(.has-vert-subm) .hor-menu__lnk {
    padding-right: 0 !important;
}