/** * Domus Suisse - panneau de saisie predictive du champ mot-cle. * * Le panneau est attache au et positionne en JS, donc il ne depend * d'aucun contexte de positionnement du theme ou d'Elementor. * * Palette Domus : teal #1C4D59, accent #4A90A8, surface #F1F5F6, radius 6px. */ .domus-suggest { position: absolute; z-index: 999999; top: 0; left: 0; overflow-y: auto; overscroll-behavior: contain; padding: 6px 0; background: #fff; border: 1px solid rgba(28, 77, 89, 0.18); border-radius: 6px; box-shadow: 0 6px 24px rgba(28, 77, 89, 0.12); font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #1C4D59; -webkit-overflow-scrolling: touch; } .domus-suggest[hidden] { display: none !important; } .domus-suggest__group + .domus-suggest__group { margin-top: 2px; border-top: 1px solid #F1F5F6; padding-top: 4px; } .domus-suggest__group-label { padding: 8px 14px 4px; font-family: Raleway, Inter, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #4A90A8; } .domus-suggest__item { display: flex; align-items: center; gap: 10px; padding: 8px 14px; cursor: pointer; transition: background-color 0.12s ease; } .domus-suggest__item:hover, .domus-suggest__item.is-active { background: #F1F5F6; } .domus-suggest__icon { display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 6px; background: #F1F5F6; color: #4A90A8; } .domus-suggest__icon svg { width: 15px; height: 15px; fill: currentColor; } .domus-suggest__thumb { flex: 0 0 auto; width: 40px; height: 32px; overflow: hidden; border-radius: 6px; background: #F1F5F6; } .domus-suggest__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .domus-suggest__text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; } .domus-suggest__label { font-size: 14px; color: #1C4D59; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .domus-suggest__label mark { background: transparent; color: #1C4D59; font-weight: 600; padding: 0; } .domus-suggest__label strong { font-weight: 600; } .domus-suggest__sub { margin-top: 2px; font-size: 12px; color: #7d939b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 575.98px) { .domus-suggest__item { padding: 10px 14px; } .domus-suggest__label { font-size: 15px; } }