:root { --accent: #ff7a59; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/*--------------->AJOUT DE LISTE ENTREPRISE CUSTOM STEP BY STEP<---------------*/ /*voir code dans le function pour le scroll auto*/ /*menu visible sur bare latérale*/ .mlduo-account-menu { z-index: 60; } /*menu visible sur bare latérale*/ /* Scrollbar pour la nav MyListing uniquement */ .add-listing-nav ul.no-list-style { scrollbar-width: thin; /* Firefox */ scrollbar-color: #ff7a59 transparent; /* Firefox */ } /* Chrome, Edge, Safari */ .add-listing-nav ul.no-list-style::-webkit-scrollbar { width: 6px; /* largeur */ } .add-listing-nav ul.no-list-style::-webkit-scrollbar-track { background: transparent; /* fond */ } .add-listing-nav ul.no-list-style::-webkit-scrollbar-thumb { background-color: #ff7a59; /* couleur du "thumb" */ border-radius: 3px; /* arrondi */ transition: background-color 0.2s; } .add-listing-nav ul.no-list-style::-webkit-scrollbar-thumb:hover { background-color: #ff7a59; /* même couleur au hover, tu peux l'éclaircir si tu veux */ } /* Scrollbar pour la nav sur liste step by step uniquement */ /*rendre les bloc entreprise 100% visible sur ordinateur*/ .lf-item-container .lf-item-info-2 { transform: translateY(0) !important; transition: none !important; bottom: 0 !important; } /*rendre les bloc entreprise 100% visible sur ordinateur*/ .add-listing-nav { background-color: #040a30 !important; left : 0px !important; } .add-listing-nav>ul { background-color: #040a30 !important; } .add-listing-nav li.active a { color: #e15f41 !important; } .add-listing-nav a { color: rgb(255 255 255) !important; } .add-listing-nav>ul { max-height: 70vh !important; } .add-listing-nav a:hover { color: #ffffffbd !important; } /*cercles*/ .add-listing-nav a i { border: 2px solid #ffffff !important; } .add-listing-nav a i>span { background: rgb(255 255 255) !important; } .add-listing-nav li.active i { border: 2px solid rgb(225 95 65) !important; } /*--------------->AJOUT DE LISTE ENTREPRISE CUSTOM STEP BY STEP<---------------*/ /* Empêche le zoom automatique sur iOS */ input, select, textarea { font-size: 16px !important; } /*forcer l'affichage des tooltip sur safari*/ .tooltip-container { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; } .tooltip-element:hover .tooltip-container { opacity: 1; visibility: visible; } /*forcer l'affichage des tooltip sur safari*/ /*modification reaper padding annonces*/ .resturant-menu-repeater .repeater-field-wrapper .item-head input:first-child { margin-bottom: 0px !important; } .c27-submit-listing-form .form-group .field textarea { margin-top: 10px; }/*modification reaper padding annonces*/ p.choose-role-text { font-weight: 900; color: #f57a5d; font-size: large; text-decoration: underline; } .mfp-wrap .mfp-content img { display: block !important; position: relative !important; z-index: 1000 !important; } footer { z-index: 9999 !important; position: relative !important; } .mfp-bg, .uael-lightbox, .elementor-lightbox { display: none !important; } :root { OVERFLOW-X: hidden; } /*article de blog cutom + grille*/ .blog-featured-image img { display: none; } .sbf-container .listing-details { border-top: none; height: 55px; display: none !important; padding: 0 15px; } .sbf-title { padding: 20px 20px 20px !important; text-align: left !important; } /*article de blog cutom + grille*/ /*Formulaire list custom*/ #submit-job-form .field>input, #submit-job-form .field>textarea { border-bottom-color: #0000003d !important; padding: 15px 10px !important; border-top: solid 1px #0000003d; border-left: solid 1px #0000003d; border-right: solid 1px #0000003d; margin-bottom: 10px; border-radius: 5px !important; border-bottom-width: solid 1px !important; } #submit-job-form .field>input:focus, #submit-job-form .field>textarea { border-color : #ff7a59; border-bottom-color : #ff7a59 !important; } #submit-job-form .field>input:invalid, #submit-job-form .field>textarea:invalid { border-color: red !important; border-width: 2px !important; background-color: #ffe6e6 !important; /* Optionnel : fond légèrement rouge */ } /*plan modification*/ .pricing-item .plan-name { font-size: 25px !important; padding: 30px 0px 0px 0px !important; text-transform: initial !important; } .pricing-item .plan-price span.woocommerce-Price-amount { font-weight: 600 !important; } .pricing-item span.subscription-details { font-size: 25px !important; display: block; line-height: 25px !important; margin: 0; font-weight: 700 !important; } .plan-features li { font-size: 15px; color: #000000 !important; font-weight: 500; border-bottom: 1px; border-top: 0px; border-right: 0px; border-left: 0px; border-color: #0000001c; margin-top: 0; margin-bottom: 11px; border-style: solid; padding-bottom: 13px !important; } /*plan modification*/ /*dashboard paiement utilisateur*/ .woocommerce-product-search button, .woocommerce a.button, .woocommerce input.button { margin: 3px; }/*dashboard paiement utilisateur*/ /*facturation abonnement espacement multiliste*/ td a { /* margin: 20px; */ padding: 5px; font-weight: 700; }/*facturation abonnement espacement multiliste*/ /*facturation tab th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-status { display: none; } td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status { display: none; } /*retirer bouton envoi boutique quand pas de produit*/ a.woocommerce-Button.wc-forward.button { display: none; } .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { display: none; }/*retirer bouton envoi boutique quand pas de produit*/ /*surlignement connexion et enregistrement compte*/ .login-tabs li.active, .login-tabs li:hover { opacity: 1; text-decoration: underline; color: #ff7a59; }/*surlignement connexion et enregistrement compte*/ /*custom largeur de page compte mobile*/@media only screen and (max-width: 480px) { .login-content, .no-login-background .login-content { width: 350PX; } }/*custom largeur de page compte mobile*/ /*custom connexion-inscription menu*/ .header .user-area>a { font-weight: 600; color: #00FFE6 !important; }/*custom connexion-inscription menu*/ /*signalement de commentaire*/ span.zeno-comments-report-link { padding-top: 4px !important; font-weight: 600 !important; } span.zeno-comments-report-link.zrc-already-moderated { padding-top: 5px; font-weight: 600; color: red; } /*signalement de commentaire*/ /*custom avis étoiles*/ .single-comment .listing-rating i { color: #f7b900; }/*custom avis étoiles*/ /*ajustement espacement carte bancaire*/ .woocommerce form .form-row { margin-top: 0; margin-bottom: 0px; padding-right: 20px !important; padding-left: 20px !important; }/*ajustement espacement carte bancaire*/ /*cacher la coche du moteur de recherche accueil*/ .transparent .fs-tabs .nav-tabs>li.active>a, .transparent .fs-tabs .nav-tabs>li.active>a:focus, .transparent .fs-tabs .nav-tabs>li.active>a:hover { color: #fff !important; display: none; }/*cacher la coche du moteur de recherche accueil*/ /*contact form 7 custom*/ .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea { margin-bottom: 15px; margin-top: 15px; } .wpcf7 input, textarea { width: 100%; display: block; border: solid; resize: none; line-height: 18px; background-color: transparent; padding: 14px 10px; color: #242429; outline: none; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, .2); transition: padding .25sease-in-out; border-top: 1px solid rgba(0, 0, 0, .2); border-left: 1px solid rgba(0, 0, 0, .2); border-right: 1px solid rgba(0, 0, 0, .2); border-radius : 5px; } .wpcf7 input:focus, .wpcf7 textarea:focus { border-color: #040a30; /* Couleur pour le focus */ background-color: #f9f9f9; /* Léger fond gris clair */ } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin-bottom: 16px !important; } .wpcf7 input::placeholder, .wpcf7 textarea::placeholder { color: #999; /* Gris clair */ opacity: 1; /* Assure que la couleur est bien appliquée */ } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; margin-top: -10px; margin-bottom: 15px; } .wpcf7-response-output { font-weight: 600; } .wpcf7 input.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid { border-color: #e74c3c !important; /* Rouge */ background-color: #fff5f5; /* Fond légèrement rosé pour indiquer l'erreur */ transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } /*contact form 7 custom*/ /*custom sommaire ajout de liste gauche*/ .add-listing-nav>ul { background-color: white; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); }/*custom sommaire ajout de liste gauche*/ /*annonce reapetter ajout padding titre creation d'annonce pro*/ .resturant-menu-repeater .repeater-field-wrapper .item-head input:first-child { margin-bottom: 10px; }/*annonce reapetter ajout padding titre creation d'annonce pro*/ /*custome woocommerce modification adresse*/ a.edit { font-weight: 900; color: chocolate; } .woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper~p input, .woocommerce .woocommerce-EditAccountForm.edit-account>p:last-of-type button, .woocommerce .woocommerce-EditAccountForm.edit-account>p:last-of-type input { width: 100%; text-align: center; padding-right: 0; padding-left: 0; margin-top: 7px; } .woocommerce form .form-row { margin-top: 0; margin-bottom: 20px; padding-right: 20px !important; padding-left: 20px !important; } .col-md-10.col-md-offset-1 .element .pf-body { padding-bottom: 50px; }