/*
Theme Name:   CarDealer Child by Ascotech
Theme URI:    https://cardealer.potenzaglobalsolutions.com/
Description:  Car Dealer - Child Theme.
Author:       TeamWP @Potenza Global Solutions
Author URI:   http://www.potenzaglobalsolutions.com
Template:     cardealer
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, rtl-language-support, threaded-comments, translation-ready, e-commerce, blog, grid-layout
Text Domain:  cardealer-child-by-ascotech
*/
@media only screen and (max-width: 768px) {
	/* Images in shop less big */
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 100% !important;
		/*max-width: 130px;
		height: 130px;
		max-height: 130px;*/
		clear: none !important;
		margin-bottom: 0.4em;
	}
	 .woocommerce ul.products li.product .button{
		margin-top: 0.4em;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		padding-bottom: 10px !important;
	}
	#primary>section>div>div>div>div>div>ul>li.product-category.product{
		width: 33% !important;
		margin: 0 !important;


	}
	ul.products.products-loop.columns-4{
		margin: auto;
	}
	/* HIDE CAR IMAGES IN CAR SELECTION AFTER CATEGORY SELECTION */
	a>span.price>span.woocommerce-Price-amount.amount, main#main.site-main>ul.products.products-loop.columns-4>li.product.type-product.shipping-taxable.purchasable.product-type-variable.has-default-attributes>a>img, a.button.product_type_variable.add_to_cart_button{
		/*display: none;*/
		margin: 0;
		padding: 0;
	}
	/* Break title if too long */
	div#content h2{
		word-break: break-all;
	}
	/* Brand icons size */
	.woocommerce ul.products li.product .woocommerce-placeholder, .woocommerce ul.products li.product a img{
		width: 80%;
		position: relative;
		margin-left: 5%;
	}
	/* Images in shop less big */
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		width: 20% !important;
		margin: 0 0 0 4% !important;
		clear: none !important;
		padding-bottom: 0 !important;
	}
	/* No new line on first element*/
	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first, .woocommerce ul.products li.last, .woocommerce-page ul.products li.last, .woocommerce ul.products li, .woocommerce-page ul.products li
	{
		clear: none !important;
		/*margin: 0 0 0 6% !important;*/
	}
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n)
	{
		float: left !important;
	}
	/* table padding for mobile*/
	table#attribute-table th, table#attribute-table td, table#attribute-table tr{
		padding: 0px 5px 0px 5px !important;
		font-size: 1em;
	}
	table#attribute-table tr.head th{
		font-size: 0.6em;
	}
	.custom-cat-wrapper-li span.hr-line{
		display: block !important;
	}
}
@media (max-width: 768px) {
	.cat-title-wrapper img {
		float: right;
	    position: relative;
	    right: 10px!important;
	    width: 75px!important;
	    padding: 5px 0!important;
	}
}
/* Beliebte Fahrzeuge breite auf Tablet usw. */
@media only screen and (min-width:768px) and (max-width:1024px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 20% !important;
		/*max-width: 130px;
		height: 130px;
		max-height: 130px;*/
		clear: none !important;
		margin: 0 2.5% 0 2.5% !important;
	}
}
.step-form-alt {
background-color: #f1f1f1a1;
float: left;
}

.step-form-wrap {
float: left;
margin: 20px 20px;
}

table#contact-form-product-page {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}

table#contact-form-product-page th {
background-color: #db2e2d;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#2d0000), to(#db2e2d));
background-image: -webkit-linear-gradient(top, #2d0000, #db2e2d);
background-image: -moz-linear-gradient(top, #2d0000, #db2e2d);
background-image: -ms-linear-gradient(top, #2d0000, #db2e2d);
background-image: -o-linear-gradient(top, #2d0000, #db2e2d);
background-image: linear-gradient(top, #2d0000, #db2e2d); */
/* -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; */
border-top: none;
padding: 0 0 0 10px;
/* text-shadow: 0 1px 0 rgba(255,255,255,.5); */
}

table#contact-form-product-page th h5 {
color: #f6f6f6;
text-transform: none;
margin: 0;
font-size: 1.2em;
}

table#contact-form-product-page tr td {
color: black;
font-size: 17px;
padding: 0 20px;
}

table#contact-form-product-page tr td input[type="text"], table#contact-form-product-page tr td input[type="number"], table#contact-form-product-page tr td input[type="email"] {
color: #646464;
border: 1px solid #cccccc;
background: white;
height: 40px;
margin-top: 15px;
width: 250px;
padding: 0 10px;
}

table#contact-form-product-page tr td select {
height: 40px;
margin: 15px 0;
min-width: unset;
max-width: unset;
width: 250px;
padding: 0 10px;
}

table#contact-form-product-page tr td span::after {
content: " *";
color: red;
position: relative;
top: -15px;
}

table#contact-form-product-page tr td select, table#contact-form-product-page tr td textarea {
display: inline-block;
}

table#contact-form-product-page tr td textarea {
width: 90%;
background-color: white;
}
/* Attribute-Table Layout */
table#attribute-table{
	/*font-size: 1.4em;*/
	width: 100%;
	word-wrap: break-word;
	table-layout: fixed;
	text-align: center;
}
table#attribute-table tr.head th{
	text-align: center;
}
table#attribute-table th, table#attribute-table td{
	width:20% !important;
}
td.tuning-standard, td.tuning-standard div.number, td.tuning-upgrade, td.tuning-difference{
	font-weight: normal;
	color: black !important;
}
td.tuning-standard div.number{
	font-weight: bold;
	box-shadow: 5px 5px 5px grey;
	padding: 5px;
}
td.tuning-upgrade div.number{
	font-weight: bold;
	color: #db2d2e !important;
	box-shadow: 5px 5px 5px grey;
	display: block;
	padding: 5px;
}
td.tuning-difference div.number{
	font-weight: bold;
	color: green !important;
	box-shadow: 5px 5px 5px grey;
	padding: 5px;
}
/* PS and Nm in attribute-table */
td.tuning-standard div.table-ps, td.tuning-standard div.table-nm, td.tuning-upgrade div.table-ps, td.tuning-upgrade div.table-nm, td.tuning-difference div.table-ps, td.tuning-difference div.table-nm{
	color: rgb(124, 124, 124) !important;
	box-shadow: none !important;
	padding: 0px !important;
	position: relative;
	float: right;
	font-size: 0.9em;
}
th.standard{
	background-color: #323232;
	color: white !important;
}
th.upgrade{
	background-color: #db2d2e;
	/*border-top-left-radius: 7px;
	border-top-right-radius: 7px;*/
	color: white !important;
}
th.difference{
	background-color: green;
	/*border-top-left-radius: 7px;
	border-top-right-radius: 7px;*/
	color: white !important;
}


.wpcf7-list-item.first.last::after, .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required::after, .wpcf7-form-control-wrap.your-terms::after {
	content: ""!important;
}

.wpcf7-list-item-label::after {
content: " *";
color: red;
position: relative;
top: -10px;
left: 30px;
}

table#contact-form-product-page tr td input[type="submit"] {
background: none;
color: #db2e2d;
float: left;
text-align: left;
padding: 20px 0;
}

@media (max-width: 768px) {
.step-form-alt {
float: unset;
}
.step-form-wrap {
float: unset;
}
table#contact-form-product-page tr td input[type="text"], table#contact-form-product-page tr td input[type="number"], table#contact-form-product-page tr td input[type="email"],table#contact-form-product-page tr td select {
width: 105px;
}
table#contact-form-product-page tr td span::after {
top: -5px;
}
}
@media (max-width: 1024px) {
	.step-form-wrap input, .step-form-wrap textarea {
		background: white!important;
		width: 95%!important;
	}
	.step-form-wrap .wpcf7-form-control-wrap::after, .step-form-wrap .wpcf7-form-control-wrap::after, .step-form-wrap .wpcf7-form-control-wrap::after {
		content: " *";
		color: red;
		position: relative;
	    top: -15px;
	}
	.wpcf7-form-control-wrap.your-transmission {
		display: block;
		width: 95%;
	}
	.wpcf7-form-control-wrap.your-transmission {
		position: relative;
	}
	.wpcf7-form-control-wrap.your-transmission::after {
		content: " *";
		color: red;
		position: absolute;
		right: -10px;
		top: -5px;
	}
}

.underline-name {
	text-decoration: underline;
}

.dien-name {
	display: block;
	cursor: default;
	position: relative;
	margin-bottom: 3px;
	font-size: 15px;
}

.dien-name:hover .dien-value {
	display: inline-block;
}

.dien-value {
	display: none;
    background: #1b1b1bbd;
    color: white;
    width: auto;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: normal;
    position: absolute;
    border: 1px solid darkgray;
    bottom: 20px;
    left: -2px;
}

ul.products.products-loop.columns-4 .custom-cat-wrapper-li {
	background: linear-gradient(90deg, rgb(41, 41, 41) 0%, #7b7b7b 35%, #313131 100%);
	padding: 0px 0px 0px 0px;
}

.cat-name-wrapper {
	color: white;
    font-size: 16px;
    display: block;
    width: 100%;
    background: black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 10px;
}

.cat-name-simple-wrapper {
	color: white;
    font-size: 16px;
}
/* linie in fahrzeugwahl */
.hr-line {
	width: 94%; margin: 0px 3% 0px 3% !important; display: block; height: 1px; background: #2b2b2b;
}

.product-href-wrapper {
	font-size: 16px; color: white; padding: 0 5px;
}

/* .custom-products-products-loop {
	display: inline-block;
    width: 100%;
    border: 1px solid black;
} */

.custom-cat-wrapper {
	/* display: inline-block; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: black;
	background: linear-gradient(90deg, rgb(41, 41, 41) 0%, #b1b1b1 35%, #313131 100%); */
    border-bottom: 1px solid black;
	box-shadow: 8px 8px 11px -10px rgba(0,0,0,0.57);
    /* width: 100%; */
}

.custom-cat-wrapper .page-title {
	display: inline-block;
    color: white;
}

.custom-make-image {
	float: right;
    position: relative;
    right: 10px;
    width: 75px;
    padding: 5px 0;
}

/* brand images scaling for all media devices */
@media (max-width: 300px) {
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		height: 150px!important;
	    width: 20%!important;
	    padding: 20px;
	    margin-left: 20px!important;
	}
}
@media (min-width: 300px) and (max-width: 400px) {
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
	    height: 130px;
	    width: 20%!important;
	}
	.multi-category-title {
		font-size: 10px;
    	line-height: 17px;
	}
}
@media (min-width: 400px) and (max-width: 500px) {
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		height: 140px!important;
	}
	.multi-category-title {
		font-size: 12px;
    	line-height: 17px;
	}
}
@media (min-width: 500px) and (max-width: 600px) {
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		height: 160px!important;
	}
	.multi-category-title {
		font-size: 12px;
    	line-height: 17px;
	}
	.woocommerce ul.products li.product a img {
		margin: 0 auto;
		margin-bottom: 10px;
	}
}
@media (min-width: 600px) and (max-width: 768px) {
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		height: 170px!important;
	}
	.multi-category-title {
		font-size: 12px;
    	line-height: 17px;
	}
	.woocommerce ul.products li.product a img {
		margin: 0 auto;
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.without-sidebar .content.col-lg-12.col-md-12.col-sm-12 {
		padding-left: 5px;
		padding-right: 5px;
	}
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product {
		margin: 0 0 0 2%!important;
		width: 22.5%!important;
	}
	.woocommerce ul.products li.product a img {
		margin: 0 auto!important;
		margin-bottom: 13px!important;
	}
}

/* Background transient in shop */
section.product-listing.page-section-ptb{
	/*background: linear-gradient(90deg, rgb(41, 41, 41) 0%, #b1b1b1 35%, #313131 100%);*/
	background: linear-gradient(90deg, rgb(64, 64, 64) 0%, #b9b9b9 35%, #4a4a4a 100%);
}
@media (min-width: 768px) {
	/* Images in shop less big */
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		/*width: 10% !important;*/
		width: 12% !important;
		/*margin: 0 0 0 6% !important;*/
		margin: 0 0 0 4% !important;
		clear: none !important;
		/*height: 150px!important;*/
		height: 140px!important;
		/*margin-bottom: 50px!important;*/
	}
	/* No new line on first element*/
	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first
	{
		clear: none;
	}
	.multi-category-title {
		font-weight: 400;
		font-size: 12px;
	}
}

@media (min-width: 868px) {
	/* Images in shop less big */
	div#main.wrapper>section.product-listing>div.container>div.row>div.content>div#primary>main#main>ul.products.products-loop.columns-4.brands>li.product{
		/*width: 10% !important;*/
		width: 12% !important;
		/*margin: 0 0 0 6% !important;*/
		margin: 0 0 0 4% !important;
		clear: none !important;
		/*height: 150px!important;*/
		height: 220px!important;
		/*margin-bottom: 50px!important;*/
	}
	/* No new line on first element*/
	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first
	{
		clear: none;
	}
	.multi-category-title {
		font-weight: 400;
		font-size: 12px;
	}
	.woocommerce ul.products li.product a img{
		width: 80%;
		margin-left: 10%;
	}
}

ul.products>li.product-category .product
{
	border: none;
}
div.content div.woocommerce-notices-wrapper ul.products.products-loop.columns-4
{
	margin-left: 10%;
}

/* products and brands width */
div.woocommerce.columns-6>ul.products.products-loop.columns-4>li.product-category.product
{
	width: 12%;
	margin-right: 2.6%;
	margin-left: 2%;
}/*
div.vc_row-background-overlay a.button, a.button.pgs_btn.theme-color.black.large.btn-normal
{
	border-radius: 7px;
}
ul.products li a.button.product_type_variable.add_to_cart_button, ul.products li a.button.product_type_variable.add_to_cart_button:hover, ul.products li a.button.product_type_variable.add_to_cart_button:before
{
	border-radius: 7px !important;
}*/
li>a>h2.woocommerce-loop-category__title
{
	display: none;
}
a>img.woocommerce-placeholder.wp-post-image, .woocommerce ul.products li.product .woocommerce-placeholder
{
	display: none;
}
/* No border around brand image */
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder, li.product-category.product
{
	border: none !important;
}
/* Text on all Pages color very dark grey*/
body div#page div#wrapper div.container p, div.wpb_wrapper div, body div#page div.wrapper div.container p, .woocommerce div.product .woocommerce-tabs .wc-tab table.shop_attributes th, .woocommerce div.product .woocommerce-tabs .wc-tab table.shop_attributes td, body div.sidebar-widget, div#content table.bordered, div#content table.bordered input, body div#page div.wrapper div.container ul li
{
	color: #333333;
}
/* Search Field */
body div#page div.wrapper div.container div.aws-wrapper input.aws-search-field
{
	border-color: black;
}
/* Search Field hover and focus */
body div#page div.wrapper div.container div.aws-wrapper input.aws-search-field:focus, body div#page div.wrapper div.container div.aws-wrapper input.aws-search-field:hover
{
	border-color: red;
}
/* Brand image less big in product page */
.woocommerce div.product div.images.woocommerce-product-gallery
{
	width: 20%;
}
div.summary.entry-summary
{
	float: none !important;
	width: 100% !important;
}
/* Select Field larger */
span.select2{
	width: 100% !important;
	margin: 0px 100px 0px 0px !important;
}
/* remove line under brand image in product page */
p.price{
	position: relative;
	padding-bottom: 30px !important;
}
@media (min-width:990px){
	p.price{
		padding-bottom: 70px !important;
	}
}
/* Text in beliebte Fahrzeuge Box */
section>div>div>div>div>div>ul>li>a>h2.woocommerce-loop-product__title{
	padding: 5px !important;
	min-height: 100px;
	max-height: 100px;
	overflow: hidden;
}
.li-search-wrapper img { 
	margin: 0 auto;
}
.li-search-wrapper h2 {
	line-height: 120%;
}
.li-search-wrapper {
    padding: 25px;
    display: block;
    border: 1px solid #dddcdc;
	border-radius: 10px;
	box-shadow: 8px 8px 11px -10px rgba(0,0,0,0.57);
}
.li-search {
	padding: 15px;
	text-align: center;
}
.li-search-wrapper a.button {
    background-color: #DB2E2D!important;
    color: white;
    width: 150px;
    font-size: 15px;
	height: 32px;
	border-radius: 0px !important;
	text-align: center;
	padding: 0px !important;
}
.li-search-wrapper a.button:hover {
	background-color: white!important;
}
#advanced-searchform {
    width: 100%;
    display: inline-block;
	margin-top: 62px;
	/* border: 1px solid #fff; */
	/*border-radius: 10px;*/
    /*padding: 15px 10px 40px 10px;*/
}
@media screen and (min-width:768px){
	#advanced-searchform{
		width: calc(100% - 30px);
		margin-top: 0px;
		margin-left: 15px;
	}
	#advanced-searchform p {
		background: #db2d2e;
	}
	#advanced-searchform .field-wrapper{
		width: 22%;
		margin-left: 1%;
		margin-right: 1%;
		display: inline-block;
	}
	.vc_row-background-overlay {
		display: none;
		z-index: -999;
	}
	.field-wrapper select {
		padding: 0px;
		/* border-radius: 4px; */
		color: #363636;
		border: 1px solid #ccc;
		background: #efefef;
	}
	.field-wrapper input {
		background: #efefef;
		color: #444242;
		border: 1px solid #ccc;
		/* border-radius: 4px; */
		width: 100%;
		margin-top: 10px;
		line-height: normal;
	}	
}
@media (max-width: 768px) {
	.wpb_column.vc_column_container.vc_col-sm-12 {
		width: 100%!important;
	}
	.vc_row-background-overlay {
		display: none;
		z-index: -999;
	}
	#advanced-searchform {
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 50px;
		background: none;
		color: black;
	}
	#advanced-searchform p {
		background: #db2d2e;
	}
	#advanced-searchform .field-wrapper select {
		background: none;
	}
	.inner-search-wrapper {
		background: none !important;
		color: black !important;
	}
	.field-wrapper input {
		background: #f2f2f2;
		color: #444242;
		border: 1px solid #fff;
		/* border-radius: 4px; */
		width: 100%;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#advanced-searchform p {
    color: #fff!important;
    /*font-weight: bold;*/
	font-size: 1.4em;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
#advanced-searchform hr {
	display: none;
}
.inner-search-wrapper {
    color: black;
    padding: 10px;
    border: 1px solid #e3e3e3;
    /* border-radius: 3px; */
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
    font-size: 1.3em !important;
    color: red !important;
    border: double !important;
}
div.screen-reader-response {
    display: none !important;
}


@media (min-width: 768px) {
	.image-wrapper-search {
		float: left;
	    margin-right: 10px;
	    height: auto;
	}	
	.li-search-wrapper h2 {
		font-size: 14px!important;
	}
}

.image-wrapper-search img {
	position: absolute;
}

@media (max-width: 768px) {
	.li-search-wrapper h2 {
		font-size: 15px;
		padding-left: 15%;
	}
	.li-search-wrapper {
		padding: 5%;
	}

}

@media (max-width: 320px) {
	.li-search-wrapper h2 {
	    font-size: 11px;
	    padding-left: 30px;
	}
}

/* CSS for Printing */
@media print {
	.grecaptcha-badge, div.printfriendly{
		display: none!important;
	}
	div.step-form-alt, form.variations_form, div#text-7, div#search-3, div#text-13{
		display: none!important;
	}
	div#line_top_x, div.custom_html-3{
		position: relative!important;
		float: left!important;
		margin-right: 30px;
	}
	div#tab-stage_one.woocommerce-Tabs-panel.woocommerce-Tabs-panel--stage_one.panel.entry-content.wc-tab{
		padding: 0px !important;
	}
	div#tab-stage_one.woocommerce-Tabs-panel.woocommerce-Tabs-panel--stage_one.panel.entry-content.wc-tab h2{
		margin: 0px !important;
	}
}
/*searchpage intro*/
.header_intro_bg-image:before{
	background: rgba(0,0,0,0.4);
}
/*searchpage topbar*/
.topbar.topbar-search-advanced,.topbar.topbar-search-advanced a {
	color: white !important;
}
@media (min-width: 768px) {
	.menu.menu-search-advanced > #menu-1 > div > div > div > div > div > ul.menu-logo > li > a > img.site-logo, div.menu-inner > div.container > div.row > div.col-lg-12.col-md-12 > ul.menu-logo > li > a > img.site-logo {
		height: 60px;
	}
}
div.topbar ul li {
	margin-bottom: 0px !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.onsale {
	position: inherit;
}
div.product.type-product span.onsale {
	position: initial;
}
/* Entfernt die Aufzählungspunkte von der benutzerdefinierten Suchergebnisliste */
li.li-search.product {
    list-style: none;
}
div.intro-title p.text-orange {
	color: #5c5c5c !important;
}

#advanced-searchform {
	margin-bottom: 20px;
}

#advanced-searchform .field-wrapper select {
	height: auto;
}

div.product a.woocommerce-product-gallery__trigger {
	display: none;
}
/* WooCommerce: Varianten-Layout anpassen */

/* 1. Label (th) links und Wert (td) rechts ausrichten */
.variations tr {
    display: flex;
    justify-content: space-between;
    align-items: baseline !important; /* Oben ausrichten, damit Label zum Select-Feld passt */
}

/* 2. Inhalt der rechten Spalte (td) anpassen */
.variations th {
    flex-basis: 20%;
    text-align: left; /* Label linksbündig */
    /*padding-right: 20px; /* Abstand zwischen Label und Wert */
}
.variations td {
    /* NEU: Feste Breite von 70% zugewiesen */
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0px; /* Abstand zwischen Select-Feld und Reset-Link */
}
/* 3. Select-Feld und Reset-Link anpassen */
.variations td select {
	border: 2px solid #ccc !important;
	padding: 6px 10px 6px 10px !important;
	border-radius: 2px;
    margin-right: 0 !important;
    /* Optional: Damit die Select-Felder die 70% voll ausnutzen */
    width: 100%;
}
table.variations a.reset_variations {
    left: 0 !important;
}

/* Warenkorb Anzahl */
input.qty.text {
	border-radius: 2px;
}

/**
 * ===================================================================
 * 4-Spalten-Layout auf Mobile, wenn 6 Spalten aktiv sind
 * ===================================================================
 */

/* Gilt nur für mobile Bildschirmgrössen (z.B. unter 768px) */
@media (max-width: 767px) {
    
    /* Wir zielen NUR auf Produktlisten, die die Klasse .columns-6 haben */
    .woocommerce ul.products.columns-6 li.product {
        
        /* Breite für jedes Produkt berechnen (100% / 4 = 25%), abzüglich des Abstands */
        width: 22%;
        
        /* Abstand zwischen den Produkt-Kacheln */
        margin-right: 4%;
        
        /* Wichtig, damit die Elemente nebeneinander angeordnet werden */
        float: left;
    }
    
    /* Entfernt den Abstand rechts beim letzten Element jeder Reihe (jedes 4. Element) */
    .woocommerce ul.products.columns-6 li.product:nth-child(4n) {
        margin-right: 0;
    }
    
    /* Sorgt für einen sauberen Zeilenumbruch und verhindert Layout-Probleme */
    .woocommerce ul.products.columns-6 li.product:nth-child(4n+1) {
        clear: both;
    }
}
/**
 * ===================================================================
 * 4-Spalten-Layout auf Mobile, wenn 6 Spalten aktiv sind (FINALE VERSION)
 * ===================================================================
 */

/* Gilt nur für mobile Bildschirmgrössen (z.B. unter 768px) */
@media (max-width: 767px) {
    
    /* * Wir zielen NUR auf Produkt- UND Kategorie-Listen, die die Klasse .columns-6 haben.
     * Wir verwenden !important, um die Standard-Mobil-Regeln des Themes zu überschreiben.
     */
    .woocommerce ul.products.columns-6 li.product,
    .woocommerce ul.products.columns-6 li.product-category {
        width: 22% !important;
        margin-right: 4% !important;
        float: left !important;
    }
    
    /* Entfernt den Abstand rechts beim letzten Element jeder Reihe (jedes 4. Element) */
    .woocommerce ul.products.columns-6 li.product:nth-child(4n),
    .woocommerce ul.products.columns-6 li.product-category:nth-child(4n) {
        margin-right: 0 !important;
    }
    
    /* Sorgt für einen sauberen Zeilenumbruch und verhindert Layout-Probleme */
    .woocommerce ul.products.columns-6 li.product:nth-child(4n+1),
    .woocommerce ul.products.columns-6 li.product-category:nth-child(4n+1) {
        clear: both !important;
    }
}
/*
 * ===================================================================
 * WooCommerce 6-Spalten-Layout Styling
 * ===================================================================
 */

/* Gilt nur für Bildschirme, die breit genug für 6 Spalten sind (z.B. Desktops) */
@media (min-width: 1200px) {
    
    /* Die Produktliste mit der Klasse .columns-6 ansprechen */
    .woocommerce ul.products.columns-6 li.product,
    .woocommerce-page ul.products.columns-6 li.product {
        
        /* Breite für jedes Produkt berechnen (100% / 6) abzüglich des Abstands */
        width: 15.05%;
        
        /* Den Abstand rechts für die ersten 5 Elemente jeder Reihe setzen */
        margin-right: 1.9%;
		padding: 1%;
    }
    
    /* Das letzte Element in jeder Reihe (jedes 6. Element) bekommt keinen Abstand rechts */
    .woocommerce ul.products.columns-6 li.product:nth-child(6n),
    .woocommerce-page ul.products.columns-6 li.product:nth-child(6n) {
        margin-right: 0;
    }
}

ul a > h2.woocommerce-loop-category__title {
	display: block;
}
ul a > h2.woocommerce-loop-category__title > mark.count {
	display: none;
}
ul a > h2.woocommerce-loop-category__title {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 10px;
}

/* Styling für die mehrspaltige Kategorie-Navigation */
.category-drilldown-container {
    display: flex;
    flex-wrap: nowrap; /* Verhindert das Umbrechen der Spalten */
    gap: 15px;
    overflow-x: auto; /* Erlaubt horizontales Scrollen bei zu vielen Spalten */
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.category-drilldown-column {
    flex: 1 1 200px; /* Jede Spalte ist flexibel, Basisbreite 200px */
    min-width: 180px; /* Mindestbreite, bevor Scrollen beginnt */
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 4px;
    background-color: #f9f9f9;
}

.category-drilldown-column h5 {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.category-drilldown-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-drilldown-column ul li a {
    display: block;
    padding: 6px 4px;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

.category-drilldown-column ul li a:hover {
    background-color: #e9e9e9;
    color: #333;
}

/* Aktive Kategorie und Vorfahren hervorheben */
.category-drilldown-column ul li.current-cat a,
.category-drilldown-column ul li.current-cat-ancestor a {
    background-color: #0073aa; /* WordPress-Blau als Beispiel */
    color: #fff;
    font-weight: bold;
}

.products-in-category-title {
	clear: both;
	padding-top: 20px;
}

/* Styling für die Titel in der kombinierten Listenansicht */
.ascotech-seperator-title {
    font-size: 1.8em;
    width: 100%;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 25px;
}

/* Erster Titel soll keinen Abstand nach oben haben */
.ascotech-seperator-title:first-of-type {
    margin-top: 0;
}

/**
 * ===================================================================
 * FINALES CSS FÜR DIE MEHRSPALTIGE KATEGORIE-NAVIGATION
 * ===================================================================
 */

/* Grund-Container für die Spalten (nutzt modernes Flexbox) */
.site-main {
    display: flex;
    flex-wrap: nowrap; /* Verhindert, dass Spalten umbrechen */
    overflow-x: auto;  /* Erlaubt horizontales Scrollen, wenn nötig */
    gap: 15px;         /* Abstand zwischen den Spalten */
    padding: 10px;
	align-items: flex-start; /* NEU: Verhindert, dass alle Spalten gleich hoch sind */
}

/* Styling der einzelnen Spalte */
.custom-colun {
    flex: 0 0 31%; /* Jede Spalte ist 320px breit und nicht flexibel */
    width: 31%;
    display: flex;
    flex-direction: column; /* Inhalt in der Spalte wird von oben nach unten angeordnet */
    /* background: #fdfdfd; */
    border-radius: 10px;
    overflow: hidden; /* Stellt sicher, dass alles innerhalb der runden Ecken bleibt */
    border: 1px solid black;
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* Kopfzeile der Spalte */
.custom-cat-wrapper {
    background: linear-gradient(90deg, rgb(41, 41, 41) 0%, #b1b1b1 35%, #313131 100%);
    padding: 5px 15px;
}

.cat-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 65px;
}

.cat-title-wrapper .page-title {
    color: white;
    font-size: 1.5em;
    margin: 0;
}

/* Liste in der Spalte */
.custom-products-products-loop {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    background: linear-gradient(90deg, rgb(41, 41, 41) 0%, #7b7b7b 35%, #313131 100%);
}

.custom-products-products-loop li {
    padding: 0;
    margin: 0;
    width: 100%;
}

.custom-cat-wrapper-li {
    display: flex;
    flex-direction: column;
}

/* Styling für die Links (Kategorien, Produkte, Gruppen) */
.cat-name-simple-wrapper,
.product-href-wrapper {
    color: white;
    font-size: 16px;
    padding: 8px 15px;
    text-decoration: none;
    display: block;
}

/* Gruppentitel (z.B. "Benzin", nicht klickbar) */
.cat-name-wrapper {
    color: white;
    background: black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    margin: 0;
    cursor: default;
}

/* Trennlinie */
.hr-line {
    width: 95%;
    margin: 0 auto;
    height: 1px;
    background: #2b2b2b;
    border: 0;
}

/* Letztes Element in einer Gruppe hat keine Trennlinie darunter */
.custom-cat-wrapper-li > a:last-of-type + .hr-line {
    /* display: none; */
}

/* Hover-Effekt für klickbare Links */
.cat-name-simple-wrapper:hover,
.product-href-wrapper:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile Ansicht */
@media (max-width: 768px) {
    .site-main {
        flex-direction: column; /* Spalten untereinander anordnen */
        overflow-x: hidden;
        gap: 20px;
    }
    .custom-colun {
        flex: 1 1 auto; /* Spalte nimmt volle Breite ein */
        width: 100%;
    }
}