:root { --accent: #0b111b; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(232, 234, 235, 1), -10px 10px rgba(232, 234, 235, 0.2), -10px -10px rgba(232, 234, 235, 1), 10px -10px rgba(232, 234, 235, 0.2); } 25% { box-shadow: -10px 10px rgba(232, 234, 235, 0.2), -10px -10px rgba(232, 234, 235, 1), 10px -10px rgba(232, 234, 235, 0.2), 10px 10px rgba(232, 234, 235, 1); } 50% { box-shadow: -10px -10px rgba(232, 234, 235, 1), 10px -10px rgba(232, 234, 235, 0.2), 10px 10px rgba(232, 234, 235, 1), -10px 10px rgba(232, 234, 235, 0.2); } 75% { box-shadow: 10px -10px rgba(232, 234, 235, 0.2), 10px 10px rgba(232, 234, 235, 1), -10px 10px rgba(232, 234, 235, 0.2), -10px -10px rgba(232, 234, 235, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #0b111b }/* ============================================================ 1. TITRES ET TEXTES DU FORMULAIRE DE SOUMISSION ============================================================ */ .add-listing-step .step-title h2, .add-listing-step h2, .ms-checkout-listing-details h2, .form-section-title h4, .form-section-title i, .select-package-step h2, .case-27-pricing-plans h2 { color: #ffffff !important; opacity: 1 !important; visibility: visible !important; display: block !important; } /* ============================================================ 2. ONGLETS CONNEXION / INSCRIPTION ============================================================ */ .mylisting-auth-container .nav-tabs li a, .sign-in-box .nav-tabs li a { color: #ffffff !important; opacity: 0.5 !important; font-size: 18px !important; } .mylisting-auth-container .nav-tabs li.active a, .sign-in-box .nav-tabs li.active a { color: #00d0ff !important; opacity: 1 !important; font-weight: bold !important; border-bottom: 2px solid #00d0ff !important; } /* ============================================================ 3. SÉLECTION DES FORFAITS (FINI LE FOND BLANC) ============================================================ */ .job-package-list, .job-package-list ul, .job-package-list li { background: #111111 !important; background-color: #111111 !important; border-color: #333333 !important; } .job-package-list li, .job-package-list label, .job-package-list .package-name, .job-package-list .package-description, .job-package-list .package-stats, .job-package-list .package-price { color: #ffffff !important; } /* Lien "Or buy new" */ .job-package-list .btn-plain { color: #00d0ff !important; opacity: 1 !important; display: inline-block !important; } /* ============================================================ 4. PORTAIL UTILISATEUR & LIENS D'ACTION (SUBMIT CHANGES) ============================================================ */ .user-dashboard-header h1, .user-dashboard-header h2, .m-user-panel h2, .m-user-panel h4, .m-user-panel label, .m-user-panel p, .m-user-panel span { color: #ffffff !important; opacity: 1 !important; } /* Liens d'action (Oeil, Crayon, Submit changes) */ .m-user-panel .dashboard-listing-actions a, .m-user-panel .submit-changes-link, .m-user-panel .dashboard-footer-actions a, .m-user-panel .listing-status { color: #ffffff !important; opacity: 1 !important; font-weight: 500 !important; } .m-user-panel i, .m-user-panel a i { color: #00d0ff !important; opacity: 1 !important; } /* Menu latéral du portail */ .user-menu ul li a { color: #ffffff !important; } .user-menu ul li.active a { color: #00d0ff !important; } /* ============================================================ 5. FILTRES DE RECHERCHE ET DASHBOARD STATS ============================================================ */ .dashboard-filter-wrapper input, .dashboard-filter-wrapper select, .dashboard-filter-wrapper .select2-selection__rendered, .dashboard-filter-wrapper label, .dashboard-filter-wrapper input::placeholder, .dashboard-filter-wrapper i { color: #ffffff !important; opacity: 1 !important; } /* Cartes de statistiques */ .m-user-panel .dashboard-stats-card .stat-value, .m-user-panel .dashboard-stats-card .stat-label, .m-user-panel .dashboard-stats-card i { color: #ffffff !important; opacity: 1 !important; } /* ============================================================ 6. NETTOYAGE ET MASQUAGE ============================================================ */ .select-listing-type-step { display: none !important; } /* Titres en blanc — seulement sur fond sombre */ .page-title, .listing-user-name, .user-greeting, .dashboard-greeting, .portal-main-title, .brand-statement { color: #ffffff !important; } /* Filter by listing et Stats Type visibles */ .app-listings .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered, .app-listings .select2-selection__placeholder, .select2-selection__placeholder { color: rgba(255,255,255,0.8) !important; opacity: 1 !important; } /* Search your listings */ .app-listings input::placeholder, .app-listings input::-webkit-input-placeholder, .app-listings input::-moz-placeholder { color: rgba(255,255,255,0.8) !important; opacity: 1 !important; } /* Menu déroulant */ .app-listings select { background-color: #0b111a !important; color: #ffffff !important; } select option { background-color: #0b111a !important; color: #ffffff !important; }