/*

Theme Name: child-ok

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/


/*CSS ADD BY PIFLETTE.COM*/

/*

COLORS 
    * var( --e-global-color-primary ); Gris anthracite
    * var( --e-global-color-secondary ); Taupe
    * var( --e-global-color-text ); Gold clair
    * var( --e-global-color-accent );  Gold
    *
 FONTS
    * var( --e-global-typography-primary-font-family ), Sans-serif  // Poppin sans
    *
    *

/*General*/



a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.single div[data-elementor-type='header'] {
    padding-bottom: 75px;
}

div[data-elementor-type='header'] {}

table tbody tr:hover > td,
table tbody tr:hover > th {
    background-color: transparent;
}

li {
    list-style: none;
}

h2:before {
    content: "";
    display: flex;
    float: left;
    height: 1.1em;
    width: 3px;
    background-color: var(--e-global-color-accent);
    margin-right: 10px
}

h2 {
    display: inline-block;
}

.price ins {
    text-decoration: none;
}

.woocommerce div.product .woolentor-woo-template-builder form.cart .button {
    transition: .5s;
}

abbr[title] {
    text-decoration: none !important
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: var(--toggle-button-icon-color, #818a91);
    font-size: 15px;
    text-align: center;
}

.elementor-icon svg path,
.elementor-icon svg circle {

    stroke: var(--toggle-button-icon-color, #818a91) !important;
}

/* Header */

#header-info-top {}

.menu-cart i {
    transform: rotate(0deg);
    transition: 0.2s;
}

.menu-cart i:hover {
    transform: rotate(-10deg);
    transition: 0.4s;
}

.column-logo,
.logo-site > div {
    background: transparent !important;
}


.logo-site a {
    display: inline-block;
    padding: 0 15px 15px 15px;
    border-radius: 20px;
    background-color: white;

}

.column-menu {
    width: 59% !important;
}

.column-menu > div {
    margin: 0 !important
}

#myheader .elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
    background-color: var(--e-global-color-accent);
}

.head-coeur svg .cls-2 {
    transition: all 0.5s ease-out;
}

.head-coeur svg .cls-2:hover {
    fill: var(--e-global-color-accent);
    transition: all 0.5s ease-out;
}

.header-trait:after {
    content: "";
    width: 1px;
    background-color: lightslategrey;
    height: 75%;
    margin-top: 2px;
    z-index: 9;

}

.header-icon .elementor-menu-cart__wrapper {
    text-align: center;
}

.header-icon .elementor-button,
.header-icon .elementor-menu-cart__toggle .elementor-button {
    padding: 0;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    padding: 15px;
}

.header-menu .e--pointer-underline .elementor-item:after {
    height: 1px;
}

.htmega-menu-container .htmegamenu-content-wrapper {
    padding: 0 !important;
    margin-left: -50px !important;
}

#megamenu img {
    object-fit: cover;
}

#megamenu {
    padding: 20px 40px;
}

#megamenu #mega-ul {
    height: 100%;
}
#myheader .htmega-megamenu > li {
    padding:0 0 0 10px !important;
}

   #myheader .htmobile-menu-wrap {
right:0;	   
}


/*Header Cart popup*/
#myheader .elementor-menu-cart__main {
    height: 100vh;
}

#myheader .elementor-menu-cart__container {
    overflow: visible;
    background-color: transparent;
}

#myheader .elementor-menu-cart__products {
    overflow: inherit;
    overflow-y: auto;
}

#myheader .elementor-menu-cart__subtotal {
    font-size: 1rem;
}

#myheader .elementor-menu-cart__footer-buttons .elementor-button--view-cart,
#myheader .elementor-menu-cart__footer-buttons .elementor-button--checkout {
    background-color: var(--e-global-color-accent);
    color: white;
    transition: .3s ease-in;
    border-radius: 10px;
    font-size: .8rem;
}

#myheader .elementor-menu-cart__footer-buttons:hover .elementor-button--view-cart:hover,
#myheader .elementor-menu-cart__footer-buttons:hover .elementor-button--checkout:hover {
    background-color: black;
    color: white;
    transition: .3s ease-out
}

#myheader .elementor-button--view-cart span,
#myheader .elementor-button--checkout span {
    font-size: .8rem;
}



.headroom--pinned .elementor-menu-cart__container.elementor-lightbox {
    top: 1vh;
}



/* Header Connexion */

.connect input[type="text"],
.connect input[type="password"],
.connect input[type="email"],
.connect input:-internal-autofill-selected {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid grey !important;
    border-radius: none;
    color: white !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.connect input[name="rememberme"] {
    margin-top: 15px;

}

/* Colorize Btn add to cart */
.place-order button[type="submit"],
.boutik.creation .add_to_cart_button {
    color: white;
    background-color: var(--e-global-color-accent);
    transition: .5s all ease;
}

.place-order button[type="submit"]:hover,
.boutik.creation .add_to_cart_button:hover {
    color: white !important;
    background-color: var(--e-global-color-text);
    transition: .5s all ease;

}


/* Page mon compte/lost password */

form.woocommerce-ResetPassword {
    margin: 5em 0 5em 0;
}

.woocommerce-ResetPassword .password-input,
.woocommerce-ResetPassword .password-input {
    display: block !important;


}

.woocommerce-ResetPassword .woocommerce-form-row--first {
    float: none !important;
}

.woocommerce-ResetPassword .woocommerce-form-row--last {
    float: none !important;

}

.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
    line-height: 5;
    margin-left: 0;
}

.woocommerce form .display-password.show-password-input::after,
.woocommerce-page form .display-password.show-password-input::after {

    font-family: "Font Awesome 5 Free";
    content: "\f070";
}

form.woocommerce-ResetPassword p:first-of-type {
    font-weight: bold;
}

.woocommerce form .password-input,
.woocommerce-page form .password-input {
    display: block;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: -1em;
}

.woocommerce-MyAccount-content .woocommerce-order-details .shop_table td[data-title="#"] a {
    display: block;
    background-color: var(--e-global-color-accent);
    color: white;
    padding: 10px;
    width: 150px;
}

/* SEARCH PAGE */


/* Page  ACCUEIL */

.tendance h2:before {
    background-color: var(--e-global-color-secondary);
}

#tendance .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img {
    width: 100% !important;
    height: 270px;
    object-fit: cover;

}

.product-slider .slick-arrow,
.product-slider .slick-arrow:hover {
    border: none !important;
    outline: none !important;
    font-size: 2rem;
    font-weight: 100;
    z-index: 9;
}

@media (min-width:1200) {
    .product-slider .slick-arrow {
        left: -75px;
    }

    .product-slider .slick-arrow.slick-next {
        right: -50px;
    }
}

.fa-angle-left:before {
    content: '\f053';
}

.fa-angle-right:before {
    content: '\f054';
}

#sbi_load {
    margin-top: 45px
}

.home-creation i.fa-arrow-right {
    line-height: 2.5;
}

/*  Panier */
.checkout-button.button.alt.wc-forward {
    background-color: black !important;
    color: white !important;
    border: 1px solid black !important;
    transition: .5s ease-in-out;
    border-radius: 5px;
}

.checkout-button.button.alt.wc-forward {
    font-weight: normal !important;
    font-size: 1rem
}

.checkout-button.button.alt.wc-forward:hover {
    background-color: transparent !important;
    color: black !important;
    border: 1px solid black !important;
    transition: .5s ease-in-out
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 45%;
}

.panier td.product-remove a {
    font-size: 3rem;
    font-weight: 200;
}

.panier .checkout-button.button.alt.wc-forward {
    padding: 15px;
}

.panier .cart_totals .shop_table {
    margin-bottom: 30px;
}

.panier .product-thumbnail img {
    max-width: 100px;
}

/* Page Boutique */
.bg-boutik {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.boutik ins {
    text-decoration: none;
}

.boutik h2:before {
    display: none;
}

.boutik h2 {
    text-align: center;
    display: block;
}

h2.woocommerce-loop-product__title {
    font-size: 1rem;
}

.boutik .price {
    display: inline !important;
    margin: 0 auto;
    text-align: center;
    color: var(--e-global-color-primary) !important;
}

.boutik ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
    display: inline;
}


.boutik .wishsuite-button.button {
    background-color: transparent !important;
    color: var(--e-global-color-primary);
    display: inline-block;
    padding: 0;
    transform: scale(1);
    transition: 0.2s;
    text-align: center;
    float: none;
}

.boutik ul.products li.product .button:hover {
    /* transform: scale(1.2);
    transition: 0.2s; */
    color: var(--e-global-color-accent);
}

.boutik .add_to_cart_button {
    display: none !important;
}



.woocommerce .boutik ul.products li.product .button {
    margin-top: 0;
}

.woocommerce-pagination {
    text-align: center;
}

.woocommerce .quantity .qty {
    width: 4.5em;
}

/* Boutique Mansonry*/

@media screen and (min-width:1200px) {


    .boutik ul.products li.product.maproduct {
        width: 400px !important;
        border: 1px solid var(--e-global-color-accent);
        padding: 0 0 10px 0;
    }

    .boutik ul.products li.product.maproduct img {
        object-fit: fill;
        min-height: 400px;
    }

    .woolentorducts-columns-5 ul.products li.product:nth-child(5n) {
        margin-right: 30px !important;
    }

    [class*="woolentorducts-columns-"] ul.products {
        justify-content: center;
    }

    .boutik ul.products li.product img {
        object-fit: cover;
        height: 300px !important;
        width: auto !important;
        display: block;
        box-shadow: none;
        margin: 0 auto !important;
    }
}

/*Upfilter Widget*/
.upfilter {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;

}

.upfilter-filter-wrap .upfilter-price-range-fields {
    margin-left: 26px;

}

.upfilter-filter-wrap .upfilter-price-range-field {
    font-weight: normal;
}

.upfilter-filter-wrap .upfilter-price-range-ui {
    height: 4px;
}

.upfilter-filter-wrap .upfilter-price-range-ui .ui-slider-handle {
    width: 15px;
    height: 15px;
}

.upfilter-filter-wrap .upfilter-price-range-ui {
    margin: 5px 20px;
}

.upfilter-products-wrap .woocommerce-pagination .page-numbers.current {
    font-weight: bold;
    color: var(--e-global-color-accent);

}

#upfilter-cat .upfilter-term-name {
    font-size: 0.8rem;
}


/*Page Single Product*/

.woocommerce-notices-wrapper {
    text-align: center;
    margin-top: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .woocommerce-message .button {

    text-align: right;
    display: inline-block;
    color: white;
    margin-left: 5px;
    background-color: var(--e-global-color-accent);
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .woocommerce-message .button:hover {
    background-color: var(--e-global-color-text);
    color: white;
}





.pepite-single .woocommerce-product-gallery__image {
    height: 644px;
    overflow: hidden;
    display: inline-block;

}

.pepite-single .woocommerce-product-gallery__image img:hover {
    transform: scale(1.40);

}

.pepite-single .woocommerce-product-gallery__image img {
    transform: scale(1);
    position: absolute;
    height: auto;
    width: 100%;
    object-fit: cover;
    max-height: 644px;
}


.pepite-single .wishsuite-btn,
.pepite-single a.button {
    background-color: transparent !important;
    color: black;
}


.pepite-single .wishsuite-btn:hover {
    background-color: transparent !important;
    color: black;
}

.pepite-single .wishsuite-button svg {
    fill: black;
    width: 20px;
    height: 20px;
}

.pepite-single .wishsuite-button svg:hover {
    fill: var(--e-global-color-accent);
}

.pepite-single .wishsuite-btn-text {
    display: none;
}

.pepite-single .whishbutton {
    margin: -10px 0px 0px 0px;
}



.pepite-single button,
.pepite-single input,
.pepite-single optgroup,
.pepite-single select,
.pepite-single textarea {
    font-size: 0.9rem !important;
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: transparent !important;
}


.pepite-single .reset_variations {
    display: none !important;
}

.woocommerce div.product form.cart .variations {
    width: auto !important;
}

.woocommerce div.product form.cart .variations td {
    padding: 0;
    vertical-align: middle;
    border: none;
}


.woocommerce div.product form.cart .variations td.label {
    width: 80px;
    padding-top: 10px;

}

.woocommerce div.product form.cart .variations label {
    font-weight: normal;
    font-size: 0.9rem;
}




.pepite-single .dimension .elementor-toggle-icon i:before {
    font-size: 1rem;
}

.pepite-single .woocommerce-variation-add-to-cart {

    margin-top: 2rem;
}


.pepite-single .dimension h3 {

    width: 140px;
}

.pepite-single .dimension h3 a {
    font-size: 1rem;
}

.dimension h3:before {
    display: none;
}

.pepite-single .dimension .elementor-toggle .elementor-tab-content {
    padding: 0;
}

.pepite-single .quantity {
    display: inline-block;
    width: 4rem;
}

.pepite-single .quantity.hidden {
    display: none;
}

.pepite-single .quantity input[type=number] {
    border-radius: 8px;
}


.pepite-single .single_add_to_cart_button {
    border: none;
}

/* --- Page Votre Création --- */
.boutik.creation .price {

    color: var(--e-global-color-primary) !important;
    display: block !important;
}

.boutik.creation .add_to_cart_button {
    display: block !important;
    width: 50%;
    align-items: center;
    text-align: center;
    margin: 0 auto;

}



.boutik.creation .wishsuite-btn {
    margin-left: 5px;
}

.boutik.creation .added_to_cart {
    display: none;
}

.pepite-single .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img {
    object-fit: cover;
    height: 300px !important;
    width: auto !important;
    display: block;
    box-shadow: none;
    margin: 0 auto !important;

}



/* --- Page carte cadeau --- */
.carte-cadeau .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {

    flex-basis: 50%;
    display: flex;
}

.carte-cadeau .elementor-field-option label {
    line-height: 1.8;
}



.carte-cadeau label {
    margin-left: 10px;
}

.carte-cadeau input[type="radio"] {
    width: 1.5em;
    height: 1.5em;
    visibility: hidden;
    content: '';
}

.carte-cadeau input[type='radio']:after {
    width: 1.6em;
    height: 1.6em;
    border-radius: 15px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #aaa;
    border-width: thin;
    transform: scale(0.8);
}

.carte-cadeau input[type='radio']:checked:after {
    width: 1.6em;
    height: 1.6em;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: var(--e-global-color-accent);
    background-size: 100%;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid black;
    transform: scale(1);
    transition: all 0.5s ease;

}

/* --- Page checkout --- */
.other-address .woocommerce-shipping-fields .shipping_address {
    margin-top: 4em;
}

.other-address .woocommerce-shipping-fields span {
    cursor: pointer;

}

.woocommerce-order .woocommerce-thankyou-order-received {
    font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: 40px;
    line-height: 1.2;
}

.order-again a.button {
    float: none;
}

.woocommerce-terms-and-conditions-checkbox-text {
    cursor: pointer;
}

.checkout .place-order button[type="submit"] {
    float: none !important;
}

.checkout .place-order button[type="submit"]:hover {
    background-color: black;
    color: white;
}

.checkout-vos-messages,
.checkout-heart {
    display: inline-block;
    width: auto !important;
}

.checkout-heart {
    margin-top: -10px;
}

.checkout-heart.last {
    margin-left: -5px;
    margin-top: -5px;
}


/*PAGE WISHLIST*/
.wishsuite-product-add_to_cart a {
    background-color: var(--e-global-color-accent);
    height: 40px;
    width: 65%;
    color: white;
    line-height: 40px
}

.wishsuite-product-add_to_cart a:hover {
    background-color: black;
}

/* FOOTER */
.footer .sub-menu {
    margin-left: 220px !important;
}

div[data-elementor-type="footer"] {
    margin-top: 5rem;
}

.footer-menu a:hover {
    color: var(--e-global-color-secondary) !important;
}



/* Woocommerce reset BTN */
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button,
.order-again .button,
.woocommerce-button {
    background-color: var(--e-global-color-accent) !important;
    color: white !important;
}

.woocommerce #respond input#submit,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--e-global-color-primary);
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    display: inline-block;
}

.woocommerce a.remove:hover {
    background: transparent !important;
    color: red !important;
}