/* Global */
html {
  scroll-behavior: smooth;
}
html.pum-open.pum-open-overlay, 
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlayhtml.pum-open.pum-open-overlay, 
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
	overflow-y: scroll !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
	padding-right: 0px !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
	overflow-y: hidden !important;
}
p:empty {
    display: none;
}

.container, .site-content, .ast-below-header-wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
/* Global */

.ast-below-header-bar {
	border-radius: 50px;
}

.ast-menu-cart-outline .ast-cart-menu-wrap .count, .ast-menu-cart-outline .ast-addon-cart-wrap {
	border: none !important;
}


/* Start fixed header*/
:root {
    --header-height: clamp(60px, 10vw, 40px);
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: white;
    height: var(--header-height);
}

.site-main {
	margin-top: 140px;
}
@media screen and (min-width: 783px) {
    body.admin-bar .site-header {
        top: 32px;
    }
    body.admin-bar {
        padding-top: calc(var(--header-height) + 40px);
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
    body.admin-bar {
        padding-top: calc(var(--header-height) + 40px);
    }
}

a:focus {
    outline: none !important;
}

/* End fixed header*/

/* Start general button hover */
.wp-block-button__link {
	border: none !important;
}
.wp-block-button__link:hover,
.ast-outline-button:hover {
	background-color: #444C52 !important;
	color: #FFFFFF !important;
	transition: all 0.3s;
}
/* End general button hover */



/* Posts */


.slick-slide article {
	border-radius: 15px !important;
			height: 300px !important;

}

/* Posts */



@media (max-width: 430px) {
    .ast-site-header-cart {
/*         background-color: red; */
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
/*         top: 200px; */
        width: 100%;
        margin-top: 20px; 
    }
}

.newsletter-form {
			width: 100% !important;
	max-width: 100% !important;
}

.newsletter-form form {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: flex-end;
}

.newsletter-form input[type="email"] {
	width: 250px;
    max-width: 300px;
    padding: 8px;
    border-radius: 5px;
    border: 1.5px solid #bbb;
    font-size: 14px;
    outline: none;
    background: #f9f9f9;
    color: #333;
}

.newsletter-form input[type="submit"] {
    padding: 8px 12px;
    background: #ddd;
    color: #333;
    border: 1.5px solid #bbb;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    transition: background 0.3s, border-color 0.3s;
}

.newsletter-form input[type="submit"]:hover {
    background: #ccc;
    border-color: #999;
}

.tnp-subscription label[for="tnp-1"] {
    display: none !important;
}


.custom-product-icons {
  margin-top: 20px;
  gap: 15px;
  flex-wrap: wrap;
}

.custom-product-icons div {
  font-size: 13px;
  font-weight: 500;
}

.custom-product-icons i {
  font-size: 13px;
}


.custom-product-icons div:hover > div {
  border-color: #007bff;
  transition: border-color 0.3s ease;
}




.woocommerce-tabs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.woocommerce-tabs .woocommerce-Tabs-panel, 
.woocommerce-tabs .custom-review-summary-css {
  flex: 1 1 50%;
  box-sizing: border-box;
}

.woocommerce div.quantity input.qty {
    border-radius: 20px !important;
}



.woocommerce #reviews #comments {
    display: none !important;
}



.custom-review-summary-css .commentlist,
.custom-review-summary-css 
.cr-ajax-search,
.custom-review-summary-css 
.cr-count-row,
.custom-review-summary-css
.cr-summary-separator,
.custom-review-summary-css
.cr-overall-rating-wrap
{
  display: none !important;
}


.ivole-summaryBox .cr-histogramTable {
    
    width: 100% !important;
}


.woocommerce-Tabs-panel h2,
.woocommerce-tabs .panel h2 {
  display: none;
}


@media only screen and (max-width: 768px) {
  .uagb-slick-carousel .slick-next,
  .uagb-slick-carousel .slick-prev {
    top: 85%;
  }
}

.site-footer a:hover {
  text-decoration: underline; 
}



 .newsletter-form form {
  display : flex;
 }



@media (max-width: 545px) {
  .newsletter-form form {
    flex-direction: column;
    align-items: center;
  }
	
	ul.wp-block-social-links {
  justify-content: center; 
}

}



.newsletter-form .tnp-field-email{
	width: 100%;
}

.newsletter-form .tnp-field-email input {
		max-width:100%;
}