/*
Theme Name: Blockbase Child
Theme URI: https://wordpress.com/theme/blockbase
Template: blockbase
Author: Automattic
Author URI: https://automattic.com/
Description: Blockbase is a simple theme that supports full-site editing. It comes with a set of minimal templates and design settings that can be manipulated through Global Styles. Use it to build something beautiful.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,theme-options,threaded-comments,translation-ready,wide-blocks,style-variations
Version: 3.1.21.1760971091
Updated: 2025-10-20 17:38:11

*/
/****************************/

.wp-block-heading{
	margin-top: 2em!important;
}

/* Цена в карточке товара */
.woocommerce-Price-amount{
	font-size: var(--wp--preset--font-size--large);
}
/* Посмотреть корзину на странице товара */
.added_to_cart.wc-forward{
	display: block!important;
}
/**********************/
/* Ваша надпись на шаре */
/* Поле для ввода текста */
.yith-wapo-option-value{
	background-color: white!important;
}
/* Интервал между переключателями и инпуктом ввода текста*/
.addon-header{
	/* display: none!important; */
}
/* Подпись под инпутом текста */
.yith-wapo-option.selection-single .description{
	font-size: var(--wp--custom--font-sizes--normal)!important;
}
/* Заливка белым суммы товара и опций, и отступ снизу */
#wapo-total-price-table{
	background: transparent!important;
	margin-bottom: 40px;
}
/*******************************/
/* Выкатная мини корзина */
/* ─────────────────────────────────────── */
/*      Side Cart — Полный адаптивный стиль     */
/* ─────────────────────────────────────── */

/* 1. Убираем жирность и увеличение шрифтов — ВЕЗДЕ */
.xoo-wsc-product .xoo-wsc-pname,
.xoo-wsc-product .xoo-wsc-pname a,
.xoo-wsc-product .variation,
.xoo-wsc-product .variation dt,
.xoo-wsc-product .variation dd,
.xoo-wsc-product .xoo-wsc-qty-price,
.xoo-wsc-product .xoo-wsc-qty-price span,
.xoo-wsc-product .xoo-wsc-qty-price .woocommerce-Price-amount,
.xoo-wsc-footer .xoo-wsc-ft-btn,
.xoo-wsc-header .xoo-wsch-text {
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: inherit !important;
}

/* 2. Заголовок корзины — обычный шрифт */
.xoo-wsc-header .xoo-wsch-text {
    font-size: 18px !important;
    font-weight: normal !important;
}

/* 3. Адаптив для мобильных (до 768px) */
@media (max-width: 768px) {
    /* Общий вид товара — вертикальная колонка */
    .xoo-wsc-product {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 14px 0 !important;
        border-bottom: 1px solid #eee !important;
    }

    /* Контейнер картинки — центрирован, до 200px */
    .xoo-wsc-img-col {
        width: 100% !important;
        max-width: 200px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Картинка — главное! */
    .xoo-wsc-img-col img {
        width: 100% !important;
        height: auto !important;
        max-width: 200px !important;
        max-height: none !important;
        object-fit: contain !important;      /* не обрезает надписи */
        object-position: center !important;
        border-radius: 8px !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.1) !important;
        background: #fff !important;
        padding: 6px !important;
        display: block !important;
    }

    /* Контейнер текста — под картинкой */
    .xoo-wsc-sum-col {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    .xoo-wsc-sm-info {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    /* Левая часть — название, опции, цена */
    .xoo-wsc-sm-left {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    /* Правая часть — кнопка удаления */
    .xoo-wsc-sm-right {
        display: flex !important;
        justify-content: flex-end !important;
        margin-top: 4px !important;
    }

    .xoo-wsc-smr-del {
        font-size: 18px !important;
        color: #ff4d4d !important;
        cursor: pointer !important;
    }

    /* Уменьшаем шрифт немного для плотной компоновки */
    .xoo-wsc-product .xoo-wsc-pname,
    .xoo-wsc-product .variation,
    .xoo-wsc-product .xoo-wsc-qty-price {
        font-size: 13px !important;
    }

    .variation dt {
        display: inline-block !important;
        margin-right: 4px !important;
        font-weight: normal !important;
    }

    .variation dd {
        display: inline !important;
        margin: 0 !important;
    }
}

/* 4. На десктопе — оставляем компактный вид, но без жирности */
@media (min-width: 769px) {
    .xoo-wsc-img-col {
        width: 80px !important;
        max-width: 80px !important;
    }

    .xoo-wsc-img-col img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 6px !important;
    }
}
/* ─────────────────────────────────────── */
/*      Восстановление белого текста на кнопках     */
/* ─────────────────────────────────────── */

/* Цвет текста на всех кнопках в панели корзины */
.xoo-wsc-footer .xoo-wsc-ft-btn,
.xoo-wsc-footer .xoo-wsc-ft-btn span,
.xoo-wsc-footer .xoo-wsc-ft-btn .woocommerce-Price-amount {
    color: #ffffff !important; /* Белый текст */
    font-weight: normal !important;
}

/* Для кнопок с ценой — чтобы цифры были белыми */
.xoo-wsc-footer .xoo-wsc-ft-btn-checkout .woocommerce-Price-amount {
    color: #ffffff !important;
}

/* При наведении — можно оставить или добавить контраст */
.xoo-wsc-footer .xoo-wsc-ft-btn:hover {
    color: #333 !important;
    /*opacity: 0.9;*/
}
/***********************************/
/* Поиск - кнопка и инпут */
#search-toggle{
	display: flex;
	align-items: center;
	cursor: pointer;
}
#search-container{
	display: none;
}
#search-container.active {
        display: flex;
    }
/* Стоимость надписи в скобках - отключаем */
.option-price{
	display: none;
}
/************************************************/
/* Меню в шапке */

.sb-navigator {
  background-color: #f0f0f0;
  padding: 10px;
  text-align: center;
  position: relative; /* важно для позиционирования absolute-элементов внутри */
}

.sb-navigator > div {
  width: 200px;
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative; /* чтобы .sb-navigator_body позиционировался относительно него */
}

/* Заголовок — всегда виден, стилизация */
.sb-navigator_title {
  padding: 10px 15px;
  font-weight: 500;
  border: 2px solid #ccc;
  background-color: white;
  cursor: pointer;
  position: relative;
  z-index: 10; /* чтобы был поверх body при открытии */
  border-radius: 8px; /* закругленные уголки */
  transition: all 0.2s ease;
  text-align: center;
}

.sb-navigator_title:hover {
  border-color: #888;
}

/* Тело — по умолчанию скрыто, абсолютное позиционирование */
.sb-navigator_body {
  display: none;
  position: absolute;
  top: 100%; /* сразу под заголовком */
  left: 0;
  right: 0;
  background-color: white;
  border: 2px solid #ccc;
  border-top: none;
  z-index: 20; /* выше чем .sb-navigator_title */
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 0 0 8px 8px;
}

/* Показываем тело только в состоянии selected */
.sb-navigator_selected .sb-navigator_body {
  display: block;
}

/* Стили для состояний заголовка через рамки */
.sb-navigator_item .sb-navigator_title {
  border-color: #ccc;
  background-color: white;
}

.sb-navigator_selected .sb-navigator_title {
  border-color: #4a90e2;
  border-bottom-color: #ccc; /* нижняя граница будет общей с body */
  border-radius: 8px 8px 0 0; /* скругляем только верхние углы */
  background-color: white;
}

.sb-navigator_current .sb-navigator_title {
  border-color: #2c3e50;
  border-width: 2px;
  background-color: white;
}

/* Стили для ссылок внутри тела меню */
.sb-navigator_body a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s;
}

.sb-navigator_body a:last-child {
  border-bottom: none;
}

.sb-navigator_body a:hover {
  background-color: #f5f5f5;
}
/****************************************/
/* Страница оформления заказа */ 

/* Чекбокс - Использовать этот адрес для выставления счетов */
.wc-block-checkout__use-address-for-billing{
	display: none;
}
/* Отступы для добавленных блоков */
.wc-block-checkout__additional-fields__field{
	margin: 1em 0;
}
.wc-block-components-checkbox{
	margin: 1em 0;
}

/* Блок - Ваши данные */
.wp-block-woocommerce-checkout-billing-address-block{
	display: none;
}
/* Имя  - первое имя */
.wc-block-components-address-form__first_name{
	display: none;
}
/* Фамилия - второе имя */
.wc-block-components-address-form__last_name{
	display: none;
}
/* Название компании */
.wc-block-components-address-form__company{
	display: none;
}
/* Страна / регион */
.wc-blocks-components-select__container{
	display: none;
}

/* Область / регион  */
.wc-block-components-address-form__state{
	display: none;
}
/* Почтовый индекс */
.wc-block-components-address-form__postcode{
	display: none;
}

/* Дата и время готовности заказа */

#additional_delivery_date {
    /* Размер и шрифт */
    font-size: var(--wp--preset--font-size--small) !important;
    font-family: var(--wp--preset--font-family--roboto) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    
    /* Заливка и границы */
    background-color: #ffffff !important;
    border: 1px solid rgba(32, 7, 7, 0.8) !important;
    border-radius: 4px !important;
    
    /* Отступы и размер */
    padding: 10px 12px !important;
    height: 45px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    
    /* Текст */
    color: #333 !important;
}
/* *********************************************** */
/* Ссылка filter-link */
.filter-link a{
  display: inline-block; /* Делаем ссылки блочными элементами для контроля размеров */
  padding: 5px 10px; /* Отступы внутри блока (регулируйте по желанию) */
  text-align: center; /* Центрируем текст внутри блока */
  text-decoration: none!important; /* Убираем подчёркивание у ссылок */
  border: 1px solid #333; /* Тонкая чёрная рамка */
  background-color: white; /* Белый фон (можно заменить на любой другой) */
  border-radius: 6px; /* Закругление углов (8px — пример, регулируйте) */
}
/**********************************/
/* Фокус шапки аккордеона */
.accordion-item__toggle:focus{
	outline: none;
}
/* Отступ шапки аккордеона */
.accordion-item__toggle span{
	margin-left: 0.5rem;
}
/* Рамка при раскрытиии аккордеона */ 
.wp-block-woocommerce-accordion-item.is-open{
	border: 1px dotted #333;
	border-radius: 6px; /
}