/* WooCommerce Typography Reset */
body.woocommerce-js h1, body.woocommerce-js h2, body.woocommerce-js h3, body.woocommerce-js h4, body.woocommerce-js h5, body.woocommerce-js h6 { font-size: inherit; line-height: inherit; margin: 0; }
.woocommerce .button, .wishsuite_table .button { background: #00022c !important; border: 1px solid #00022c !important; color: #fff !important; border-radius: 0px !important; font-family: "Inter", Sans-serif !important; text-transform: uppercase; font-weight: 400 !important; padding: 8px 16px !important; font-size: 14px !important; line-height: 24px !important; }
body .woocommerce .button:hover, .wishsuite_table .button:hover { background: #fff !important; color: #00022c !important; border-color: #00022c !important; }



body { margin-top: 108px !important; }
p { margin-bottom: 0px !important;}
img { box-shadow: none !important; }
.footer-sec a { color: #000; }
.header-sec .main-logo {  display: block; }
.header-sec .crown { display: none; }
.header-sec.sticky-header .main-logo { display: none; }
.header-sec.sticky-header .crown { display: block; }
.header-sec { transition: all 0.5s ease; }
.header-sec .main-logo, .header-sec .crown { transition: 0.5s ease; }
.header-sec.sticky-header { transition: all 0.5s ease; padding: 15px 32px; }
.header-logo { position: relative; z-index: -1; }
.social-icons { position: relative; z-index: -1; }
.header-sec .ekit-nav-dropdown-hover .elementskit-nav-identity-panel { border-bottom: 1px solid #000112; }

/* Home page */
.back-shirt { display: none; } 
.shirt-box:hover .front-shirt { display: none; } 
.shirt-box:hover .back-shirt { display: block; }

/* For Product list page */
.allaric-prod-list .woolentor-product-image { border-radius: 0px !important; }

/* For Single page style */
.product .single-prod-sec p.price { font-size: 0 !important; }
.product .single-prod-sec form.cart .single_variation_wrap .single_variation { margin-bottom: 0px !important; }
.single-prod-sec a.reset_variations { display: none !important; }
.product .single-prod-sec form.cart .variations { border-top: 1px solid #787878 !important; border-bottom: 1px solid #787878 !important; padding: 16px 0px 22px 0px !important; }
.cart-part-sec .variations .label { margin-bottom: 0px!important; }
.cart-part-sec .variations .label label { font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600 !important; font-family: Inter, sans-serif; line-height: 24px !important; letter-spacing: 0.4px; }
.cart-part-sec .variations .label .woo-selected-variation-item-name { font-size: 16px; text-transform: uppercase; color: #000; font-weight: 600 !important; font-family: Inter, sans-serif; line-height: 24px !important; }
.cart-part-sec span.wl-cart-icon { width: 25px !important; }
.cart-part-sec .wl-cart-wrap { display: flex; justify-content: space-between; gap: 16px; }
.cart-part-sec button.single_add_to_cart_button { width: 100% !important; margin-left: 0 !important; }
.cart-part-sec .variations li.variable-item { border-radius: 0px !important; box-shadow: none !important; border: 1px solid #00022c; color: #00022c !important; }
.cart-part-sec .variations li.variable-item:hover { background-color: #00022c !important; color: #f5f5f5 !important; }
.cart-part-sec .variations li.variable-item.selected { background-color: #00022c !important; color: #f5f5f5 !important; }
.cart-part-sec a.added_to_cart.wc-forward { display: none !important; }
.single-size-tab > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] { background: #00022C !important; }
.single-size-tab >.e-n-tabs[data-touch-mode=true]>.e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover { color: #00022c !important; }
.single-des-sec { height: fit-content; top: 120px; position: sticky; }
.description-detail p { font-family: "Inter", Sans-serif; font-size: 16px; line-height: 24px; color: #000; }
.description-detail p.shirt-labels { padding-top: 12px; display: block; }

.color-boxes-wrap .color-box .fill-color { width: 30px !important; height: 30px !important; display: inline-block; margin: 2px; }
.color-boxes-wrap { display: flex; gap: 12px; padding-top: 4px; }
.color-boxes-wrap .color-box { border: 2px solid #000; height: 38px; }


/* For Single product Images */
.custom-product-gallery { display: flex; width: 100%; flex-wrap: wrap; }
.gallery-item { width: 100%; }
.gallery-item:nth-child(2) { width: 50%; }
.gallery-item:nth-child(3) { width: 50%; }
.custom-product-gallery .gallery-item img { width: 100%; box-shadow: none !important; }
.single-prod-sec { overflow: visible; }

/* Newsletter form */
.newsletter-wrap { display: flex; gap: 0px !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; flex-wrap: nowrap !important; }
.newsletter-mail { margin: 0px !important; border: 1px solid #fff !important; }
.newsletter-mail input { border: 1px solid #ffffff !important; border-radius: 0px !important; }
.newsletter-btn button { margin: 0px !important; }
.liquid-glass { border-radius: 16px; background: rgb(255 255 255 / 30%);   backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border: 1px solid rgba(255, 255, 255, 0.25); }

/* My account page style */
body .acc-wrap .woocommerce-MyAccount-navigation { display: none !important; }
body .acc-wrap .woocommerce-MyAccount-content { float: left !important; width: 100% !important; }
.acc-wrap h2 { font-size: 22px !important; font-weight: 600; text-transform: uppercase; }
.acc-wrap form { border: 1px solid #000 !important; margin-top: 15px !important; border-radius: 8px !important; padding-top: 5px !important; }
.acc-wrap form input { border: 1px solid #000 !important; border-radius: 8px !important; }
.acc-wrap form .form-row { padding-top: 12px; }
.acc-wrap form  button.woocommerce-form-login__submit { margin-top: 10px; }
.acc-wrap form label { text-transform: uppercase; }

/* Cart page */
.custom-cart-sec .product-thumbnail a img { max-width: 150px !important; }

/* Legal pages */
.legal-page a { color: #000 !important; text-decoration: underline !important; }


@media (max-width: 1024px) and (min-width: 768px) {
	.header-sec.sticky-header { transition: all 0.5s ease; padding: 15px 16px; }
    .header-sec .elementskit-menu-offcanvas-elements, .header-sec.sticky-header .elementskit-menu-offcanvas-elements { padding: 0px; }
	.allaric-prod-list .woolentor-product-title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; }
}
@media (max-width: 768px) {
	.custom-product-gallery .gallery-item img { height: 500px !important; object-fit: cover; object-position: center; }
	.custom-cart-sec form table td.product-remove { text-align: center !important; }
	body { margin-top: 98px !important; }
	.Banner-mob-img img { opacity: 1 !important; }
    .header-sec.sticky-header { transition: all 0.5s ease; padding: 10px 16px; }
	.header-sec .elementskit-menu-hamburger { padding: 0px !important; width: 0px !important; border-radius: 0px !important; }
	.header-sec .elementskit-menu-close { padding: 0px 16px 0px 0px !important; width: 0px !important; border-radius: 0px !important; box-shadow: none !important; margin: 16px !important; }
	.allaric-prod-list .woolentor-wishlist-btn { width: 30px; height: 30px;  }
	.allaric-prod-list .woolentor-product-title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%; }
	
.custom-product-gallery .slick-dots {width: auto;left: 16px;bottom: 16px;border-radius: 225px;display: flex;justify-content: center;align-items: center;padding: 0px 8px; background: rgb(255 255 255 / 30%);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);border: 1px solid rgba(255, 255, 255, 0.25); }
.custom-product-gallery .slick-dots li button { box-shadow: none; }
.custom-product-gallery .slick-dots li button:before { font-size: 8px !important; color: #fff7 !important; opacity: 1; }
.custom-product-gallery .slick-dots li { margin: 0px !important; }
.custom-product-gallery .slick-dots li.slick-active button:before { color: #fff !important; }
	
.newsletter-wrap { display: flex; gap: 0px !important; border: none !important; flex-wrap: nowrap !important; }
	
.opening .fluentform .ff-el-group { margin: 0px !important; }
}