/*
 Theme Name:   CBRA-Child
 Theme URI:    https://cbra.digital
 Description:  CBRA Child Theme
 Author:       CBRA Digital
 Author URI:   https://cbra.digital
 Template:     cbrapress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  cb-child
*/



/* Woocommerce - Shop Seite */

.woocommerce ul.products li.product .button{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem;
	padding: 1rem;
	border: 2px solid var(--color-primary-content);
}


.woocommerce ul.products li.product .button:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.woocommerce-loop-product__title{
	color: var(--color-primary-content);
}

.woocommerce ul.products li.product a img{
	border-radius: var(--radius-border-small);
}

/* Woocommerce - Cart Seite */

.wp-block-button__link{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
}

.wp-block-button__link:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.wc-block-grid__product-image img{
	border-radius: var(--radius-border-small);
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
	display: none!important;
}

.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns{
	margin-block-start: 5rem;
}

.wp-block-woocommerce-cart.alignwide{
	padding-block-start: 5rem;
}

.wp-block-woocommerce-empty-cart-block h2{
	color: var(--color-primary-content);
}

/* Woocommerce - Checkout-Seite */

.wc-block-components-checkout-place-order-button.contained{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}

.wc-block-components-checkout-place-order-button.contained:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.wc-block-components-checkout-return-to-cart-button:hover{
	color: var(--color-primary-content)
}

.page-id-2303 a{
	color: var(--color-primary-content);
} 

/* Woocommerce - My-Account Seite */

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.woocommerce-info{
	border-top-color: var(--color-primary-content);
}

.woocommerce-info::before{
	color: var(--color-primary-content);
}

.woocommerce-Button.wc-forward.button{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}

.woocommerce-Button.wc-forward.button:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.woocommerce a.button{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}

.woocommerce a.button:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
	width: 100%;
}

.woocommerce-page form .form-row-first{
	width:100%;
}

.woocommerce button.button{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
	margin-inline-start: -1em;
	margin-block-start: 3rem;
}

.woocommerce button.button:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.page-id-2303 .woocommerce button.button{
	margin-inline-start: 0;
}

.page-id-2303 .form-row{
	display: flex;
	flex-direction: column;
}

.wc-block-components-notice-banner.is-info>svg{
	background-color: var(--color-primary-content)!important;
}


@media screen and (max-width:1024px){
	.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	height: unset;
}
}

.checkout-button.button.alt.wc-forward{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}


.checkout-button.button.alt.wc-forward:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.woocommerce div.product form.cart .button{
	color: var(--color-primary);
	background:  var(--color-primary-content);
	border-radius: var(--radius-border-small);
	font-weight: 600;
	font-size: 1.25rem!important;
	padding: .75rem 1rem;
	border: 2px solid var(--color-primary-content);
	transition: all 0.3s ease!important;
}

.woocommerce div.product form.cart .button:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-content);
}

.product_meta a {
	color: var(--color-primary-content);
}

.page_item a {
	color: var(--color-primary-content);
}

.price span{
	color: var(--color-primary-content);
}

.woocommerce-message {
	border-top-color: var(--color-primary-content);
}

.woocommerce-message::before{
	color: var(--color-primary-content);
}

/* Produkt Detailseite */

.woocommerce .woocommerce-breadcrumb{
    color: var(--color-primary-content);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: var(--color-primary-content);
}

.woocommerce div.product .product_title{
    color: var(--color-primary-content);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    color: var(--color-primary-content);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    border-bottom: 1px solid var(--color-primary-content);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid var(--color-primary-content);
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    color: var(--color-primary-content);
}

.related.products h2 {
    color: var(--color-primary-content);
}

.woocommerce-page table.cart td.actions .input-text {
    width: fit-content!important;
}

.coupon .button{
    margin-inline-start: 0!important;
}

.product-name a {
    color: var(--color-primary-content);
}

.woocommerce a.remove {
  font-size: 0 !important;
  color: transparent !important;
  width: 32px;
  height: 32px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e8e4da; 
  text-decoration: none;
}

.woocommerce a.remove::before {
  content: "🗑";
  font-size: 14px;
  color: white;
  line-height: 1;
}

.woocommerce a.remove:hover {
  background: var(--color-primary-content);
}

.woocommerce div.product form.cart{
    align-items: flex-start;
}

.woocommerce div.product form.cart .button{
    margin-inline-start: 0;
}