/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */



/* ajout d'espace pour afficher le bloc en dessous du header */
/* .jupiterx-main > .jupiterx-wc-steps
{
    padding-top: 100px;
} */

/* plus besoin d'espace avec le breadcrumb */
/* .jupiterx-primary .site-main .type-product
{
    padding-top: 70px;
} */

/* plus besoin d'espace avec le breadcrumb */
/* .jupiterx-main .site-main .woocommerce-products-header
{
    padding-top: 0px;
} */

/* desactiver les icones réseaux sociaux, sku, et categorie page boutique*/
/* .jupiterx-social-share, 
.sku_wrapper .jupiterx-product-sku-title, 
.sku_wrapper .sku, 
.posted_in .jupiterx-product-category-title, 
.posted_in .product-categories
{
    display: none;
}

/* changer couleur des boutons ajouter au panier */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce .jupiterx-wc-loadmore
{
    border-color: #555555 !important;
    background-color: #555555 !important;
    color: #FFFFFF !important;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce .jupiterx-wc-loadmore:hover
{
    border-color: #555555 !important;
    background-color: #FFFFFF !important;
    color: #555555 !important;
}

/* ajouter du wrap texte aux boutons non responsives */
.add_to_cart_button, 
.form-row button
{
    white-space: normal !important;
}


/* changer la couleur du focus des entrées page boutique */
/* .woocommerce-page .jupiterx-primary input:focus, .woocommerce-page .jupiterx-primary textarea:focus, .woocommerce-page .jupiterx-primary select:focus, .woocommerce form input:focus, .woocommerce form textarea:focus, .woocommerce form select:focus
{
    border-color: #AFCE00 !important;
    box-shadow: 0 0 0 0.2rem rgb(175 206 0 / 25%) !important;
} */

/* Diminuer la taille du titre de la page Boutique */
.woocommerce-products-header .woocommerce-products-header__title
{
    font-size: 28px;
    padding-left: 11px;
    padding-right: 11px;
}
/* Texte résultat du tri */
.site-main .woocommerce-result-count
{
    padding-left: 11px;
    padding-right: 11px;
    display: none;
}
/* Ckeckbox selecteur de tri page boutique */
.site-main .woocommerce-ordering
{
    display: none;
}

/* Ajouter un padding au bouton retour à la boutique */
.woocommerce .return-to-shop .button
{
    padding: 12px !important;
}
.woocommerce-notices-wrapper .woocommerce-message .button
{
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* Ajuster la taille du texte des titres dans la page commander */
.woocommerce-billing-fields h3, 
#ship-to-different-address .woocommerce-form__label span
{
    font-size: 28px !important;
}

/* Ajuster la couleur du menu dynamique droite panier */
/* Affichage prix et titre sous-total */
.elementor-menu-cart__product-price, 
.elementor-menu-cart__subtotal
{
    color: #555555 !important;
}
/* couleur des deux boutons dans le menu droite panier */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart, 
.elementor-menu-cart__footer-buttons .elementor-button--checkout
{
    background-color: #555555;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover, 
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover
{
    background-color: #7A7A7A;
}

/* Changer la couleur du message panier actuellement vide */
.woocommerce-info::before
{
    color: #AFCE00 !important;
}
.woocommerce-info
{
    border-top-color: #AFCE00 !important;
}

/* hauteur uniforme pour les articles dans la page boutique */
.woocommerce-LoopProduct-link .woocommerce-loop-product__title
{
    min-height: 62px;
}

/* espacement affichage éléments dans le widget panier */
.widget_shopping_cart_content .woocommerce-mini-cart
{
    margin-top: 10px;
}
.widget_shopping_cart_content .woocommerce-mini-cart .cart_item
{
    padding-right: 10px;
}

/* afficher les informations de commande en colonne en mode smartphone */
@media screen and (max-width: 768px){
    .woocommerce .woocommerce-order ul.woocommerce-order-overview
    {
    flex-direction: column;
    }
}

/* rectification des couleurs de focus des boutons */
.woocommerce #respond input#submit:focus, 
.woocommerce #respond input#submit.focus, 
.woocommerce a.button:focus, 
.woocommerce a.button.focus, 
.woocommerce button.button:focus, 
.woocommerce button.button.focus, 
.woocommerce input.button:focus, 
.woocommerce input.button.focus, 
.woocommerce .jupiterx-wc-loadmore:focus, 
.woocommerce .jupiterx-wc-loadmore.focus
{
    box-shadow: 0 0 0 0.2rem rgb(175 206 0 / 50%) !important;
}
/* rectification des couleurs de focus des input */
.woocommerce-page .jupiterx-primary input:focus, 
.woocommerce-page .jupiterx-primary textarea:focus, 
.woocommerce-page .jupiterx-primary select:focus, 
.woocommerce form input:focus, 
.woocommerce form textarea:focus, 
.woocommerce form select:focus
{
    border-color: #AFCE00 !important;
    box-shadow: 0 0 0 0.2rem rgb(175 206 0 / 25%) !important;
}