/*
Theme Name:   Modular Origami Theme
Theme URI:    https://modular-origami.de/
Description:  A customized Theme for Modular Origami created by More Creative Arts
Author:       Daniel Gepperth
Author URI:   https://more-creative-arts.de
Template:     greyd-theme
Version:      1.0.0
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, hobby, origami, shop
Text Domain:  modular-origami
*/



/*Row*/

@media (max-width: 599px) {
	.break-sm {
		flex-wrap: wrap !important;
	}

	.reverse-sm {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

@media (max-width: 992px) {
	.break-md {
		flex-wrap: wrap !important;
	}

	.reverse-md {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

@media (max-width: 1199px) {
	.break-lg {
		flex-wrap: wrap !important;
	}

	.reverse-lg {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}

/*Media and Text Block*/

.wp-block-media-text {
	gap: var(--wp--preset--spacing--medium);
}

@media (max-width: 991.98px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content.wp-block-media-text__content {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}

	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}
	.wp-block-media-text__content {
		padding: 0px !important;
	}
}

/* CUSTOM CSS */

.custom-product-specs table {
	border: none;
	padding: 0;
	margin: 0;
	margin-top: -7px;
}
.custom-product-specs table th, .custom-product-specs table td {
	border: none;
	padding: 0;
	padding-right: var(--wp--preset--spacing--small);
	margin: 0;
	line-height: var(--wp--custom--line-height--normal);
	min-width: 200px !important;
}
.custom-product-specs table td p {
	padding: 0;
	margin: 0;
	padding-top: clamp(4px, 1vw, 7px);
	padding-bottom: clamp(4px, 1vw, 7px);
}

.icon-cart-button {
	.add_to_cart_button {
		width: auto !important;
		padding:10px 14px 3px 14px;
		border-style: none;
		span {
			display: none;
		}
	}
	.add_to_cart_button::after {
			content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20,8' height='26.5' viewBox='0 0 21.86 27.325'><g style='isolation:isolate'><rect width='4' height='3' rx='1.5' transform='translate(2.86 6.325)' fill='%23ed4d14'/><rect width='3' height='3' rx='1.5' transform='translate(4.86 6.325)' fill='%23ed4d14'/><text transform='translate(3.86 8.325)' fill='%23ed4d14' font-size='1' font-family='Mundial-Regular, Mundial'>DE</text><text transform='translate(5.86 8.325)' fill='%23ed4d14' font-size='1' font-family='Mundial-Regular, Mundial'>(1)</text><path d='M162.732-852.675a2.631,2.631,0,0,1-1.93-.8,2.631,2.631,0,0,1-.8-1.93V-871.8a2.631,2.631,0,0,1,.8-1.93,2.631,2.631,0,0,1,1.93-.8h2.732a5.262,5.262,0,0,1,1.605-3.86A5.262,5.262,0,0,1,170.93-880a5.262,5.262,0,0,1,3.86,1.605,5.262,5.262,0,0,1,1.605,3.86h2.732a2.631,2.631,0,0,1,1.93.8,2.631,2.631,0,0,1,.8,1.93v16.395a2.631,2.631,0,0,1-.8,1.93,2.631,2.631,0,0,1-1.93.8Zm0-2.732h16.395V-871.8h-2.732v2.733a1.322,1.322,0,0,1-.393.973,1.322,1.322,0,0,1-.973.393,1.322,1.322,0,0,1-.973-.393,1.322,1.322,0,0,1-.393-.973V-871.8H168.2v2.733a1.322,1.322,0,0,1-.393.973,1.322,1.322,0,0,1-.973.393,1.322,1.322,0,0,1-.973-.393,1.322,1.322,0,0,1-.393-.973V-871.8h-2.732Zm5.465-19.127h5.465a2.631,2.631,0,0,0-.8-1.93,2.631,2.631,0,0,0-1.93-.8,2.631,2.631,0,0,0-1.93.8A2.631,2.631,0,0,0,168.2-874.535Zm-5.465,19.127v0Z' transform='translate(-160 880)' fill='%23ed4d14'/></g></svg>");
  			display: inline-block;
  			vertical-align: middle;
	}
	
}


.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 1200px;
}

.woocommerce-account {
	.woocommerce-MyAccount-navigation {
    	width: 20%;
	}
	.woocommerce-MyAccount-content {
    	width: 78%;
	}
	.woocommerce-MyAccount-content h2 {
		font-size: var(--wp--preset--font-size--large);
	}
}


.wp-block-query-pagination a:not(.wp-element-button) {
    background-color: transparent;
}


/* Anpassung Sichtbarkeit der Zahl in der Add To Cart Anzeige im Single Product Template bei Firefox */
.wp-block-add-to-cart-with-options-quantity-selector .quantity input {
	min-width: 95px;
}


/* Shop Kategorie Chips*/

.mca-categories {
	ul {
		list-style-type: none;
		padding: 0px;
		display: flex !important;
		flex-direction: row;
		flex-flow: row wrap;
  		align-content:flex-start;
  		justify-content: flex-start;
		gap: var(--wp--preset--spacing--tiny);
	}
	li {
		border: 1px solid var(--greyd-filter-buttons-border-color);
		padding: calc(0.5vw + 0.3rem) calc(1vw + 0.36rem);
		border-radius: 100vw;
		background: #b4c3ff !important;
		padding-top: var(--wp--preset--spacing--tiny) !important;
		padding-bottom: var(--wp--preset--spacing--tiny) !important;
		white-space: nowrap;
		display: flex;
		flex-direction: row;
		flex-flow: row wrap;
		align-content: center;
		justify-content: center;
		a {
			color: var(--greyd-filter-buttons-color, currentColor);
			text-decoration: none;
		}
	}
}

.woo-top-category-wrapper {
	a {
		text-decoration: none;
	}
}

.is-product-collection-layout-carousel .wc-block-product {
	min-width: 85%;
}
@container carousel (min-width: 600px) {
    .is-product-collection-layout-carousel .wc-block-product {
        min-width: 30.5%;
	}
}
@container carousel (min-width: 960px) {
    .is-product-collection-layout-carousel .wc-block-product {
        min-width: 28.5%;
	}
}

/* Startseite Youtube Slider */
.mca-youtube {
	.pagination {
		background: var(--color33);
		border-radius: 50px;
	}
}