/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


.woocommerce-table__line-item.order_item {
	.woocommerce-table__product-name.product-name {
		width: 80% !important;
	}
}

.mybanner {
	.ult-item-wrap {
		max-width: 319px;
		@media (max-width: 1024px){
			max-width: 30%;
		}
		@media (max-width: 576px) {
			max-width: none;
		}
	}
}

#ult-carousel-1520857078687dfd71272a9 .slick-slide {
	max-width: 319px;
}

.product-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
}
@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.product-category-wpb-dt-the7 {
	.wf-cell.visible {
		align-items: flex-start;
	}
}

.ais-InfiniteHits-item {
	.title {
		.ais-Highlight-highlighted {
			font-size: 20px;
		}
	}
}

.search-form {
	display: flex;
	position: relative;
	p {
		margin-bottom: 0;
		position: absolute;
		right: 7px;
		top: -10px;
	}
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	.wc-item-meta {
		li {
			display: flex;
			.wc-item-meta-label {
				display: flex;
				margin-right: 5px;
				p {
					order: initial;
				}
			}
		}
	}
}


/* Ensure phone field shows required asterisk */
.wc-block-components-address-form__phone label .required {
    color: #e2401c;
}

/* Hide the phone warning if needed */
.phone-warning {
    margin-top: 0.5em;
    font-size: 0.875em;
    color: #666;
}
#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
	._uuhri8 {
		._1y0juye {
			bottom: 70px !important;
			right: 10px !important;
		}
	}
}

body #cmplz-manage-consent .cmplz-manage-consent {
	right: auto;
    left: 10px;
}


/*cmplz-cookiebanner styles start*/

.cmplz-cookiebanner {
	.cmplz-tcf {
		display: none;
	}
	.cmplz-message {
		p {
			text-align: center;
			font-size: 14px;
			a {
				display: contents;
				font-size: 14px;
			}
			&:last-child {
				display: none;
			}
		}
	}
	.cmplz-links {
		a {
			display: none !important;
		}
	}
	.cmplz-buttons {
		flex-direction: column;
		margin-top: -30px;
		.cmplz-accept {
			order: 2;
			max-width: 261px;
			margin: 0 auto !important;
			background: #000000 !important;
		}
		.cookie-statement {
			border: none !important;
            color: #000000 !important;
            font-weight: 600 !important;
            max-width: 261px;
            margin: 0 auto !important;
		}
	}
}

/*cmplz-cookiebanner styles end*/

.entry-summary {
	padding: 0 !important;
	background: transparent !important;
	.entry-summary-redoo-container {
		background: #f5f5f5;
		padding: 20px;
	}
	.payment-methods-product {
		width: 100%;
		margin-top: 15px;
		.img-container {
			display: flex;
			align-items: center;
			justify-content: space-around;
			flex-wrap: wrap;
			img {
				height: auto;
			}
		}
		
		.list-cont {
			p {
				margin: 0;
				font-weight: normal;
				img {
					width: 20px;
					height: 20px;
					transform: translateY(4px);
				}
			}
		}
	}
	
}


/*second-class-products*/
.container {
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}

.sonderposten-error {
	color: #cc0000;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
}
.second-class-products-container {
	width: 100%;
	display: flex;
	padding: 30px 0 70px 0; 
	.second-class-products-img {
		width: 50%;
		padding: 20px;
		img {
			width: 100%;
		}
	}
	.second-class-products-info {
		width: 50%;
		background: #f5f5f5;
    	padding: 20px;
		.second-class-products-desc {
			font-size: 20px;
            font-weight: 400;
			margin-bottom: 10px;
		}
		.cart {
			display: flex;
			flex-direction: column;
			.single_add_to_cart_button {
				margin: 15px 0 0 0;
			}
			input::-webkit-outer-spin-button,
			input::-webkit-inner-spin-button {
			  -webkit-appearance: none;
			  margin: 0;
			}
			input {
				text-align: center;
			}
			.vorratig {
				color: green;
				margin-top: 15px;
			}
			.quantity.buttons_added {
				display: flex;
				.input-text {
					margin-bottom: 0;
				}
			}
		}
	}
}

/*second-class-products end*/
/* product page stylese start*/


.woocommerce-variation-add-to-cart-enabled {
	& .konfiguratorValue {
        .input-group {
            margin-bottom: 0;
        }
    }
    & > #konfiguratorText {
        & > div {
            & > span {
                width: fit-content !important;
                padding-right: 5px;
            }
        }
    }
}

#konfiguratorText {
	font-size: 20px;
}

.product div.images {
    width: 43% !important;
    margin-right: 20px !important;
}

.product div.summary {
    width: calc(100% - 43% - 20px);
}

.konfiguratorValueContainer {
	display: flex;
}

#konfiguratorText > br {
    display: none !important;
}


.price.variation_modified {
	.woocommerce-Price-amount,
	.woocommerce-price-suffix {
		font-size: 20px;
	}
}

.variations {
	.label {
		.woo-selected-variation-item-name,
		[for="pa_farbe"] {
			font-size: 20px !important;
			font-weight: 400 !important;
		}
	}
}

.woocommerce-variation-add-to-cart {
	& > p {
		font-size: 17px;
	}
}

[data-addon-name="Zusatz"] {
	display: none;
}

.form-row.form-row-wide.wc-pao-addon-wrap.wc-pao-addon-75186-zusatz-0-0 label {
	font-size: 20px;
	font-weight: 400;
}

.woocommerce-tabs.wc-tabs-wrapper {
	padding-top: 0;
}

.woocommerce div.product div.summary > .price,
.woocommerce div.product div.summary h1 {
	margin-bottom: 10px !important
}

.product .product_meta {
	
}

.konfiguratorInput.form-control {
    transform: scale(0.8);
    transform-origin: 0 20px;
    font-size: 22px !important;
	margin-bottom: 0 !important;
}

#basic-addon2 {
    display: none;
}

.woocommerce-variation-add-to-cart {
    & .konfiguratorValue {
        .input-group {
            display: flex;
    		align-items: center;
			span.input-group-addon {
				text-align: left;
    			width: fit-content !important;
				padding-right: 5px;
			}
        }
    }
}

.wc-pao-addon-container.wc-pao-addon.wc-pao-addon-zusatz {
	display: flex;
    align-items: center;
    margin-top: 0;
    .form-row {
        margin-bottom: 0 !important;
    }
}

.woocommerce-variation-add-to-cart-enabled {
    & > .vorratig {
        order: 5;
        margin-top: 0;
        font-weight: 400;
        color: #639f3a;
    }
}

.product .single_add_to_cart_button {
    margin-top: 15px !important;
    margin-left: 0 !important;
}

@media screen and (max-width:500px){
	.second-class-products-container {
		flex-direction: column;
		.second-class-products-info,
		.second-class-products-img {
			width: 90% !important;
		}
	}
	.sonderposten-container {
		flex-direction: column;
		.MobilePositions {
			width: 100% !important;
		}
		.sonderposten-filter {
			width: 100% !important;
		}
	}
	.tabs.wc-tabs {
		& > li {
			max-width: 310px;
			margin: 0 auto !important;
			text-align: center;
		}
	}
	
	.product div.images {
		width: 100% !important
	}

	.product div.summary {
		width: 100% !important;
		.konfiguratorValue {
			width: 100%;
			.input-group-addon {
				width: 170px !important;
			}
		}
	}
	
	.konfiguratorValueContainer {
        display: flex;
        flex-direction: column;
    }

}


/* product page stylese end*/


.wc-block-components-address-form__phone {
	display: flex;
	flex-direction: column;
	width: 100%;
	.phone-warning {
		order: 1;
		color: #cc1818;
		font-weight: 700;
		padding-top: 10px;
		span {
			white-space: break-spaces;
		}
	}
}

#phone-error-contained,
#phone-error {
	color: #cc1818;
    font-size: .75em;
    max-width: 100%;
    white-space: normal;
	span {
		margin: 0;
    	padding: 4px 0 0;
	}
}

#full-screen-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensure it is above all other elements */
    display: flex;
    justify-content: center;
    align-items: center;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	right: 14px !important;
    top: -4px !important;
}

/* style for message when PLZ from island*/
.island-message {
	color: #cc1818;
	font-weight: 700;
	padding-top: 10px;
}


/* Old DAKO */

#main-configurator,
#main-configurator-content {
	height: fit-content !important;
}

/** LCP Optimization for mobile & tablet **/

@media (max-width: 1920px){
	.cky-notice-des {
		max-height: 20vh;
		overflow-y: scroll;
	}

	.cky-notice-des p {
		font-size: 10pt;
	}
	
	.cky-notice-des::-webkit-scrollbar-thumb {
		background-color: white;
    visibility:visible;
  }
	
	.cky-notice-des::-webkit-scrollbar {
    visibility:visible;
		width: 4px;
  }
}

/** CLS Optimization: prevent buy button re-ordering **/

.single_variation_wrap.woocommerce-variation-add-to-cart > .konfiguratorValue {
  order: 1;
}

.single_variation_wrap.woocommerce-variation-add-to-cart > p {
  order: 3;
}

.single_variation_wrap .woocommerce-variation-add-to-cart > #konfiguratorText {
  order: 4;
}

.single_variation_wrap .woocommerce-variation-add-to-cart > .vorratig {
  order: 5;
}

.single_variation_wrap
  .woocommerce-variation-add-to-cart
  > .single_add_to_cart_button {
  order: 6;
}

.single_variation_wrap
  .woocommerce-variation-add-to-cart
  > .DB24DachKonfiguratorBtn {
  order: 7;
}

/** CLS optimization: prevent gallery from shifting buy box **/
/* 
.woocommerce-product-gallery__wrapper {
	max-width: 100%
} */

/*Ticker styles in the header. Start*/

.top-bar-bg .left-widgets .first.hidden {
  transform: translateY(-100%);
}

.top-bar {
	padding-top: 25px;
	.left-widgets {
		.first {
			background: #e2001a;
			position: fixed;
            top: 0;
            left: 0;
            right: 0;
            margin: 0;
			z-index: 999;
			a {
				text-decoration: none;
				font-size: 18px;
				font-family: "Wix Madefor Text", Helvetica, Arial, Verdana, sans-serif;
				font-weight: 400;
				color: #ffffff;
			}
			@media (max-width: 576px) {
				left: -10px;
				right: -10px;
			}
		}	
	}
	
	
}

.wrap {
	max-width: 100%;
	margin: auto;
	padding: 0;
}
.items-wrap {
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: 20px;
}
.items-wrap:before,
.items-wrap:after {
	content: "";
	height: 25px;
	top: 0;
	width: auto;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
.items-wrap:before {
	left: 0;
}
.items-wrap:after {
	right: 0;
}
.items {
	flex-shrink: 0;
	display: flex;
	gap: 20px;
	counter-reset: item;
	justify-content: center;
	min-width: 100%;
}
.item {
	flex: 0 0 auto;
	width: fit-content;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	transition: all 0.1s ease-in-out;
}
.item:hover {
	cursor: pointer;
}


.marquee {
	animation: scroll 20s linear infinite;
}

.items-wrap:hover .marquee {
	animation-play-state: paused;
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - 20px));
	}
}

.phantom-slide #phantom.masthead.hide-phantom {
	top: 0 !important;
}

.phantom-slide #phantom.masthead {
	top: 25px !important;
}

.sticky-mobile-on {
	top: -26px !important;
}
.variable-item.disabled {
    pointer-events: none; 
	cursor: not-allowed;  
}
/*Ticker styles in the header. End*/


/* Old DAKO styles start */ 


.Block_ProductTrapezblech {
		.flex-product {
			& > span {
				.image-placeholder {
					display: block;
					padding-bottom: 0 !important;
					img {
						max-width: calc( 100% - 20px) !important;
					}
				}
			}
		}
}
.Block_ProductTrapezblech li.flex-product {
	margin-bottom: 0 !important;
}

.Block_ProductRecommendations li.flex-product {
	margin-bottom: 10px !important;
	.product {
		height: 100%;
	}
}

.Block_Options li,
.Block_Options.orientation-horizontal li {
	margin-bottom: 10px !important;
}

#Block_49 {
	tr {
		td {
			&:first-child {
				width: 208px;
			}
		}
	}
}

.Block_SimpleProductList li.selected span:before,
.Block_Blechfarbe li.selected .ralcolor:after,
.Block_ProductTrapezblech li.selected > span:after,
.Block_Options.orientation-horizontal.labeltype-text_image li.selected .option-label:after,
.Block_Options.orientation-vertical li.selected:after,
.Block_ProductRecommendations li.selected > span.product:after {
	z-index: 0 !important;
}

@media screen and (max-width: 990px) {
    #main h1, #main h2, #main h3, #main h4 {
        text-align: left !important;
    }
	#Block_40 {
		.Text.simple_box {
			max-width: calc(100% - 30px) !important;
		}
	}
}

body.wp-admin #profile-page form#your-profile  select#locale{
	opacity: .5;
	pointer-events: none;
}
/* Old DAKO styles end */
tr.user-language-wrap {
	background: red;
}