/* VIP COLLECTION — брендинг JS-shop кнопок и виджетов
   Перекрывает стандартные Bootstrap-стили JS 5.9.4. */

/* VC: показ формы shipping (с картой ПВЗ) — CSS-фолбэк на случай если JS не сработал.
   Условие: если рядом с формой checked-radio — форма видна. */
input[name="sh_pr_method_id"]:checked ~ .shipping_form,
.shipping_form.shipping_form_active,
.shipping_form_active {
    display: block !important;
}
/* И родитель — чтоб не резался overflow'ом */
.name:has(input[name="sh_pr_method_id"]:checked) .shipping_form {
    display: block !important;
}


/* Оформить заказ / основные CTA — коричневый вместо зелёного btn-success */
#comjshop .btn-success,
#comjshop .btn-primary,
#comjshop button.btn-success,
#comjshop button.btn-primary,
#comjshop a.btn-success,
#comjshop a.btn-primary,
.cart_button_checkout .btn,
.jshop_cart .btn-success,
.jshop .btn-success,
.jshop .btn-primary {
    background: #8b1a1a !important;
    background-color: #8b1a1a !important;
    color: #ffffff !important;
    border: 1px solid #8b1a1a !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    box-shadow: none !important;
}
#comjshop .btn-success:hover,
#comjshop .btn-primary:hover,
#comjshop a.btn-success:hover,
.jshop .btn-success:hover {
    background: #3d2817 !important;
    background-color: #3d2817 !important;
    color: #ffffff !important;
    border-color: #3d2817 !important;
}

/* Вернуться в магазин — вторичная кнопка: бежевый, не чёрный */
#comjshop .btn-secondary,
#comjshop .btn-default,
#comjshop button.btn-secondary,
#comjshop a.btn-secondary,
.jshop .btn-secondary,
.jshop .btn-default {
    background: #e8dec8 !important;
    background-color: #e8dec8 !important;
    color: #3d2817 !important;
    border: 1px solid #d9c9a8 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    box-shadow: none !important;
}
#comjshop .btn-secondary:hover,
#comjshop .btn-default:hover,
.jshop .btn-secondary:hover,
.jshop .btn-default:hover {
    background: #d9c9a8 !important;
    background-color: #d9c9a8 !important;
    color: #3d2817 !important;
    border-color: #c8b585 !important;
}

/* Кнопка "Подробнее" (.button_detail) — инвертированная (outline): белый фон + бордовая рамка/текст */
#comjshop .button_detail,
#comjshop a.button_detail,
#comjshop .btn.button_detail,
#comjshop .btn-primary.button_detail,
.jshop_list_product .button_detail,
.jshop_list_product a.button_detail,
a.button_detail {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #8b1a1a !important;
    border: 2px solid #8b1a1a !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    box-shadow: none !important;
}
#comjshop .button_detail:hover,
#comjshop a.button_detail:hover,
.jshop_list_product .button_detail:hover,
a.button_detail:hover {
    background: #8b1a1a !important;
    background-color: #8b1a1a !important;
    color: #ffffff !important;
    border-color: #8b1a1a !important;
}

/* Кнопка "Купить" в списках товаров — бордовая filled */
.jshop_list_product .buttons a,
.jshop_list_product .buttons input,
.jshop_prod_all_button .btn,
.button_buy,
input.button_buy,
input.jshop_buy,
a.jshop_buy,
a.btn.button_buy,
a.btn.btn-success.button_buy {
    background: #8b1a1a !important;
    background-color: #8b1a1a !important;
    color: #ffffff !important;
    border: 2px solid #8b1a1a !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 8px 20px !important;
    text-shadow: none !important;
}
.jshop_list_product .buttons a:hover,
.button_buy:hover,
input.button_buy:hover,
a.btn.button_buy:hover {
    background: #3d2817 !important;
    background-color: #3d2817 !important;
    color: #ffffff !important;
    border-color: #3d2817 !important;
}

/* "Удалить" в корзине — тонкая красная ссылка/кнопка */
.cart_button_delete,
.cart .link_delete,
.jshop_cart .cart_delete,
input[value="Удалить"],
button.jshop_delete,
a.jshop_delete {
    background: transparent !important;
    color: #8b1a1a !important;
    border: 1px solid #d99 !important;
    padding: 6px 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
}
.cart_button_delete:hover,
input[value="Удалить"]:hover {
    background: #8b1a1a !important;
    color: #ffffff !important;
}

/* Иконка "обновить корзину" рядом с полем количества — <span class="cart_reload icon-refresh">.
   Скрываем: пользователь меняет qty и жмёт "Оформить" — итог пересчитается. */
.cart_reload,
span.cart_reload,
.icon-refresh.cart_reload,
.jshop_cart .cart_reload,
table.cart .cart_reload,
td.count .cart_reload,
td .cart_reload,
.jshop_cart .refresh_cart,
.jshop_cart .cart_recalc,
img.jshop_cart_reload,
img[src*="recalc"],
img[src*="refresh"],
button.cart_reload {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Инпут количества — брендовый вид */
.jshop_cart input[type="text"],
.jshop_cart input[type="number"],
table.cart input[type="text"],
table.cart input[type="number"] {
    width: 60px !important;
    padding: 6px 8px !important;
    border: 1px solid #e8dec8 !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 15px !important;
    background: #f5deb3 !important;
    color: #313131 !important;
}
.jshop_cart input[type="text"]:focus,
table.cart input[type="text"]:focus {
    border-color: #3d2817 !important;
    outline: none !important;
}

/* Заголовки колонок таблицы корзины */
table.cart thead th,
.jshop_cart thead th,
.jshop_cart th {
    background: #2c1810 !important;
    color: #f5deb3 !important;
    font-weight: 600 !important;
    padding: 10px 12px !important;
}

/* Строки таблицы корзины */
table.cart td,
.jshop_cart td {
    border-color: #e8dec8 !important;
    padding: 12px !important;
    vertical-align: middle !important;
}

/* "Сумма", "Вес товаров", "плюс доставка" — тоны */
.jshop_subtotal, .weightorder, .jshop_total_price {
    color: #3d2817 !important;
    font-weight: 600 !important;
}
.jshop_total_price {
    font-size: 17px !important;
    color: #8b1a1a !important;
}

/* Убираем copyright JoomShopping / MAXXmarketing GmbH везде.
   Основной вылезающий элемент — <span id="mxcpr">. */
#mxcpr,
span#mxcpr,
.jshop_copyright,
.copyright_joomshopping,
a[href*="joomshopping.com"],
a[href*="joomshopping.info"],
a[href*="webdesigner-profi.de"],
a[href*="maxx-marketing.net"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ============ Расширенный поиск (advanced search) ============ */
/* Убираем ссылку "Расширенный поиск" в шапке (mod_jshopping_search) */
.adv_search_link,
div.adv_search_link,
form.mod-shop-search .adv_search_link,
.mod_jshopping_search .jshop_advanced_search,
.mod_jshopping_search a[href*="controller=search"],
form.jshop_search + a,
.jshop_search_link_wrap,
a.advanced_search_link {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Строку поиска в шапке — тянем на всё свободное место справа */
form.mod-shop-search {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}
form.mod-shop-search input#jshop_search,
form.mod-shop-search input[type="text"][name="search"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 14px !important;
    border: 1px solid #e8dec8 !important;
    border-radius: 4px !important;
    background: #f5deb3 !important;
    color: #313131 !important;
    font-size: 15px !important;
}
form.mod-shop-search input[type="text"][name="search"]:focus {
    border-color: #8b1a1a !important;
    outline: none !important;
}
form.mod-shop-search input[type="submit"] {
    flex: 0 0 auto !important;
}

/* Форма поиска на странице search: делаем аккуратнее */
#comjshop .jshop_search_form input[type="text"],
#comjshop .jshop_search_form input[type="number"],
#comjshop .jshop_search_form select,
.jshop_search input[type="text"],
.jshop_search select {
    padding: 8px 12px !important;
    border: 1px solid #e8dec8 !important;
    border-radius: 4px !important;
    background: #f5deb3 !important;
    color: #313131 !important;
    font-size: 15px !important;
    min-width: 260px !important;
}
#comjshop .jshop_search_form input[type="text"]:focus,
.jshop_search input[type="text"]:focus {
    border-color: #3d2817 !important;
    outline: none !important;
}

/* Универсальный override для ВСЕХ input/button submit в JS-shop —
   светлый текст на коричневом фоне */
#comjshop input[type="submit"],
#comjshop input[type="button"],
#comjshop button[type="submit"],
#comjshop button.button,
#comjshop input.button,
.jshop input[type="submit"],
.jshop input[type="button"],
.jshop button[type="submit"],
.jshop button.button,
#comjshop button:not(.btn-secondary):not(.btn-default) {
    background: #3d2817 !important;
    background-color: #3d2817 !important;
    color: #f5deb3 !important;
    border: 1px solid #3d2817 !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 10px 22px !important;
    text-shadow: none !important;
    cursor: pointer !important;
}
#comjshop input[type="submit"]:hover,
#comjshop button[type="submit"]:hover,
#comjshop button.button:hover,
.jshop input[type="submit"]:hover,
.jshop button[type="submit"]:hover {
    background: #8b1a1a !important;
    background-color: #8b1a1a !important;
    color: #ffffff !important;
    border-color: #8b1a1a !important;
}

/* Заголовок "ПОИСК" на странице расширенного поиска */
body.view-search h1,
body.view-search .componentheading,
#comjshop h1 {
    color: #2c1810 !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    border-bottom: 3px solid #f5deb3 !important;
    padding-bottom: 10px !important;
}

/* Метки полей формы поиска — правая колонка чуть подравняем */
#comjshop table.jshop_search td,
.jshop_search_form label,
.jshop_search_form td {
    padding: 8px 12px !important;
    vertical-align: middle !important;
    color: #313131 !important;
    font-size: 15px !important;
}
