/* CUSTOM CSS */

/*
 *
 * INITIALISATION 
 *
 */

html, body{
    width : 100%;
    overflow: hidden;
    overflow-y: auto;
}

header .elementor-widget-image a img[src$=".svg"]{
    width: auto;
}

footer .elementor-widget-image a img[src$=".svg"]{
    width: auto;
}

/*
 *
 * GENERAL 
 *
 */
[data-visibility][data-hide-until-js] {
  display: none !important;
}

/*
 *
 * SINGLE PRODUCT PAGE 
 *
 */

 .background-img{
    position: relative;
    aspect-ratio: 1 / 1;
 }

 .background-img > *:not(img){
    height: 100%;
 }

 .background-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    object-position: center;
    min-height: 100%;
 }

/* Bike Fetures desc */
.bike-features-grid-wrapper{
    position: relative;
}

.bike-features-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap : 2rem;
}

.bike-features-grid > div:nth-child(1) { grid-area: 1 / 1 / 2 / 2;  }
.bike-features-grid > div:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.bike-features-grid > div:nth-child(3) { grid-area: 3 / 1 / 4 / 3; }
.bike-features-grid > div:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }

.product-price > del {
	display: block;
}

/* WP Notification bar */
#wpfront-notification-bar div.wpfront-close {
    border: 1px solid transparent!important;
    background-color: transparent!important;
    color: transparent!important;
}

#wpfront-notification-bar div.wpfront-close:before{
    content : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23ffffff"><path d="M256-192.35 192.35-256l224-224-224-224L256-767.65l224 224 224-224L767.65-704l-224 224 224 224L704-192.35l-224-224-224 224Z"/></svg>');
    position : absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
}

#wpfront-notification-bar-open-button.top, #wpfront-notification-bar-open-button.bottom{
    background-image: none!important;
    border: 0!important;
    padding: .25rem!important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .75)!important;
}

#wpfront-notification-bar-open-button.top:before, #wpfront-notification-bar-open-button.bottom:before{
    content : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23ffffff"><path d="M480-336.35 232.35-584 296-647.65l184 184 184-184L727.65-584 480-336.35Z"/></svg>');
    width: 12px;
    height: 12px;
}

#wpfront-notification-bar-open-button.top:before{
    content : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23ffffff"><path d="M480-336.35 232.35-584 296-647.65l184 184 184-184L727.65-584 480-336.35Z"/></svg>');
}

#wpfront-notification-bar-open-button.bottom:before{
    content : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="%23ffffff"><path d="m480-520.35-184 184L232.35-400 480-647.65 727.65-400 664-336.35l-184-184Z"/></svg>');
}

/*
 *
 * BOUTON GREENLEAZE 
 *
 */
#btn-abonnement-cart{
    margin-top: 1rem;
}

#btn-abonnement-product{
    color: var(--e-global-color-secondary);
    font-weight: bold;
    border: 1px solid var(--e-global-color-secondary);
    transition: .3s all ease;
}

#btn-abonnement-product:hover, #btn-abonnement-product:focus{
    color : #fff;
    background-color: var(--e-global-color-secondary);
}

/*
 *
 * FOOTER 
 *
 */

#newsletter-footer .elementor-form-fields-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

#newsletter-footer .elementor-form-fields-wrapper .elementor-field-type-recaptcha_v3{
    width: 0;
}


/* ALMA */
.alma-product-eligibility{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#alma-widget-payment-plans-main-container button,
#alma-widget-modal-main-container[data-testid="modal-close-button"] button{
    border: none!important;
    border-radius: 5px;
    height: 100%;
    color: var(--e-global-color-e68dd97);
}

#alma-widget-modal-main-container button{
    border: none!important;
    border-radius: 5px;
    outline: none;
    outline-offset: 0;
}

#alma-widget-modal-main-container button:hover,
#alma-widget-modal-main-container button:focus,
#alma-widget-modal-main-container button.alma-eligibility-modal-active-option{
    background-color : var(--alma-orange);
}

#alma-widget-payment-plans-main-container button:hover,
#alma-widget-payment-plans-main-container button:focus,
#alma-widget-payment-plans-main-container button.alma-payment-plans-active-option{
    color: #ffffff!important;
    background-color : var(--e-global-color-e68dd97);
}

@media screen and (min-width:768px){
    #alma-widget-payment-plans-main-container .alma-payment-plans-eligibility-options{
        flex-wrap: nowrap!important;
        min-width: 100%!important;
    }
}

#alma-widget-modal-main-container button[data-testid="modal-close-button"] svg{
    fill : var(--e-global-color-e68dd97);
}

.alma-product-eligibility.alma-widget-excluded{
    display: none;
}