/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 13 2025 | 04:34:55 */
/* Custom CSS for Product Card Buttons - FINAL ABSOLUTE POSITIONING */

/* --- 1. Container for Relative Positioning --- */
/* We need a common parent that is positioned 'relative' for our absolute buttons */
/* The 'product-element-bottom' is the most suitable parent */
.product-grid-item .product-element-bottom {
    position: relative; /* Essential for absolute positioning of children */
    padding-bottom: 50px; /* Add extra space for buttons if needed, adjust as per layout */
    /* Ensure opacity is always 1 and no transform from WoodMart styles */
    opacity: 1 !important;
    transform: none !important;
}


/* --- 2. Button Bar (Absolute Positioning) --- */
.wd-custom-button-bar-abs-parent {
    /* Position the wrapper absolutely within .product-element-bottom */
    position: absolute;
    bottom: 15px; /* Adjust vertical position */
    right: 0; /* Align to the right */
    left: 0; /* Span full width to center its contents */
    width: 100%; /* Ensure it takes full width for flexbox centering */
    
    /* Ensure it's always visible */
    opacity: 1 !important; 
    transform: none !important;
    pointer-events: auto !important; /* Make sure buttons are clickable */
    z-index: 10; /* Ensure it's above other elements if they overlap */

    /* Remove the horizontal line */
    border-top: none !important; 
    padding-top: 0 !important;
}

/* Internal Flexbox for the actual buttons */
.wd-custom-button-bar {
    display: flex !important;
    justify-content: flex-end !important; /* Align buttons to the right */
    align-items: center !important;
    width: 100% !important;
    gap: 8px; /* Space between the two buttons */
    padding: 0 15px; /* Add some horizontal padding from the edges of the card */
}

/* --- 3. Live Preview Button (Outline Style on the RIGHT) --- */
.wd-custom-button-bar .wd-live-preview-btn {
    order: 2; /* Keeps it on the right within the flex container */
    
    background-color: transparent !important; 
    color: #0089C0 !important; 
    border: 1px solid #0089C0 !important; 
    
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    border-radius: 1px !important;
    line-height: 1 !important;
    flex-grow: 0; /* Don't let it grow, maintain its size */
    box-shadow: none !important; 
    transition: all 0.2s ease-in-out;
}
.wd-custom-button-bar .wd-live-preview-btn:hover {
    background-color: #0089C0 !important; 
	color:#fff!important;
}

/* --- 4. Add to Cart Button (Solid Blue Icon on the LEFT) --- */
.wd-custom-button-bar .wd-cart-icon-wrapper {
    order: 1; /* Moves it to the left within the flex container */
    flex-grow: 0 !important; /* Don't let wrapper grow */
}

.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button {
    min-width: 40px !important; 
    max-width: 40px !important; 
    height: 40px !important; 
    padding: 0 !important;
    
    background-color: #fff !important; 
    color: #000 !important; 
    border-radius: 1px !important; 
    border: 1px solid #aaa !important; 
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    opacity: 1 !important; 
    transform: none !important;
    box-shadow: none !important;
    text-indent: 0 !important;
}

.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button:hover {
	background-color: #aaa !important; 
	color: #fff !important; 
}

.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button:hover i.fa {
	
	color: #fff !important; 
}

/* 5. Font Awesome Icon Styling */
.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button i.fa {
    font-family: 'FontAwesome' !important; 
    font-size: 13px !important; 
    font-style: normal !important; 
    font-weight: 900 !important; 
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #444 !important; 
}
.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button i.fa:hover {
	color: #fff !important; 
}

/* 6. Cleanup: Hide all potential text and old icon methods */
.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button span,
.wd-custom-button-bar .wd-cart-icon-wrapper a.add_to_cart_button:before,
.wd-custom-button-bar .wd-cart-icon-wrapper a.added_to_cart.wc-forward {
    display: none !important;
}

/* Adjust price line height to prevent overlap with buttons when position absolute */
.product-grid-item .product-element-bottom .price {
    line-height: 40px; /* Ensure enough space for the buttons */
    padding-right: 180px; /* Make space for the buttons on the right */
    display: inline-block; /* Allow padding-right to work */
}