/* ============================================================ AdForest – Boutons Appeler & SMS | style.css v2.0.0 Zéro conflit : tout est scopé, rien n'est global ============================================================ */ /* ── Wrapper source (toujours invisible, zéro impact layout) ── */ .adf-csb-wrapper { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* ══════════════════════════════════════════════════════════════ BARRE STICKY — MOBILE UNIQUEMENT (≤ 767px) Injectée dans par JS, complètement isolée du DOM ══════════════════════════════════════════════════════════════ */ /* Masquée sur desktop */ #adf-csb-sticky-bar { display: none; } @media (max-width: 767px) { #adf-csb-sticky-bar { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; align-items: center; gap: 10px; padding: 10px 14px 16px; background: #ffffff; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.12); border-top: 1px solid #e9ecef; /* Caché au départ, JS le fait apparaître au scroll */ transform: translateY(100%); transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); /* Isolation totale : aucun style hérité */ box-sizing: border-box; font-family: inherit; line-height: normal; } #adf-csb-sticky-bar.adf-csb-visible { transform: translateY(0); } /* Espace en bas pour ne pas masquer le contenu */ body.adf-csb-has-sticky { padding-bottom: 74px !important; } /* ── Boutons ─────────────────────────────────────────────── */ #adf-csb-sticky-bar .adf-csb-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; flex: 1 !important; min-width: 0 !important; padding: 14px 10px !important; border-radius: 50px !important; font-size: 14px !important; font-weight: 700 !important; color: #ffffff !important; text-decoration: none !important; cursor: pointer !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important; transition: filter 0.18s ease, transform 0.18s ease !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; border: none !important; outline: none !important; box-sizing: border-box !important; line-height: 1 !important; } #adf-csb-sticky-bar .adf-csb-btn:active { transform: scale(0.97) !important; filter: brightness(0.95) !important; } #adf-csb-sticky-bar .adf-csb-call { background: linear-gradient(135deg, #28a745 0%, #20c15e 100%) !important; } #adf-csb-sticky-bar .adf-csb-sms { background: linear-gradient(135deg, #007bff 0%, #339cff 100%) !important; } /* ── Icône ───────────────────────────────────────────────── */ #adf-csb-sticky-bar .adf-csb-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; background: rgba(255, 255, 255, 0.22) !important; border-radius: 50% !important; flex-shrink: 0 !important; } #adf-csb-sticky-bar .adf-csb-icon svg { display: block !important; width: 18px !important; height: 18px !important; } #adf-csb-sticky-bar .adf-csb-label { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; line-height: 1 !important; } }