/*
Theme Name: Bifrost Child
Theme URI: https://fedora.ddev.site
Description: Child theme for Bifrost with custom modifications
Author: Fedora Team
Author URI: https://fedora.ddev.site
Template: bifrost
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bifrost-child
*/

/* Add custom styles below */

/* Make "Select options" button behave like "Add to cart" button on product cards */
/* Override the relative positioning for meta-outside layout to enable animation */
.l-woocommerce-wrapper .l-woocommerce-wrapper__products-holder.l-woocommerce-wrapper__products-holder--meta-outside .o-neuron-hover.o-neuron-hover--translate .o-neuron-hover-holder .o-neuron-hover-holder__body .o-neuron-hover-holder__button-holder {
    position: absolute !important;
    width: 100%;
    opacity: 0;
    bottom: 0 !important;
    transform: translateY(18px);
    transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s, transform cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}

/* Show button on hover */
.l-woocommerce-wrapper .l-woocommerce-wrapper__products-holder.l-woocommerce-wrapper__products-holder--meta-outside .o-neuron-hover.o-neuron-hover--translate .o-neuron-hover-holder:hover .o-neuron-hover-holder__body .o-neuron-hover-holder__button-holder {
    opacity: 1;
    transform: translateY(0);
}

/* Ensure both add to cart and select options buttons get the same styling */
.l-woocommerce-wrapper .l-woocommerce-wrapper__products-holder.l-woocommerce-wrapper__products-holder--meta-outside .o-neuron-hover-holder__button-holder .button {
    display: block;
    width: 100%;
    background-color: #000000 !important;
    color: #ffffff !important;
    text-align: center;
    padding: 12px 20px;
    border: none;
    text-decoration: none;
}

.l-woocommerce-wrapper .l-woocommerce-wrapper__products-holder.l-woocommerce-wrapper__products-holder--meta-outside .o-neuron-hover-holder__button-holder .button:hover {
    background-color: #333333 !important;
    color: #ffffff;
}