/*
Theme Name: Hello Elementor Child
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
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.grecaptcha-badge {
    visibility: hidden;
}
#toggle { display: none; }

/* CSS de base pour le conteneur Elementor */
        #btn_livrer.elementor-widget-button {
            position: relative;
        }

        /* Style du switch container */
        #btn_livrer .switch-container {
            position: relative;
            width: 200px;
            height: 35px;
            background: #464445;
            border-radius: 25px;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 2px solid white;
        }


        /* État actif du container */
        #btn_livrer .switch-container.active {
            background: #464445;
        }

        /* Slider animé */
        #btn_livrer .switch-slider {
            position: absolute;
            width: 100px;
            height: 35px;
            background: #F08946;
            border-radius: 25px;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 2;
        }

        /* État actif du slider */
        #btn_livrer .switch-container.active .switch-slider {
            transform: translateX(102px);
            background: #F08946;
        }

        /* Textes du switch */
        #btn_livrer .switch-text {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-family: "Aleo", Sans-serif;
            font-weight: 900;
            font-size: 14px;
            transition: all 0.3s ease;
            z-index: 3;
            pointer-events: none;
            letter-spacing: 0.5px;
        }

        #btn_livrer .switch-text.left {
            left: 20px;
            color: white;
        }

        #btn_livrer .switch-text.right {
            right: 20px;
            color: white;
        }

        /* Animation des textes */
        #btn_livrer .switch-container.active .switch-text.left {
            color: white;
        }

        #btn_livrer .switch-container.active .switch-text.right {
            color: white;
        }

        /* Responsive */
        @media (max-width: 768px) {
            #btn_livrer .switch-container {
                width: 160px;
                height: 40px;
            }

            #btn_livrer .switch-slider {
                width: 76px;
                height: 36px;
            }

            #btn_livrer .switch-container.active .switch-slider {
                transform: translateX(82px);
            }

            #btn_livrer .switch-text {
                font-size: 12px;
            }
        }

        /* Animation d'entrée */
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        #btn_livrer .switch-container {
            animation: slideIn 0.5s ease-out;
        }

        /* Classe pour cacher le bouton Elementor original */
        #btn_livrer .elementor-button-wrapper {
            display: none;
        }

@media (max-width: 768px) {

}

/*** Btn copier ***/
      #cut_past .elementor-icon-box-wrapper {
                 cursor: pointer ;
                 position: relative ;
                 transition: all 0.2s ease ;
             }

       /* Style pour le code */
       #cut_past .elementor-icon-box-description {
          font-family: 'Open Sans', sans-serif;
          letter-spacing: 1.5px;
          font-weight: bold ;
          transition: color 0.2s ease ;
       }

       #cut_past .elementor-icon-box-wrapper:hover .elementor-icon-box-description {
         font-weight: bold;
       }

       /* Message de succès */
       #cut_past .copy-success-message {
           position: absolute ;
           top: 90% ;
           left: 50% ;
           transform: translate(-50%, -50%) ;
           background: #fff ;
           font-family: 'Open Sans', sans-serif;
           color: #F08946 ;
           padding: 8px 16px ;
           border-radius: 20px ;
           font-size: 14px ;
           font-weight: 500 ;
           opacity: 0 ;
           pointer-events: none ;
           transition: all 0.3s ease ;
           white-space: nowrap ;
           z-index: 1000 ;
           box-shadow: 0px 0px 10px rgba(70, 68, 69, 0.2) ;
       }

       #cut_past .copy-success-message.show {
           opacity: 1 ;
           transform: translate(-50%, -50%) scale(1.1) ;
       }

       /* Animation de pulsation */
       @keyframes elementor-pulse {
           0% { transform: scale(1); }
           50% { transform: scale(1.02); }
           100% { transform: scale(1); }
       }

       #cut_past .elementor-icon-box-wrapper.pulse {
           animation: elementor-pulse 0.6s ease-in-out ;
       }

       /* Indicateur visuel que c'est cliquable */
       #cut_past .elementor-icon-box-wrapper::before {
           content: "Cliquer pour copier le code" ;
           position: absolute ;
           bottom: -18px ;
           left: 50% ;
           transform: translateX(-50%);
           font-family: "Open Sans", Sans-serif;
           font-size: 12px ;
           color: #464445 ;
           opacity: 0 ;
           transition: opacity 0.2s ease;
           white-space: nowrap ;
       }

       #cut_past .elementor-icon-box-wrapper:hover::before {
           opacity: 1 ;
       }

       /* Responsive */
       @media (max-width: 768px) {
           #cut_past .elementor-icon-box-wrapper::before {
               font-size: 10px ;
               bottom: -20px ;
           }

           #cut_past .copy-success-message {
               font-size: 12px ;
               padding: 6px 12px ;
           }
       }

.woocommerce-additional-fields {
  display: none !important;
}

.payment_method_vend_helloasso label img {
  width: 20px;
}