/* ════════════════════════════════════════════════════════════════
   RENOIR COFFEE — CUSTOM STYLES
   ════════════════════════════════════════════════════════════════ */


/* ── БАЗОВЫЕ НАСТРОЙКИ ──────────────────────────────────────── */

/* Счётчик секций для нумерации блоков страницы */
body {
    counter-reset: section;
}


/* ── ТИПОГРАФИКА И ШРИФТЫ ───────────────────────────────────── */

/* Декоративные фоновые цифры в секциях */
.rn-bg-num {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'JetBrains Mono', monospace;
    font-size: 9rem;
    font-weight: 700;
    letter-spacing: -0.06em;
    color: rgba(13,13,16,0.045);
    user-select: none;
    line-height: 1;
    pointer-events: none;
}


/* ── НАВИГАЦИЯ ──────────────────────────────────────────────── */

/* Счётчик корзины */
.t-menuwidgeticons__icon-counter {
    background-color: #FF3D2E !important;
    font-family: 'JetBrains Mono', monospace !important;
}


/* ── КАТАЛОГ: ФИЛЬТРЫ И ПОИСК ───────────────────────────────── */

/* Поле поиска */
.t-store .t-catalog__filter__input.js-catalog-filter-search[type="text"],
input.t-catalog__filter__input.js-catalog-filter-search {
    background-color: #FFFFFF !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 200 !important;
    color: #6A6A74 !important;
    border: 1px solid #C4C4CE !important;
    border-radius: 3px !important;
    padding: 6px 30px 6px 10px !important;
    line-height: 1.2 !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

/* Placeholder поля поиска */
.t-store .t-catalog__filter__input.js-catalog-filter-search::placeholder,
input.t-catalog__filter__input.js-catalog-filter-search::placeholder {
    color: rgba(106, 106, 116, 0.4) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}

/* Селект сортировки */
.t-store select[name="sort"],
select.t-catalog__sort-select,
select.js-catalog-filter-sort {
    background-color: #FFFFFF !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #6A6A74 !important;
    border: 1px solid #C4C4CE !important;
    border-radius: 3px !important;
    padding: 6px 30px 6px 10px !important;
    line-height: 1.2 !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

/* Фокус на поле поиска и селекте */
.t-store .t-catalog__filter__input.js-catalog-filter-search:focus,
input.t-catalog__filter__input.js-catalog-filter-search:focus,
.t-store select[name="sort"]:focus,
select.t-catalog__sort-select:focus,
select.js-catalog-filter-sort:focus {
    background-color: #FFFFFF !important;
    border-color: #0008F7 !important;
    outline: none !important;
    color: #6A6A74 !important;
}

/* Счётчик найденных товаров */
.t-catalog__filter__prods-number {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6A6A74 !important;
}

/* Бейдж выбранного фильтра */
.t-catalog__filter__chosen-val {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #0008F7 !important;
    background: transparent !important;
    border: 1px solid #0008F7 !important;
    border-radius: 3px !important;
    padding: 4px 8px 4px 24px !important;
}


/* ── КАТАЛОГ: САЙДБАР ───────────────────────────────────────── */

/* Активный раздел в меню категорий */
.t-catalog__parts-switch-btn.t-active .t-catalog__parts-tree-btn-title {
    color: #0008F7 !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 1px solid #0008F7 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

/* Убираем стандартный фон активного элемента */
.t-catalog__parts-tree-btn.t-active {
    background-color: transparent !important;
}

/* Чекбоксы фильтров — тонкая рамка */
.t-checkbox__indicator {
    border-width: 1px !important;
}

/* Активный чекбокс — синяя рамка без фона */
.t-checkbox__control input:checked ~ .t-checkbox__indicator {
    border-color: #0008F7 !important;
    background-color: transparent !important;
}


/* ── КАТАЛОГ: КАРТОЧКИ ТОВАРОВ ──────────────────────────────── */

/* Бейдж статуса (На заказ / Предзаказ) */
div.t-catalog__card__mark {
    background-color: transparent !important;
    color: #0008F7 !important;
    border: 1px solid #0008F7 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 1px 4px !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Статус "Нет в наличии" */
.t-catalog__card__sold-out-msg {
    color: #FF3D2E !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 400 !important;
    font-size: 12px !important;
}

/* Иконка избранного (активное состояние) — красный контур */
.t1002__addBtn_active path {
    fill: none !important;
    stroke: #FF3D2E !important;
}


/* ── ПОПАП ТОВАРА ───────────────────────────────────────────── */

/* Кнопки в попапе — растянуть на всю ширину */
.t-catalog__prod-popup__btn-wrapper,
.t-catalog__prod-popup--btn-wrapper-fixed {
    display: flex !important;
    align-items: stretch !important;
}


/* ── КНОПКИ ─────────────────────────────────────────────────── */

/* Кнопка "Связаться" */
span.t898__btn-text,
.t898__btn-text {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 300 !important;
}


//* ── АДАПТИВНОСТЬ ───────────────────────────────────────────── */

/* Десктоп: фиксированная ширина поля поиска */
@media (min-width: 961px) {
    .t-store .t-catalog__filter__input.js-catalog-filter-search[type="text"],
    input.t-catalog__filter__input.js-catalog-filter-search {
        width: 240px !important;
    }
}

/* Мобильные: растягиваем поле поиска и фиксим попапы */
@media (max-width: 960px) {
    .t-store .t-catalog__filter__input.js-catalog-filter-search[type="text"],
    input.t-catalog__filter__input.js-catalog-filter-search {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Попапы фильтров и сортировки — фиксированное положение снизу */
    .t-catalog__opts-chosen-wrapper,
    .t-catalog__filter__chosen-wrapper {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: white !important;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
    }
}