/*
Theme Name: Demo-Shop
Template: bono
Version: 1.0.0
*/

/* Выравнивание описания на главной странице (если но есть) */
.home-text{
	max-width: 100%;
}
/* Цена в карточке товара выделена желтым цветом - как когдато у розетка */
.product-info .price {
	color: #f84147;
	font-weight: 400;
	padding: 13px;
	background: #ffff0054;
	border-radius: 4px;
	font-size: 1.5em;
}
/* Просто изменил стиль ценников - на свое усмотрение */
.shop-item__price {
	font-size: 21px;
	font-weight: 400;
}
.price{
	color: #f84147;
    font-weight: 400;
    padding: 13px;
    background: #ffff0054;
    border-radius: 4px;
}
/* Отступ кнопок в карточке товара - без кода они сливались в одну */
.single_add_to_cart_button, 
.bono_buy_one_click,
.js-buy-one-click {
	margin: 6px;
}
/* Цвет ссылок в футере при наведении */
.footer-widgets .widget_nav_menu ul.menu li a:hover {
	color: #f84147;
}
.product-categories .current-cat-parent a{
	font-weight: 600;
}
.widget-area .widget_categories ul.menu>li, .widget-area .widget_categories>ul>li, .widget-area .widget_nav_menu ul.menu>li, .widget-area .widget_nav_menu>ul>li, .widget-area .widget_product_categories ul.menu>li, .widget-area .widget_product_categories>ul>li{
	padding-left: 10px;
}	
/* При оформлении заказа чекбоксы теперь не налазят на текст */
input[type=checkbox], input[type=radio]  {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin-right: 5px;
}
.shop-item__image img{
	max-height: 300px;
}
.price del, .product-info .grouped_form .group_table .woocommerce-grouped-product-list-item__price del, .widget_products>ul>li del, .widget_recent_reviews>ul>li del, .widget_recently_viewed_products>ul>li del, .widget_top_rated_products>ul>li del{
	font-size:0.6em;
}
.price del:after, .product-info .grouped_form .group_table .woocommerce-grouped-product-list-item__price del:after, .widget_products>ul>li del:after, .widget_recent_reviews>ul>li del:after, .widget_recently_viewed_products>ul>li del:after, .widget_top_rated_products>ul>li del:after{
	top: 23%;border-bottom: 1px solid #f43c33;
}
/* ОЙ хз что я тут сделал, но получилось интересно */
.select2-container--default .select2-selection--single .select2-selection__rendered  {
	color: #333;
	line-height: 28px;
	font-weight: 400;
}
/*Большие кнопки навигации*/
.woocommerce-pagination>.page-numbers {
	margin: 30px 0 30px;
}

/* Прячем кнопку вызова фильтра на десктоп-версии */
.btn-filter{
	display: none;
}
.section-block__title a{
	font-size: 14px;
    font-weight: 100;
    text-decoration: none;
}
.card-slider-container{
	display: block;
}


/* Выпадающий список в фильтре - сайдбаре */
.select2-container .select2-selection--single{
	height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 40px !important;
}


/* Кнопки и другие елементы взаимодействия */
.btn, .button, .card-slider__button, .cart-collaterals .checkout-button, .cart-collaterals .woocommerce-shipping-calculator button[type=submit], .comment-respond .form-submit input, .return-to-shop .button, .widget.woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown__submit, .widget_price_filter .price_slider_amount .button, .woocommerce .woocommerce-checkout .woocommerce-checkout-payment .button, .woocommerce-EditAccountForm .button, .woocommerce-account .woocommerce-ResetPassword .woocommerce-Button, .woocommerce-account .woocommerce-ResetPassword .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-login .woocommerce-Button, .woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-account .woocommerce-form-register .woocommerce-Button, .woocommerce-account .woocommerce-form-register .woocommerce-form-login__submit, .woocommerce-address-fields .button, .woocommerce-cart-form .shop_table td.actions .btn-update-cart, .woocommerce-error .button, .woocommerce-form-coupon .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-mini-cart__buttons .button, .woocommerce-store-notice .button, .wp-block-button__link{
	background-color: #080730;
}
.widget.woocommerce.widget_layered_nav_filters>ul .chosen a, .widget.woocommerce.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #080730;
}
.widget_price_filter .ui-slider .ui-slider-range{
	background-color: #080730;
}
.widget_price_filter .ui-slider .ui-slider-handle{
	background-color: #080730;
}
.from .to{
	background-color: #080730;
}
.widget-area .widget_categories ul.menu>li:before, .widget-area .widget_categories>ul>li:before, .widget-area .widget_nav_menu ul.menu>li:before, .widget-area .widget_nav_menu>ul>li:before, .widget-area .widget_product_categories ul.menu>li:before, .widget-area .widget_product_categories>ul>li:before{
	background:#080730;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background:#080730 !important;	
}
.widget.woocommerce.woocommerce-widget-layered-nav>ul .woocommerce-widget-layered-nav-list__item.woocommerce-widget-layered-nav-list__item--chosen a:before, .widget_rating_filter>ul>li.chosen a:before{
	background-color: #080730;
	border-color:#080730;
}
.section-block__title a{
	color:#080730;
}
/* Название рубрик в сайдбаре */
.widget-area .widget_product_categories .current-cat-parent a{
	font-size:1.1em;
	font-weight: 800;
}
.widget-area .widget_product_categories ul>li>a, .current-cat a{
	font-weight: 800;
}
.widget-area .widget_product_categories .current-cat-parent ul .current-cat a{
	font-weight: 600;
}
.widget-area .widget_product_categories .current-cat-parent ul>li>a, .cat-item a{
	font-weight: 400;
}
.widget-area .widget_product_categories .current-cat a{
	font-weight: 600;
}
.widget-area{
    max-width:250px;  
}
.cat-item{
	padding-left: 10px;
	border-bottom:1px solid #ced4da;
}
.children .cat-item{
	border-bottom: 0;
}
.widget-area .widget_categories ul.menu, .widget-area .widget_categories>ul, .widget-area .widget_nav_menu ul.menu, .widget-area .widget_nav_menu>ul, .widget-area .widget_product_categories ul.menu, .widget-area .widget_product_categories>ul{
	border:none;
	padding-top: 0px;
}
.content-area{
	max-width: calc(100% - 250px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 250px);
    flex: 0 0 calc(100% - 250px);
}
/* Название рубрик в сайдбаре */
.widget-area .widget_categories ul.menu>li a, .widget-area .widget_categories ul.menu>li span, .widget-area .widget_categories>ul>li a, .widget-area .widget_categories>ul>li span, .widget-area .widget_nav_menu ul.menu>li a, .widget-area .widget_nav_menu ul.menu>li span, .widget-area .widget_nav_menu>ul>li a, .widget-area .widget_nav_menu>ul>li span, .widget-area .widget_product_categories ul.menu>li a, .widget-area .widget_product_categories ul.menu>li span, .widget-area .widget_product_categories>ul>li a, .widget-area .widget_product_categories>ul>li span{
	font-size:1.1em;
	font-weight: 400;
}
.widget-area .widget_categories ul.menu .children li, .widget-area .widget_categories ul.menu .sub-menu li, .widget-area .widget_categories>ul .children li, .widget-area .widget_categories>ul .sub-menu li, .widget-area .widget_nav_menu ul.menu .children li, .widget-area .widget_nav_menu ul.menu .sub-menu li, .widget-area .widget_nav_menu>ul .children li, .widget-area .widget_nav_menu>ul .sub-menu li, .widget-area .widget_product_categories ul.menu .children li, .widget-area .widget_product_categories ul.menu .sub-menu li, .widget-area .widget_product_categories>ul .children li, .widget-area .widget_product_categories>ul .sub-menu li{
	font-weight: 300;
}
/* Отступ от симлова гривны */
.woocommerce-Price-currencySymbol{
	margin-left:5px;
}
.product-category, .shop-item{
	padding: 6px;
}
.shop-item--type-standard .shop-item-inner{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	border-bottom:1px solid #e8e8e8;
}
.shop-item__price{
	margin-top:10px;
	font-size:24px;
}

.card-slider-container{
	display: block;
}
.shop-item__icons-compare:hover, .shop-item__icons-favorite:hover, .shop-item__icons-quick:hover{
	background-color: #080730;
}
.shop-item__title a{
	font-weight: 100;
}



/* Sticky SideBar */
@media (max-width: 991px){
.btn-filter{
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #080730; /*Мы задаем необходимый цвет */
    top: 210px;
    color: #fff;
    z-index: 9999;
    left: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.btn-filter:after{
	content:"\f536";
	font:normal 20px/1 dashicons;
}
#secondary{
	position: fixed;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 99;
    box-shadow: 1px 0 3px 0px #00000040;
    width: calc(100% - 50px);
    height: 100vh;
    overflow: auto;
  transition:1.1s cubic-bezier(0.44, -0.24, 0.68, 1.28);
  transform:translateX(-100%);
  overflow: visible;
}
.active-point{
	transform:translateX(0px) !important;
	width: calc(100% - 50px);
}
.sticky-sidebar{
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	padding: 20px;
	overflow: auto;
}
}



/* Прячем слайдер в мобильной версии, иконки сравнение поиска и т.д. отображаем в шапке */
@media (max-width:765px){
	.card-slider-container{
		display:none;
	}	
	.header-search{
		display: inline-block;
	}
	.header-favorite{
		display: inline-block;
		float:right;
	}
	.header-compare{
		display: inline-block;
		float:right;
		margin:0px 10px;
	}
	.header-search--compact form.show{
		transform: translate(0);
	}

}


/* Фикс кнопок нафигации на мобильных*/
@media (min-width: 768px) {
	.pagination .nav-links .page-numbers,
	.woocommerce-pagination>.page-numbers .page-numbers {
		padding: 2em 2em;
	}
}


.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #080730;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0px;
  /* Icon */
}
.tab-label:hover {
  background: #1a252f;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

input:checked + .tab-label {
  background: #1a252f;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}