/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.whb-column.whb-col-center {
  justify-content: space-around !important;
}
.whb-header-bottom {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

a.tawk-text-left.tawk-flex.tawk-flex-middle.tawk-button.tawk-button-text.tawk-button-small {
  display: none !important;
}

a.tawk-text-left {
  display: none !important;
}

.wd-slide-bg{background-position:0 -50px !important;}
.main-page-wrapper{padding:0 !important;}
.wd-brand-item img{max-height:100% !important;}
.home .main-page-wrapper .site-content{margin-bottom:-20px !important;}

.page-id-4892 .whb-top-bar, .page-id-4892 .wd-header-main-nav, .page-id-4892 footer, .page-id-4892 .wd-social-icons {
    display: none;
}
.page-id-9 .whb-top-bar, .page-id-9 .wd-header-main-nav, .page-id-9 footer, .page-id-9 .wd-social-icons {
    display: none;
}

:root {
--btn-color:#FFF;
--btn-bgcolor:#FF3399;
}
.wc-block-cart__submit-container a, .wc-block-components-checkout-place-order-button  {
    background: #ff3399;
    color: #fff;
    font-size: 20px;
}

.wc-block-components-product-name, .wc-block-formatted-money-amount, .page-id-4892 .product-name a {
    font-size: 1.3em !important;  
}
.wc-block-components-product-details span {
    font-size: 1.3em !important;
}
.page-id-4892 .grecaptcha-badge, .page-id-9 .grecaptcha-badge, .wc-block-checkout__terms{display:none !important;}
.elementor-element-7eddbb7 {
    border-color: #ff3399 !important;
}
.cart-totals-inner .checkout-button {
    font-size: 20px !important;
}

.cart-totals-inner {
    border: none !important;
}
.wd-popup .sib-default-btn{width:100%;}
.product-wrapper picture{max-height:325px !important;display:inline-block;}
i.yith-wcwl-icon.fa.fa-heart {
    color: #FF3399;
}
.single_variation_wrap a {
    font-size: 25px;
    margin-bottom: 0px;
    padding-bottom: 30px !important;
    display: block;
    color: #ff3399 !important;
    text-decoration: underline;
    margin-top: -30px;
}
.wd-event-hover:hover a::after{transform: rotate(-90deg);color: #ff3399 !important;}

a.woodmart-nav-link::after{
font-weight: bolder !important;
    font-size: 10px !important;
	transition: 0.3s;
}
a.woodmart-nav-link:hover::after {
  transform: rotate(-90deg);
	color: #ff3399 !important;
}
/* Normally Blue */
.woocommerce-info {
    background-color: #ff3399;
}
.grecaptcha-badge {
    visibility: hidden;
}
.scrollToTop:after {
    color: #ff3399;
}
body .scrollToTop {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,1);
    box-shadow: 0 0 5px rgba(0,0,0,.17);
    background-color: rgba(255,255,255,1);

}
body .wd-load-more:hover{
	background-color: #ff3399 !important;
	color: white !important;
}

body .wd-load-more:not(:hover) {
	background-color: #ff3399 !important;
	color: white !important;
}

.btn-style-link{
	border:0 !important;
	transition: 0.5s, opacity 1s;
	padding: 15px 15px;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
}

.promo-banner:hover .btn-style-link::after {
    width: 100%;
}
.promo-banner:hover .btn-style-link{
background:#ccc;
}
.btn-style-link::after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    width: 5px;
    background: var(--wd-primary-color);
    transition: width 0.5s;
}
.promo-banner:hover .btn-style-link{    
    background: var( --e-global-color-secondary ) !important;
}
.banner-subtitle{opacity:0.8;color: #fff !important;transition: 0.6s;}
.promo-banner:hover .banner-subtitle{color: #ff3399 !important;transition: 0.4s;}

span.wd-btn-text {
    padding: 8px;
}

.banner-title{
	opacity:0 !important;
	background-color: var( --e-global-color-secondary );
	transition: opacity 0.9s;
	display: inline-block;
    padding: 6px 10px !important;
    font-weight: 600;
    color: #fff !important;
    border-radius: calc(var(--wd-brd-radius) / 1.35);
	font-size: 20px;
}
.promo-banner:hover .banner-title{opacity:0.8 !important; size:50%;}
table.variations label:after {
    content: "" !important;
}

.wd-sub-menu li>a:hover {
	transition: width 1.3s;
}

.searchform input[type="text"] {
    border: 0.5px solid #ff3399 !important;
    padding-left: 15px;
}

.footer-container .menu a:hover{   
	  color: #ff3399 !important;
		transition: width 1.3s;
}

.widget-title {
	  color: var(--wd-primary-color) !important;
		transition: width 1.3s;
}

.wd-header-my-account a:hover{
	  color: var(--wd-primary-color) !important;
		transition: width 1.3s;
}

.wd-dropdown-my-account {width: 155px;}

.ywdpd-cart-notice-info {
    padding: 20px;
    font-size: 20px;
    color: #fff;
    background: #660066 !important;
}

.create-account-button {
	color: #fff !important;
    padding: 15px;
    font-size: 15px;
    height: 2px;
    left: 0;
    bottom: 0;
    width: 5px;
		border-radius: 20px;
    background: var(--wd-primary-color);
    transition: width 0.5s;
}

.wd-nav-mobile:not(.wd-html-block-on) .menu-item-has-block .wd-nav-opener {
  display: inline-flex !important;
}

.page-id-76140 .wd-products-per-page, .page-id-76140 .wd-products-shop-view.products-view-grid, form.woocommerce-ordering.wd-style-underline.wd-ordering-mb-icon.page-id-76140 , .page-id-76140 .single_variation_wrap a{display:none !important;}
@media only screen and (max-width: 767px) {
    .single_variation_wrap a {
        margin-bottom: 0px;
        padding-bottom: 0px !important;
        margin-top: 0px;
    }
}

.wd-product-thumb .wd-product-img-hover,
.product-element-top .hover-img,
.wd-product-img-hover {
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18) !important;
}

.wd-product-thumb:hover .wd-product-img-hover,
.product-element-top:hover .hover-img,
.wd-product-thumb:hover .hover-img {
    opacity: 1 !important;
    transform: scale(1.09);
}

/* Banner carousel hover zoom */
.promo-banner.banner-hover-zoom .banner-image,
.promo-banner.banner-hover-zoom .banner-image > img,
.promo-banner.banner-hover-zoom .banner-image > video {
    transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18) !important;
}

.promo-banner.banner-hover-zoom:hover .banner-image,
.promo-banner.banner-hover-zoom:hover .banner-image > img,
.promo-banner.banner-hover-zoom:hover .banner-image > video {
    transform: scale(1.09);
}

/* Product gallery carousel slide animation */
.woocommerce-product-gallery .wd-gallery-images .wd-carousel-wrap,
.woocommerce-product-gallery__wrapper .wd-carousel-wrap,
.woocommerce-product-gallery .wd-carousel-wrap {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition-duration: 0.4s !important;
}

/* Additional hover transitions for various elements */
.wd-nav .wd-nav-item > a,
.wd-header-links .wd-header-link,
.btn:not(.btn-style-link):not(.wd-add-btn a),
.wd-action-btn,
.wd-tools-element,
.wd-search-form button,
.wd-dropdown-toggle,
.wd-quick-view-btn,
.wd-compare-btn,
.wd-wishlist-btn,
.wd-product-cats a,
.wd-entities-title a,
.wd-post-title a,
.wd-widget-title a,
.wd-footer-link a,
.wd-top-bar-link a {
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

/* Button hover scale transitions */
.btn:hover,
.wd-action-btn:hover,
.wd-add-btn a:hover {
    transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

/* Image hover transitions */
.wd-post-img img,
.wd-portfolio-img img,
.wd-banner img,
.wd-widget img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Banner content transitions - start with lower opacity */
.promo-banner .banner-title,
.promo-banner .banner-subtitle,
.promo-banner .banner-btn-wrapper {
    opacity: 0.7;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Banner hover content animation - fade in text */
.promo-banner:hover .banner-title,
.promo-banner:hover .banner-subtitle,
.promo-banner:hover .banner-btn-wrapper {
    opacity: 1;
    transform: translateY(-3px);
}

/* Alternative: make entire content area fade in */
.promo-banner:not(.banner-mask) .wrapper-content-banner {
    opacity: 0.85;
    transition: opacity 0.5s ease;
}

.promo-banner:not(.banner-mask):hover .wrapper-content-banner {
    opacity: 1;
}

/* For banners with shadow and zoom */
.promo-banner.banner-shadow.banner-hover-zoom .banner-title,
.promo-banner.banner-shadow.banner-hover-zoom .banner-subtitle {
    opacity: 0.6;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.promo-banner.banner-shadow.banner-hover-zoom:hover .banner-title,
.promo-banner.banner-shadow.banner-hover-zoom:hover .banner-subtitle {
    opacity: 1;
    transform: translateY(-3px);
}

.wd-animation.elementor-invisible {
    visibility: visible !important;
}

/* CRITICAL FIX: Override Woodmart's animation-fill-mode:none that breaks ALL animations */
[class*="wd-anim"],
.wd-animation,
.elementor-element.animated,
.elementor-element.animated[class*="wd-anim"] {
    animation-fill-mode: both !important;
}

/* Ensure Elementor animations keep their final state */
.elementor-element.animated {
    animation-fill-mode: both !important;
}

/* Force Elementor entrance animations to run */
.elementor-element.animated.fadeIn,
.elementor-element.animated.fadeInUp,
.elementor-element.animated.fadeInDown,
.elementor-element.animated.fadeInLeft,
.elementor-element.animated.fadeInRight,
.elementor-element.animated.slideInUp,
.elementor-element.animated.slideInDown,
.elementor-element.animated.slideInLeft,
.elementor-element.animated.slideInRight,
.elementor-element.animated.zoomIn,
.elementor-element.animated.bounceIn {
    animation-fill-mode: both !important;
    animation-name: var(--animation-name, unset) !important;
    animation-duration: 1.25s !important;
    animation-timing-function: ease-out !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override Woodmart's aggressive animation reset */
.wd-animation,
[class*="wd-anim"],
.wd-animation *,
[class*="wd-anim"] * {
    animation-fill-mode: both !important;
    animation-duration: 1.25s !important;
}

/* Ensure visibility is not hidden */
.elementor-invisible {
    visibility: visible !important;
}