/*
Theme Name: Hello Commerce Child
Template: hello-commerce
Version: 1.0
*/ 
body:not([class*=elementor-page-]) .site-main#main {  
    max-width: 1300px;
    padding-inline: 10px;
} 
body.turbo-hide-theme-header header {
    display: block !important;
}
.sd-form-wrapper { 
    max-width: 100%;
}
.sd-form-group {
    margin: 0 0 20px 0;
}
.sd-form-group label {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
}
.sd-input, .sd-select, .sd-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 110px;
    resize: none;
}
.sd-btn {
    background: #8aa3a3;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.sd-btn:hover {
    background: #6f8c8c;
}
.sd-checkbox span {
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}
.wpcf7-not-valid-tip {
    font-size: 13px;
} 
.sd-form-wrapper label {
    font-size: 15px;
    font-weight: 500;
    color: var(--e-global-color-accent);
}
.sd-form-wrapper .sd-input, .sd-form-wrapper .sd-select {
    border-color: #dddddd;
    border-radius: 6px;
    padding: 10px;
    font-size: 15px;
}
.sd-form-wrapper .sd-input:focus, .sd-form-wrapper .sd-select:focus, .sd-form-wrapper .sd-textarea:focus { 
    outline: none;
    border-color: #396e60;
}
.sd-form-group br {
    display: none;
}
.sd-form-titles > *{
    margin: 7px 0;
}
.sd-checkbox input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.sd-form-titles {
    padding-bottom: 25px; 
} 
.sd-form-wrapper p {
    margin-bottom: 0;
}
.pum-theme-default-theme .pum-content + .pum-close:not(:hover) {
    background: transparent;
    box-shadow: none;
} 
.pum-theme-default-theme .pum-content + .pum-close:hover img {
    transform: rotate(90deg);
} 
.pum-theme-default-theme .pum-content + .pum-close  img {
    transition: all 0.4s ease-in-out;
}
.wpcf7-form div.wpcf7-response-output {
    text-align: center;
    color: #000000;
    background: #f1f1f1;
    font-size: 18px;
    border: 0;
    padding: 10px;
} 
.sd-trending .elementor-widget-image {
    overflow: hidden;
} 
.sd-trending .elementor-widget-image img:hover {
    transform: scale(1.1);
}
.sd-trending .elementor-widget-image img {
    transition: all 0.4s ease-in-out;
} 
.sd-shape-slider .shape-item {
    text-align: center;
}
.sd-shape-slider .shape-item img {
    max-width: 110px;
} 
.sd-shape-slider .shape-name {
    text-align: center;
    font-size: 18px;
}
.sd-shape-slider .swiper-button-next:after, .sd-shape-slider .swiper-button-prev:after {
    font-size: 20px;
}
.sd-form-wrapper input[type="submit"].sd-btn:not(:hover) {
    background-color: var(--e-global-color-ce584e5);
}
.sd-form-wrapper input[type="submit"].sd-btn:hover {
    background-color: var(--e-global-color-secondary);
}
body.woocommerce-page div#primary {
    padding-block: 100px;
} 
body.woocommerce .woocommerce-breadcrumb {
    padding-bottom: 15px;
    color: var(--e-global-color-ce584e5);
}
body.woocommerce div.product .product_title {
    color: var(--e-global-color-ce584e5);
    font-size: 28px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
}
body.woocommerce .custom-category {
    font-size: 16px;
}
body.woocommerce div.product div.summary p.price {
    font-size: 18px;
}
body.woocommerce div.product ins, .woocommerce ul.products li.product .price ins {
    text-decoration: none;
}
body.single-product div.product div.summary p.price {
    margin: 15px 0;
}
body.woocommerce .woocommerce-product-details__short-description {
    font-size: 18px;
    line-height: 1.3;
} 
body.woocommerce .elementor-products-grid ul.products.elementor-grid li.product span.onsale,
body.woocommerce span.onsale, .woocommerce ul.products li.product span.onsale, 
body.woocommerce .elementor-products-grid ul.products.elementor-grid li.product span.onsale, 
body.woocommerce span.onsale,
body.woocommerce ul.products li.product span.onsale {
    background-color: var(--e-global-color-ce584e5);
    border-radius: 4px;
    left: 10px;
    right: auto; 
    padding: 6px 7px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.custom-inquiry-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}
body.woocommerce .custom-category a {
    color:var(--e-global-color-ce584e5);
    font-weight: 500;
    text-decoration: underline;
} 
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
    color: var(--e-global-color-ce584e5);
}
.custom-inquiry-buttons img {
    max-width: 20px;
    vertical-align: middle;
    margin: -4px 2px 0px !important;
}
.custom-inquiry-buttons .btn-whatsapp img {
    margin: -2px -2px -2px !important;
    max-width: 22px;
}
.custom-inquiry-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 165px;
} 
.woocommerce div.product div.images.woocommerce-product-gallery {
    border-radius: 8px;
    overflow: hidden;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px;
    line-height: 1.4;
    padding: 2px 0;
    transition: all 0.2s ease-in-out;
}
.related.products > h2{ 
    padding: 30px 0;
}
.sd-footer .tahefobu-nav-menu-horizontal .tahefobu-nav-menu>li {
    display: block;
}



/* MEDIA CSS */ 
@media(min-width:1025px){ 
	.pum-theme-default-theme .pum-container {
		min-width: 800px;
	}	 
	.sd-form-row > div {
		flex: 1;
	}
	.sd-form-row {
		display: flex;
		gap: 20px;
	}
}
@media(max-width:1024px){  
	header .tahefobu-mobile-nav-menu {
		top: 60px;
	}
	.woocommerce div.product div.images {
		margin-bottom: 25px;
	}
	body.woocommerce-page div#primary {
		padding-block: 60px;
	}
	
}
@media(max-width:767px){	
	.pum-theme-default-theme .pum-container {
		width: calc(100% - 20px);
		left: 10px !important;
	} 	 
	header .tahefobu-mobile-nav-menu {
        top:40px; 
    } 
	.sd-footer .tahefobu-mobile-nav-menu:not(.tahefobu-mobile-mega-menu) {
		display: block;
		position: static;
	}
	.sd-footer .tahefobu-mobile-toggle-wrap {
		display: none;
	} 
	.sd-footer .tahefobu-mobile-nav-menu li, .sd-footer .tahefobu-mobile-nav-menu li a {
		background: transparent !important;
		border: 0;
		color: #fff;
	}
	.sd-footer .tahefobu-mobile-nav-menu {
		box-shadow: none;
	}
	.sd-footer .tahefobu-mobile-nav-menu > li > a {
		color: inherit !important;
	}
		
	
}