.elementor-7 .elementor-element.elementor-element-3dcb336{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-3dcb336:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://petitgeniejouets.fr/wp-content/uploads/2025/01/young-family-paying-with-credit-card-scaled.jpg");background-position:0px -167px;background-size:cover;}.elementor-7 .elementor-element.elementor-element-3dcb336::before, .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-3dcb336 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-3dcb336 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-3227ba2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-3227ba2{text-align:center;}.elementor-7 .elementor-element.elementor-element-3227ba2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-bf4cbb9 );}.elementor-7 .elementor-element.elementor-element-de77e3a{text-align:center;}.elementor-7 .elementor-element.elementor-element-de77e3a .elementor-heading-title{letter-spacing:2px;color:var( --e-global-color-bf4cbb9 );}.elementor-7 .elementor-element.elementor-element-c0d3c3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-3dcb336:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-3dcb336:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-3dcb336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-7 .elementor-element.elementor-element-de77e3a .elementor-heading-title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-4c1ddac > .elementor-widget-container{margin:-58px 0px 0px 0px;}}/* Start custom CSS for wc-elements, class: .elementor-element-4c1ddac */.elementor-kit-867 h2 {
    font-size: 23px;
}

/*bouton "valider la commande"*/
/* Bouton normal avec ses styles actuels et couleurs */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #3A3A3A !important; /* Couleur de fond par défaut */
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
    margin-left: 45px;
    margin-right: 45px;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    fill: var(--e-global-color-bf4cbb9) !important;
    color: var(--e-global-color-bf4cbb9) !important; /* Couleur du texte */
    border-style: solid !important;
    border-width: 5px !important;
    border-color: #FAD8E9 !important; /* Couleur de la bordure par défaut */
    border-radius: 0px 0px 0px 0px !important;
    padding: 10px 15px 10px 15px !important;
    transition: transform 0.2s ease-in-out, background-color 0.2s, border-color 0.2s !important;
}

/* Animation au survol du bouton */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    animation: shrink 0.3s ease-in-out !important;
    transform: scale(0.90) !important;  /* Effet shrink */
    background-color: #fff !important;  /* Changer la couleur de fond */
    border-color: #3A3A3A !important;  /* Changer la couleur de bordure */
    color: #3a3a3a !important;  /* Changer la couleur du texte au survol */
}

/* Définition de l'animation shrink */
@keyframes shrink {
    from {
        transform: scale(1) !important;
    }
    to {
        transform: scale(0.9) !important;
    }
}

/*bouton "appliquer le code promo"*/
.woocommerce button.button{
  font-size: 15px;
  background-color: #fff !important; /* Couleur de fond par défaut */
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
  font-weight: var(--e-global-typography-secondary-font-weight) !important;
  color: #3a3a3a !important; /* Couleur du texte */
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #FAD8E9 !important; /* Couleur de la bordure par défaut */
  border-radius: 0px 0px 0px 0px !important;
  transition: transform 0.2s ease-in-out, background-color 0.2s, border-color 0.2s !important;
}

/* Animation au survol du bouton */
.woocommerce button.button:hover {
  animation: shrink 0.2s ease-in-out !important;
  transform: scale(0.90) !important; /* Effet shrink */
  background-color: #FFF !important; /* Changer la couleur de fond au survol */
  border-coor: #3A3A3A !important; /* Changer la couleur de bordure */
  color: #EA559D !important; /* Changer la couleur du texte au survol */
}

/* Définition de l'animation shrink */
@keyframes shrink {
  from {
    transform: scale(1) !important;
  }
  to {
    transform: scale(0.9) !important;
  }
}

a.button.wc-backward {
    font-size: 15px;
  background-color: #fff !important; /* Couleur de fond par défaut */
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
  font-weight: var(--e-global-typography-secondary-font-weight) !important;
  color: #3a3a3a !important; /* Couleur du texte */
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #FAD8E9 !important; /* Couleur de la bordure par défaut */
  border-radius: 0px 0px 0px 0px !important;
  transition: transform 0.2s ease-in-out, background-color 0.2s, border-color 0.2s !important;
}

a.button.wc-backward:hover{
    animation: shrink 0.2s ease-in-out !important;
  transform: scale(0.90) !important; /* Effet shrink */
  background-color: #FFF !important; /* Changer la couleur de fond au survol */
  border-coor: #3A3A3A !important; /* Changer la couleur de bordure */
  color: #EA559D !important; /* Changer la couleur du texte au survol */
}

/* Définition de l'animation shrink */
@keyframes shrink {
  from {
    transform: scale(1) !important;
  }
  to {
    transform: scale(0.9) !important;
  }
}


/* Ce style sera appliqué uniquement sur les écrans ayant une largeur inférieure ou égale à 768px (taille de la plupart des tablettes et téléphones) */
@media only screen and (max-width: 768px){
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        font-size: 15px;
        width: auto;
    }
    .woocommerce button.button{
        font-size: 15px;
        width: auto;
    }
}/* End custom CSS */