/* Theme Name: Synadvance Author: Votre Nom Description: Thème personnalisé pour Synadvance, axé sur les solutions SI et IA. Version: 1.0.0 Text Domain: synadvance */ /* =================================================================== STYLES DU SLIDER (précédemment en ligne dans le ) =================================================================== */ html { scroll-behavior: smooth; } .slider-container { position: relative; width: 100%; overflow: hidden; height: 85vh; } .slider { display: flex; transition: transform 0.8s ease-in-out; height: 100%; } .slide { min-width: 100%; position: relative; height: 100%; } .slide img { width: 100%; height: 100%; object-fit: cover; } .slide-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; background: linear-gradient(rgba(6, 48, 88, 0.85), rgba(6, 48, 88, 0.4)); color: white; } .slider-nav { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 10; } .slider-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: background 0.3s, transform 0.3s; } .slider-dot.active { background: white; transform: scale(1.2); } .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); border: none; color: white; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; font-size: 1.5rem; transition: all 0.3s; z-index: 10; backdrop-filter: blur(5px); } .slider-btn:hover { background: rgba(9, 176, 192, 0.8); transform: translateY(-50%) scale(1.1); } .slider-btn.prev { left: 30px; } .slider-btn.next { right: 30px; } .slide-content h1, .slide-content h2, .slide-content p, .slide-content .btn-group { opacity: 0; transform: translateY(30px); animation: fadeInUp 0.8s forwards; } .slide-content h1 { animation-delay: 0.3s; } .slide-content p { animation-delay: 0.6s; } .slide-content .btn-group { animation-delay: 0.9s; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* =================================================================== STYLES POUR LE FORMULAIRE WPFORMS =================================================================== */ /* Style pour les étiquettes du formulaire */ .wpforms-form .wpforms-field-label { display: block; color: #063058; font-weight: 700; margin-bottom: 0.5rem; } /* Style pour le focus des champs */ .wpforms-form .wpforms-field input:focus, .wpforms-form .wpforms-field textarea:focus { outline: none; border-color: #09b0c0; box-shadow: 0 0 0 2px #09b0c0; } /* Espacement entre les champs */ .wpforms-form .wpforms-field { margin-bottom: 1rem; } /* ============================================================= STYLE POUR ÉPURER L'INTERFACE DE GOOGLE MAPS ============================================================= */ .relative > .absolute { z-index: 10; }