/*
 * ------------------------------------------------------------------------
 * Jshopping Theme for J5x
 * ------------------------------------------------------------------------
 * Copyright (C) 2024 Utiger Elektro Gmbh All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: Christoph Utiger
 * Websites: https://www.utiger.com
 * ------------------------------------------------------------------------
*/

/* --- MAIN VARIABLES ----------- */

:root {
	--bgbdy: rgba(043, 043, 043, 1);
	--bgdrk: rgba(022, 022, 022, 1);
	--bgred: rgba(191, 020, 028, 1);
	--bglgr: rgba(210, 210, 210, 1);
	--bgwht: rgba(255, 255, 255, 1);
	--bgylw: rgba(255, 164, 040, 1);
	
	--txtbk: rgba(048, 048, 048, 1);
	--txtgr: rgba(153, 153, 153, 1);
	--txtwh: rgba(255, 255, 255, 1);
	--txtyw: rgba(255, 164, 040, 1);
	--txthi: rgba(255, 204, 080, 1);
	--txtrd: rgba(173, 000, 000, 1);
	
	--frmew: 1680px;
	--mainw: 1160px;
}


/* --- GENERAL SHOP FORMATS------ */

#mxcpr {
	display: none;
}

.jshop {
	font-family: "Barlow",Helvetica,Arial,sans-serif;
	font-size: 1em;
	box-sizing: border-box;
}

.row-fluid {
	margin: auto;
}
.row-fluid {
	display: grid;
}

[class*="sblock"] {

	padding: 15px;
	background: var(--bgwht);
	border: 1px solid var(--bglgr);
}

div.sblock2.image {
	text-align: center;
}

[class*="sblock"] img {
	width: 100%;
	max-width: 320px;
}

.category_name {
	font-family: "abelregular",Arial,sans-serif;
	font-size: 130%;
	font-weight: 100;
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px 0 5px 0;
}

.jshop_list_category .jshop_categ:hover .category_name .product_link {
	color: var(--txtyw);
}

.jshop_list_category .jshop_categ:hover {
	color: #fff;
   	background: var(--bgdrk);
	border: 1px solid var(--txtyw);
}

.jshop_list_category .list_category .jshop_categ {
	height: 180px;
}

.category_short_description {
	hyphens: auto; 
	text-align: justify
}

/* --- MODULE JSHOP CATEGORIES --- */

[class^="jshop_menu_level_"] a {
	display: block;
	color: rgba(255,255,255,0.60);
	text-transform: uppercase;
	font-size: 0.9em;
	word-wrap: break-word;
	padding: 0px 20px 1px 20px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

[class$="_a"] a {
	border-left: 5px solid var(--txtyw);
	color:  var(--txtyw); 	
}

.jshop_menu_level_0 a {
	padding-left: 20px;
}

.jshop_menu_level_1 a {
	padding-left: 30px;
}

.jshop_menu_level_2 a {
	padding-left: 40px;
}

.jshop_menu_level_3 a {
	padding-left: 50px;
}

.jshop_menu_level_0_a a {
	padding-left: 15px;
}

.jshop_menu_level_1_a a {
	padding-left: 25px;
}

.jshop_menu_level_2_a a {
	padding-left: 35px;
}

.jshop_menu_level_3_a a {
	padding-left: 45px;
}	


[class^="jshop_menu_level_"] a:hover {
	color:  var(--txtyw); 
}


/* --- MODULE JSHOP PRODUCTS --- */

.form_sort_count, .block_sorting_count_to_page, .jshop.filters, .filter_price {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 5px;
}

.filter_mob_head {
	display: none;
}

.productfull .row {
	margin-right: 10px;
}

.category_description {
	display: none;
}

.list_product .sblock3:hover {
	border: 1px solid var(--txtyw);
}

.list_product .sblock3:hover .name a {
	color: var(--txtyw);
}

.block_product .name {
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	height: 60px;
}

.block_product .name a {
}

.jshop_code_prod:before {
	content: "\A";
	white-space: pre;
}

.jshop_code_prod {
	display: none;
}

.block_product .image {
	margin: auto;
	overflow-y: hidden;
}

.oiproduct .jshop_price {
	color: #222222;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	margin: 15px 0;
}

.oiproduct .description {
	height: 80px;
}

.oiproduct .price_extra_info,
.oiproduct .manufacturer_name,
.oiproduct .not_available, 
.oiproduct .available {
	display: none;
}

.oiproduct .buttons a {
	color: #555;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #eaeaea;
	margin-right: 2px;
	padding: 10px 8px;
	transition: 0.3s;
}

.oiproduct .buttons a:hover {
	background: #ffa428;
    border-color: #ffa428;
    color: #ffffff;
}

/* Paginagion */
.jshop_pagination {
	display: flex;
	align-items: center;
}

.jshop_pagination ul li {
	float: left;
	margin: 15px 5px;
}

.jshop_pagination ul li a {
	font-weight: 500;
}

.jshop_pagination ul li a:hover {
	color: var(--txtyw);
}

/* Product Details */
.jshop_button_print {
	display: none;
}

.productfull form {
	display: flex;
	flex-wrap: wrap;
}

.productfull h1 {
	width: 100%;
}

.productfull .row-fluid {
	flex: 0 1 auto;
	width: 270px;
	padding-right: 20px;
}
.jshop_prod_description {
	flex: 1 1 auto;
	width: calc(100% - 300px);
}

.prod_price {
	flex: 1 1 auto;
	width: 100%;
	color: #222222;
	font-weight: 600;
	font-size: 16px;
	margin: 15px 0;
}

.prod_buttons {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}
#quantity {
	width: 30px;
	height: 30px;
}

/* --- MODULE JSHOP CATEGORY-PRODUCT FILTER --- */

.jshop.sorting.filters {
	display: flex;
}

.jshop.sorting.filters .block {
	margin-right: 10px;
}

.jshop.sorting.filters input {
	width: 30px;
	padding: 8px 8px;
}

.jshop.sorting.filters select {
	max-width: 80px;
	padding: 8px 8px;
}


/* --- MODULE JSHOP CART --- */

.cart {
	margin-top: 15px;
}

.cart th {
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--txtgr);
	background-color: var(--bgdrk);
	padding: 11px 8px;
}

.cart td {
	padding: 10px;
}

.mobile-cart {
	display: none;
}

.jshop_img_description_center {
	
}

.jshop_img_description_center img {
	width: 100px;
}

.quantity img {
	vertical-align: middle;
}

.jshop_subtotal {
	width: 100%;
}

.jshop_subtotal .name {
    padding-right: 10px;
    text-align: right;
    width: 88%;
}

.jshop_subtotal .value {
	font-weight: 600;
    text-align: right;
    white-space: nowrap;
    width: 12%;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.pull-left:hover, .pull-right:hover {
	background: #ffa428;
    border-color: #ffa428;
}

.pull-left:hover a, .pull-right:hover a {
    color: #ffffff;
}

.cart_block_discount {
	float: left;
	width: 100%;
	margin-top: 35px;
}

/* --- MODULE JSHOP REGISTER --- */

#jshop_menu_order {
	width: 100%;
}

.jshop_order_step {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--txtgr);
    background-color: var(--bgdrk);
    padding: 11px 8px;
    text-align: center;
    vertical-align: middle;
}

.jshop_order_step.active {
	background: var(--bgylw);
    border-color: var(--bgylw);
    color: var(--txtwh);
}

.jshop_prod_cart .quantity input {
	width: 20px;
}

.cart_block_discount .jshop input {
	width: 120px;
}

.checkoutinfo {
	line-height: 1.4;
	margin-bottom: 15px;
}

/* --- MODULE JSHOP PRODUCT SEARCH --- */

.icon-calendar:before {
  	content: url("calendar.svg");
}

#date_from_btn, #date_to_btn {
	width: 0;
	min-width: 0;
	height: 0;
	border: none;
	padding: 0;
}


/* --- MODULE JSHOP MANUFACTURER --- */

.jshop_list_manufacturer .sblock3 {
	height: 110px;
}

.jshop_list_manufacturer .image {
	align-content: left;
	width: 100px;
}

.manufacturer_name {
	padding: 10px 0;
}

.manufacturer_url {
	display: none;
}

@media (min-width: 10px) {
	.row-fluid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

@media (min-width: 576px) {
	.row-fluid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.row-fluid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 15px;
	}
}

@media (min-width: 1160px) {
	.row-fluid {
		gap: 30px;
	}
}

@media (min-width: 1680px) {
}