/* Hide Client Mobile App Shell on Desktop (> 768px) */ #lihr-mobile-top-header, #lihr-mobile-app-dock, #lihr-mobile-nav-progress, #lihr-mobile-share-toast, #lihr-pwa-smart-banner, #lihr-sidx-mobile-map-searchbox, #lihr-home-mobile-quick-launch, .lihr-mob-ai-subheader, .lihr-mob-share-pill, .lihr-mob-content-share-strip, .lihr-hero-clamp-toggle, .lihr-mob-immersive-drawer-wrap, .lihr-mob-immersive-drawer-btn, .lihr-mob-ai-info-wrap, .lihr-mob-ai-info-btn, .lihr-app-sheet-backdrop, .lihr-app-idx-topbar, .lihr-app-ai-topbar, .lihr-ai-quick-starters { display: none; } @media (min-width: 769px) { #lihr-mobile-share-toast.is-visible { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; position: fixed !important; left: 50% !important; bottom: 28px !important; transform: translateX(-50%) !important; padding: 10px 20px !important; border-radius: 999px !important; background: #0f172a !important; color: #ffffff !important; border: 1.5px solid #d4b872 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.35) !important; z-index: 2147483647 !important; pointer-events: none !important; } } /* Hide Cleared AI Replies Globally (Desktop & Mobile) so React Re-Renders Never Restore Cleared Turns */ .mwai-conversation .mwai-reply[data-lihr-cleared="1"] { display: none !important; } /* V1.7 & V5.1 Easy-on-the-Eye Typography (Desktop & Mobile): De-bold mid-sentence unlinked words inside paragraphs, summaries & author cards */ .hr-blog-body-content p strong:not(:first-child), .hr-blog-top-summary p strong:not(:first-child), .hr-v45-author-card p strong, .lihr-idx-citation-box strong:not(:first-child), .lihr-idx-sc-footnote strong { font-weight: 400 !important; } @media (max-width: 768px) { :root, html, body { --lihr-mob-top-h: calc(46px + env(safe-area-inset-top, 0px)); --lihr-mob-dock-base-h: 76px; --lihr-mob-dock-h: calc(var(--lihr-mob-dock-base-h) + env(safe-area-inset-bottom, 0px)); } /* Top 3px Heritage Gold Instant Navigation Progress Bar */ #lihr-mobile-nav-progress { display: block !important; position: fixed !important; top: 0 !important; left: 0 !important; height: 3.5px !important; width: 0% !important; background: linear-gradient(90deg, #d4b872 0%, #71551c 50%, #d4b872 100%) !important; z-index: 2147483647 !important; opacity: 0 !important; pointer-events: none !important; transition: width 0.35s ease-out, opacity 0.15s ease !important; box-shadow: 0 1px 6px rgba(212, 184, 114, 0.7) !important; } #lihr-mobile-nav-progress.is-loading { opacity: 1 !important; width: 82% !important; } /* V2.6.0: Shared Master Persistent Mobile Top Header Across All 5 Tabs — Split Far-Left Back (`‹`) & Far-Right Forward (`›`) (`37×34px`, 0px Shift, Zero Title Truncation) */ #lihr-mobile-top-header, html body.sidx-fullscreen-modal-open > #lihr-mobile-top-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; height: var(--lihr-mob-top-h) !important; min-height: var(--lihr-mob-top-h) !important; max-height: var(--lihr-mob-top-h) !important; padding: env(safe-area-inset-top, 0px) 9px 0 9px !important; margin: 0 !important; background: #0f172a !important; color: #ffffff !important; border-bottom: 2px solid #d4b872 !important; box-sizing: border-box !important; z-index: 2147483646 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; user-select: none !important; -webkit-user-select: none !important; overflow: hidden !important; } /* Standalone Frosted iPhone-Style Back (`‹` Far Left) & Forward (`›` Far Right) Buttons (`37px × 34px`, `18px` Chevrons) */ #lihr-mobile-top-header .lihr-mth-nav-btn { width: 37px !important; min-width: 37px !important; max-width: 37px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 !important; margin: 0 !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.11) !important; border: 1px solid rgba(255, 255, 255, 0.20) !important; color: #f8fafc !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; flex: 0 0 37px !important; box-sizing: border-box !important; box-shadow: none !important; text-shadow: none !important; outline: none !important; line-height: 1 !important; -webkit-tap-highlight-color: transparent !important; transition: background-color 0.12s ease, border-color 0.12s ease !important; } #lihr-mobile-top-header .lihr-mth-nav-btn svg { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; } #lihr-mobile-top-header #lihr-mth-back-btn svg { transform: translateX(-0.5px) !important; } #lihr-mobile-top-header #lihr-mth-fwd-btn svg { transform: translateX(0.5px) !important; } #lihr-mobile-top-header .lihr-mth-nav-btn:active:not(:disabled):not(.is-disabled) { background: rgba(255, 255, 255, 0.24) !important; border-color: rgba(255, 255, 255, 0.34) !important; } #lihr-mobile-top-header .lihr-mth-nav-btn:disabled, #lihr-mobile-top-header .lihr-mth-nav-btn.is-disabled { background: rgba(255, 255, 255, 0.045) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; color: rgba(248, 250, 252, 0.28) !important; opacity: 1 !important; cursor: default !important; pointer-events: none !important; } #lihr-mobile-top-header .lihr-mth-brand { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; flex: 0 1 auto !important; min-width: 0 !important; margin: 0 auto !important; text-decoration: none !important; color: #ffffff !important; } #lihr-mobile-top-header .lihr-mth-badge { width: 25px !important; height: 25px !important; border-radius: 7px !important; background: #131c31 !important; border: 1.5px solid #d4b872 !important; color: #d4b872 !important; font-size: 10.5px !important; font-weight: 900 !important; letter-spacing: 0.02em !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #lihr-mobile-top-header .lihr-mth-text { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; line-height: 1.15 !important; } #lihr-mobile-top-header .lihr-mth-title { font-size: 13.5px !important; font-weight: 800 !important; color: #ffffff !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #lihr-mobile-top-header .lihr-mth-sub { font-size: 10px !important; font-weight: 600 !important; color: #cbd5e1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Note: `🗑️ Clear` relocated out of `#lihr-mobile-top-header` into `.lihr-mob-ai-subheader` inside the white Mobile AI Bot screen (V2.6.0) */ /* Eliminate 300ms mobile tap delay on all interactive elements */ a, button, .lihr-dock-tab, .lihr-app-card-link, .lihr-app-pill-link, .lihr-app-cta-btn { touch-action: manipulation !important; } /* Reserve top & bottom padding so the 46px Top Header and 68px Bottom App Bar never cover page content or inputs */ html, body { overflow-x: clip !important; max-width: 100vw !important; } body { padding-top: var(--lihr-mob-top-h) !important; padding-bottom: calc(var(--lihr-mob-dock-h) + 8px) !important; } body.lihr-kb-open #lihr-mobile-app-dock { transform: translateY(110%) !important; pointer-events: none !important; } body.lihr-kb-open .mwai-window.mwai-open, body.lihr-kb-open.lihr-mobile-ai-app-mode .mwai-chat:not(.mwai-window) { top: var(--lihr-mob-top-h) !important; bottom: 0 !important; height: calc(100dvh - var(--lihr-mob-top-h)) !important; max-height: calc(100dvh - var(--lihr-mob-top-h)) !important; } body.lihr-kb-open .mwai-window.mwai-open .mwai-window-box { bottom: auto !important; height: 100% !important; max-height: 100% !important; } /* ========================================================================== 0. MOBILE LEFT-EDGE READING BUFFER, RIGHT-SIDE WHITE BAR FIX & CONTAINER NORMALIZER (V1.5) Fixes pages where Elementor `.wd-section-stretch` / `.e-con-full` (`0px` left padding or negative `left` offset) pushed words flush against the left screen edge or created a white vertical bar on the right-hand side of the phone. ========================================================================== */ html, body, .wd-page-wrapper, .main-page-wrapper, #main-content { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; margin-left: 0 !important; margin-right: 0 !important; } .wd-section-stretch, .e-con.wd-section-stretch { width: 100% !important; max-width: 100% !important; left: 0 !important; right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } #main-content.container, .main-page-wrapper > .container { padding-left: max(16px, env(safe-area-inset-left, 16px)) !important; padding-right: max(16px, env(safe-area-inset-right, 16px)) !important; box-sizing: border-box !important; } .wd-content-area.site-content, .wd-content-area .entry-content, .wd-content-area .wd-entry-content, .wd-content-area .e-con, .wd-content-area .e-con > .e-con-inner, .wd-content-area .elementor-widget-html, .wd-content-area .elementor-widget-container { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } /* When an Elementor container uses wd-section-stretch or e-con-full around article HTML, restore mobile left/right buffer */ .wd-content-area .e-con.wd-section-stretch:has(.hr-blog-top-summary, .hr-blog-body-content, .hr-editorial-utility-panel, .hr-v5-page), .wd-content-area .e-con.e-con-full:has(.hr-blog-top-summary, .hr-blog-body-content, .hr-editorial-utility-panel, .hr-v5-page) { padding-left: 18px !important; padding-right: 16px !important; box-sizing: border-box !important; } /* Force any accidental horizontal-row text container (e.g. 6ca0abc with spacer beside HTML) into a vertical stack */ .wd-content-area .e-con:has(> .e-con-inner > .elementor-widget-html), .wd-content-area .e-con:has(> .elementor-widget-html) { --flex-direction: column !important; flex-direction: column !important; } .wd-content-area .e-con > .e-con-inner:has(> .elementor-widget-html) { flex-direction: column !important; width: 100% !important; } .wd-content-area .elementor-widget-html { width: 100% !important; max-width: 100% !important; } /* Dedicated left/right reading buffer on unboxed article paragraphs, headings & FAQ sections */ .hr-blog-body-content, .hr-faq-accordion-section, .hr-v5-page { padding-left: 8px !important; padding-right: 4px !important; box-sizing: border-box !important; } .hr-blog-body-content ul, .hr-blog-body-content ol { padding-left: 22px !important; } .hr-blog-top-summary, .hr-editorial-utility-panel, .hr-v45-author-card { padding-left: 20px !important; padding-right: 18px !important; box-sizing: border-box !important; } /* Hide WoodMart's default mobile bottom toolbar, scroll-to-top button, and top website headers/menus/logos on mobile (`<= 768px`) Plus V2.7.0: Keep `/contact/` Form-First on Screen #1 while preserving a compact 1-line `

` (`19px`) above the form! */ .wd-toolbar, .scrollToTop, header.whb-header, .whb-main-header, .whb-sticky-header, .whb-clone, .wd-header-nav, .mobile-nav, .wd-close-side, .page-title, .page-title-default, .elementor-element-668a3d0, .elementor-element-659d543, .elementor-element-1c90c3f, .elementor-element-af23ba7, .lihr-app-idx-topbar, .lihr-app-ai-topbar { display: none !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; } .hr-v51-contact-wrapper { margin-top: 0 !important; padding-top: 4px !important; } .hr-v51-contact-wrapper > div:first-child { background: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .hr-v51-contact-wrapper > div:first-child > *:not(h1):not(:has(h1)), .hr-v51-contact-wrapper > div:first-child :has(> h1) > *:not(h1) { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .hr-v51-contact-wrapper > div:first-child h1 { display: block !important; font-size: 19px !important; line-height: 1.25 !important; margin: 2px 0 8px 0 !important; padding: 0 14px !important; color: #0f172a !important; } .wd-page-content.main-page-wrapper, .main-page-wrapper, #main-content { margin-top: 0 !important; padding-top: 6px !important; } /* V2.7.0 Homepage (`/`) Sleek `44px` V5.1 Charcoal & Heritage Bronze App Quick-Launch Strip (`<= 768px`) */ #lihr-home-mobile-quick-launch { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; width: 100% !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 0 8px 0 !important; padding: 4px 6px !important; border-radius: 11px !important; background: #0f172a !important; border: 1.5px solid #d4b872 !important; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.16) !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } #lihr-home-mobile-quick-launch .lihr-hmql-map-pill { flex: 1.38 1 0% !important; min-width: 0 !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 0 9px !important; margin: 0 !important; border-radius: 8px !important; background: #71551c !important; border: 1px solid #d4b872 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-decoration: none !important; box-sizing: border-box !important; } #lihr-home-mobile-quick-launch .lihr-hmql-ai-pill { flex: 0.92 1 0% !important; min-width: 0 !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 0 8px !important; margin: 0 !important; border-radius: 8px !important; background: #fdfaf3 !important; border: 1px solid #d4b872 !important; color: #0f172a !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; box-sizing: border-box !important; } #lihr-home-mobile-quick-launch .lihr-hmql-map-pill:active, #lihr-home-mobile-quick-launch .lihr-hmql-ai-pill:active { opacity: 0.88 !important; } @media (max-width: 374px) { #lihr-home-mobile-quick-launch .lihr-hmql-map-pill, #lihr-home-mobile-quick-launch .lihr-hmql-ai-pill { font-size: 11.2px !important; padding: 0 6px !important; } } /* ========================================================================== 1. REDESIGNED `🤖 HIGHLANDS RANCH AI BOT` MOBILE SCREEN (V2.5.0) - 0ms Instant Open/Close (Zero CSS Transitions/Animations, Zero 330ms Close Lag) - Pure White (`#FFFFFF`) Screen Backdrop & WCAG AA+ High-Contrast Typography - Top (`order: 1`): Crisp Conversation Viewport (`.mwai-conversation`, `#ffffff`) - Middle / Above Suggestions (`order: 2`): High-Contrast 16px Input Bar (`.mwai-input`) - Below Input (`order: 3`): "Examples of what you can ask:" + 6 V5.1 Suggestion Cards ========================================================================== */ body.lihr-mobile-ai-app-mode { background: #ffffff !important; } .mwai-foundation-theme, .mwai-window, .mwai-window.mwai-open, .mwai-chat { --mwai-maxHeight: none !important; --mwai-backgroundPrimaryColor: #ffffff !important; --mwai-backgroundSecondaryColor: #ffffff !important; --mwai-backgroundHeaderColor: #ffffff !important; --mwai-conversationsBackgroundColor: #ffffff !important; --mwai-conversationsTextColor: #0f172a !important; --mwai-fontColor: #0f172a !important; --mwai-borderColor: #cbd5e1 !important; --mwai-iconTextColor: #0f172a !important; --mwai-linkColor: #71551c !important; } /* Task 1: Eliminate ALL opening/closing animations, CSS transitions, slide/fade/zoom delays & motion effects on mobile AI Bot (preserving active spinner/pulse dots) */ .mwai-window, .mwai-window-box, .mwai-header, .mwai-mobile-header, .mwai-body, .mwai-content, .mwai-conversation, .mwai-reply, .mwai-input, .mwai-input-text, .mwai-input-submit, .lihr-ai-quick-starters, .lihr-ai-quick-starter-btn, .mwai-animation-zoom .mwai-window-box, .mwai-animation-slide .mwai-window-box, .mwai-animation-fade .mwai-window-box, .mwai-open .mwai-body, .mwai-transition, .mwai-window *:not(.mwai-timer):not(.mwai-timer *):not(.mwai-spinner):not(.lihr-ai-progress-trail):not(.lihr-ai-progress-trail *):not(.lihr-ai-tts-btn), .mwai-chat *:not(.mwai-timer):not(.mwai-timer *):not(.mwai-spinner):not(.lihr-ai-progress-trail):not(.lihr-ai-progress-trail *):not(.lihr-ai-tts-btn) { transition: none !important; transition-duration: 0ms !important; transition-delay: 0ms !important; animation: none !important; animation-duration: 0ms !important; animation-delay: 0ms !important; } .mwai-conversation, .mwai-foundation-theme .mwai-conversation { scroll-behavior: auto !important; } .mwai-foundation-theme.mwai-window.mwai-open:not(.mwai-closing):not(.lihr-ai-instant-hide), .mwai-window.mwai-open:not(.mwai-closing):not(.lihr-ai-instant-hide), html body.sidx-fullscreen-modal-open > .mwai-window.mwai-open:not(.mwai-closing):not(.lihr-ai-instant-hide), html body > .mwai-window.mwai-open:not(.mwai-closing):not(.lihr-ai-instant-hide), body.lihr-mobile-ai-app-mode .mwai-chat:not(.mwai-window) { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; position: fixed !important; top: var(--lihr-mob-top-h) !important; left: 0 !important; right: 0 !important; bottom: var(--lihr-mob-dock-h) !important; width: 100vw !important; max-width: 100vw !important; min-height: 0 !important; height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h)) !important; max-height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h)) !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: #ffffff !important; color: #0f172a !important; box-shadow: none !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; transform: none !important; z-index: 2147483642 !important; } /* Defeat `chatbot.js`'s 180ms + 150ms `mwai-closing` close delay at 0ms */ .mwai-window:not(.mwai-open):not(.mwai-opening), .mwai-window.mwai-closing, .mwai-window.lihr-ai-instant-hide, .mwai-foundation-theme.mwai-window.mwai-closing, .mwai-foundation-theme.mwai-window.lihr-ai-instant-hide, html body.sidx-fullscreen-modal-open > .mwai-window.mwai-closing, html body.sidx-fullscreen-modal-open > .mwai-window.lihr-ai-instant-hide, html body > .mwai-window.mwai-closing, html body > .mwai-window.lihr-ai-instant-hide { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: none !important; } .mwai-foundation-theme.mwai-window.mwai-open .mwai-window-box, .mwai-window.mwai-open .mwai-window-box, body.lihr-mobile-ai-app-mode .mwai-chat:not(.mwai-window) .mwai-window-box { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; border: none !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; overflow: hidden !important; background: #ffffff !important; color: #0f172a !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; } /* V2.4 Item #10: Hide duplicate `.mwai-header` & close buttons inside the AI Bot on mobile because `#lihr-mobile-top-header` provides the uniform persistent top bar + `#lihr-top-ai-clear-btn`! */ .mwai-window .mwai-header, .mwai-chat .mwai-header, .mwai-window .mwai-mobile-header, .mwai-chat .mwai-mobile-header { background: #ffffff !important; border-bottom: 1px solid #e2e8f0 !important; color: #0f172a !important; } .mwai-window .lihr-mwai-clear-btn, .mwai-chat .lihr-mwai-clear-btn { background: #f8fafc !important; border: 1px solid #cbd5e1 !important; color: #0f172a !important; } .mwai-foundation-theme.mwai-window.mwai-open .mwai-header, .mwai-window.mwai-open .mwai-header, .mwai-chat:not(.mwai-window) .mwai-header, .mwai-window.mwai-open .mwai-mobile-header, .mwai-chat:not(.mwai-window) .mwai-mobile-header, .mwai-window.mwai-open .mwai-header .mwai-close-button, .mwai-window.mwai-open .mwai-header .mwai-trigger, .mwai-window.mwai-open .mwai-resize-button, .lihr-mwai-mobile-close-btn { display: none !important; } .mwai-window.mwai-open .mwai-body, .mwai-window.mwai-open .mwai-content, .mwai-foundation-theme.mwai-window.mwai-open .mwai-body, .mwai-chat:not(.mwai-window) .mwai-body, .mwai-chat:not(.mwai-window) .mwai-content { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; min-height: 0 !important; height: 100% !important; max-height: none !important; background: #ffffff !important; color: #0f172a !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } /* 0. PINNED TOP UTILITY BAR (`order: 0`): Matches `.lihr-app-sheet-header` on `#ffffff` AI Screen with High-Contrast `🗑️ Clear` Pill */ .mwai-window.mwai-open .lihr-mob-ai-subheader, .mwai-chat:not(.mwai-window) .lihr-mob-ai-subheader { order: 0 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; padding: 5px 14px !important; margin: 0 !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; box-sizing: border-box !important; } .lihr-mob-ai-subheader-title { font-size: 13px !important; font-weight: 800 !important; color: #0f172a !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; min-width: 0 !important; margin: 0 !important; } .mwai-window .lihr-mob-ai-clear-btn, .mwai-chat .lihr-mob-ai-clear-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; height: 30px !important; min-height: 30px !important; padding: 0 11px !important; margin: 0 !important; border-radius: 999px !important; background: #fdfaf3 !important; border: 1px solid #d4b872 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; flex-shrink: 0 !important; cursor: pointer !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important; box-sizing: border-box !important; } .mwai-window .lihr-mob-ai-clear-btn:active, .mwai-chat .lihr-mob-ai-clear-btn:active { background: #f5ebd4 !important; border-color: #71551c !important; } /* 1. TOP (`order: 1`): Before asking a question (`:not(.lihr-ai-engaged)`), hug the greeting compactly at the top so the Input Bar sits right below it! Once a question is asked (`.lihr-ai-engaged`), expand `.mwai-conversation` full-screen! */ .mwai-foundation-theme.mwai-window.mwai-open .mwai-body .mwai-conversation, .mwai-foundation-theme.mwai-window.mwai-open .mwai-conversation, .mwai-window.mwai-open .mwai-conversation, .mwai-chat:not(.mwai-window) .mwai-conversation { order: 1 !important; flex: 0 0 auto !important; min-height: 0 !important; max-height: 112px !important; height: auto !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: auto !important; background: #ffffff !important; color: #0f172a !important; border: none !important; border-radius: 0 !important; margin: 0 !important; padding: 12px 14px 8px 14px !important; font-size: 14.5px !important; line-height: 1.55 !important; } .mwai-foundation-theme.mwai-window.mwai-open.lihr-ai-engaged .mwai-body .mwai-conversation, .mwai-foundation-theme.mwai-window.mwai-open.lihr-ai-engaged .mwai-conversation, .mwai-window.mwai-open.lihr-ai-engaged .mwai-conversation, .mwai-chat:not(.mwai-window).lihr-ai-engaged .mwai-conversation { flex: 1 1 auto !important; max-height: none !important; } /* Assistant & System Bubbles: Crisp `#f8fafc` surface with `1px solid #e2e8f0` border & `#0f172a` text */ .mwai-window.mwai-open .mwai-conversation .mwai-reply, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-ai, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-system, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-ai, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-system { padding: 10px 12px !important; border-radius: 10px !important; background: #f8fafc !important; color: #0f172a !important; border: 1px solid #e2e8f0 !important; line-height: 1.55 !important; margin-bottom: 8px !important; } .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text p, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text li, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text strong, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h1, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h2, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h3, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h4, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text th, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text td, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-name, .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-name-text, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text p, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text li, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text strong, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h1, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h2, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h3, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text h4, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text th, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text td, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-name, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-name-text { color: #0f172a !important; } /* Links inside AI/system replies (preserving `.lihr-ai-prop-minicard-btn`'s `#111827` bg + `#ffffff` text) */ .mwai-reply.mwai-ai .mwai-text a:not(.lihr-ai-prop-minicard-btn), .mwai-reply.mwai-system .mwai-text a:not(.lihr-ai-prop-minicard-btn), .mwai-window.mwai-open .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text a:not(.lihr-ai-prop-minicard-btn), .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply:not(.mwai-user) .mwai-text a:not(.lihr-ai-prop-minicard-btn) { color: #71551c !important; font-weight: 700 !important; text-decoration: underline !important; } /* User Bubbles: Crisp dark slate `#0f172a` background with `#ffffff` text */ .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user { background: #0f172a !important; border: 1px solid #0f172a !important; color: #ffffff !important; } .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-text, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-text p, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-text li, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-text strong, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-name, .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-name-text, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-text, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-text p, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-text li, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-text strong, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-name, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-name-text { color: #ffffff !important; } .mwai-window.mwai-open .mwai-conversation .mwai-reply.mwai-user .mwai-text a, .mwai-chat:not(.mwai-window) .mwai-conversation .mwai-reply.mwai-user .mwai-text a { color: #f3d999 !important; font-weight: 700 !important; text-decoration: underline !important; } /* Fix `foundation.css` SVG avatar inversion trap & copy button contrast on white backdrop */ .mwai-avatar.mwai-svg img, .mwai-window .mwai-avatar.mwai-svg img, .mwai-chat .mwai-avatar.mwai-svg img { filter: none !important; } .mwai-reply-actions, .mwai-reply-actions .mwai-copy-button { background: #ffffff !important; border: 1px solid #cbd5e1 !important; color: #334155 !important; fill: #334155 !important; } /* 2. ABOVE SUGGESTIONS (`order: 2`): Pure White Input Bar with 16px Zero-Zoom Input & High-Contrast Send Button */ .mwai-foundation-theme.mwai-window.mwai-open .mwai-body .mwai-input, .mwai-foundation-theme.mwai-window.mwai-open .mwai-input, .mwai-window.mwai-open .mwai-input, .mwai-chat:not(.mwai-window) .mwai-input { order: 2 !important; flex: 0 0 auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; background: #ffffff !important; border: none !important; border-top: 1px solid #e2e8f0 !important; border-radius: 0 !important; margin: 0 !important; padding: 8px 12px !important; } .mwai-window.mwai-open .mwai-input::before, .mwai-chat:not(.mwai-window) .mwai-input::before { display: none !important; content: none !important; } .mwai-foundation-theme.mwai-window.mwai-open .mwai-input .mwai-input-text, .mwai-window.mwai-open .mwai-input .mwai-input-text, .mwai-chat:not(.mwai-window) .mwai-input .mwai-input-text { flex: 1 1 auto !important; width: auto !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; background: #f8fafc !important; border: 1.5px solid #94a3b8 !important; border-radius: 8px !important; padding: 4px 10px !important; margin: 0 !important; } .mwai-window.mwai-open .mwai-input .mwai-input-text:focus-within, .mwai-chat:not(.mwai-window) .mwai-input .mwai-input-text:focus-within { background: #ffffff !important; border-color: #71551c !important; box-shadow: 0 0 0 2px rgba(113, 85, 28, 0.16) !important; } .mwai-foundation-theme.mwai-window.mwai-open .mwai-input .mwai-input-text textarea, .mwai-window.mwai-open .mwai-input textarea, .mwai-chat:not(.mwai-window) .mwai-input textarea, .mwai-window.mwai-open .mwai-input input, .mwai-chat:not(.mwai-window) .mwai-input input { flex: 1 1 auto !important; width: auto !important; color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; background: transparent !important; font-size: 16px !important; font-weight: 500 !important; min-height: 32px !important; max-height: 76px !important; line-height: 1.35 !important; padding: 4px 2px !important; margin: 0 !important; } .mwai-window.mwai-open .mwai-input textarea::placeholder, .mwai-chat:not(.mwai-window) .mwai-input textarea::placeholder { color: #64748b !important; -webkit-text-fill-color: #64748b !important; opacity: 1 !important; } /* V2.4 Item #13: Remove Mobile AI "Speak" (`.mwai-microphone`) button on mobile ONLY (`<= 768px`), preserving Desktop (`>= 769px`) */ .mwai-foundation-theme.mwai-window.mwai-open .mwai-input button.mwai-microphone, .mwai-foundation-theme.mwai-window.mwai-open .mwai-input .mwai-microphone, .mwai-window.mwai-open .mwai-input .mwai-microphone, .mwai-chat:not(.mwai-window) .mwai-input .mwai-microphone, .mwai-input .mwai-microphone, .mwai-microphone { display: none !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow: hidden !important; pointer-events: none !important; } .mwai-foundation-theme.mwai-window.mwai-open .mwai-input .mwai-input-submit, .mwai-window.mwai-open .mwai-input .mwai-input-submit, .mwai-chat:not(.mwai-window) .mwai-input .mwai-input-submit { flex: 0 0 auto !important; width: auto !important; min-width: 64px !important; height: 38px !important; margin: 0 !important; padding: 0 13px !important; background: #0f172a !important; color: #ffffff !important; border: 1px solid #0f172a !important; font-weight: 800 !important; font-size: 13.5px !important; border-radius: 8px !important; } .mwai-window.mwai-open .mwai-input .mwai-input-submit svg, .mwai-chat:not(.mwai-window) .mwai-input .mwai-input-submit svg { fill: #ffffff !important; color: #ffffff !important; } /* 3. BELOW INPUT BAR (`order: 3`): Pure White Starter Prompts Area + 6 High-Contrast V5.1 Suggestion Cards */ .lihr-ai-quick-starters { order: 3 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; gap: 7px !important; background: #ffffff !important; border-top: 1px solid #e2e8f0 !important; margin: 0 !important; padding: 12px 14px 16px 14px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .lihr-ai-engaged .lihr-ai-quick-starters, .mwai-window.lihr-ai-engaged .lihr-ai-quick-starters, .mwai-chat.lihr-ai-engaged .lihr-ai-quick-starters { display: none !important; } .lihr-ai-starters-heading { font-size: 11.5px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: #71551c !important; margin: 0 0 2px 2px !important; } .lihr-ai-quick-starter-btn { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; background: #f8fafc !important; border: 1px solid #cbd5e1 !important; border-left: 3.5px solid #71551c !important; border-radius: 10px !important; padding: 9px 14px !important; color: #0f172a !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.28 !important; text-align: left !important; white-space: normal !important; cursor: pointer !important; box-sizing: border-box !important; } .lihr-ai-quick-starter-btn:active { background: #fdfaf3 !important; border-color: #71551c !important; } /* On `/ai-assistant/` on mobile, preserve 100% pure-white full-screen AI Bot by default + quiet 1-line bottom info drawer (`ℹ️ About Highlands Ranch AI Bot & FAQs ▾`) */ body.lihr-mobile-ai-app-mode:not(.lihr-ai-drawer-open) .wd-content-area *:not(:has(.mwai-chat)):not(.mwai-chat):not(.mwai-chat *):not(.lihr-mob-ai-info-wrap):not(.lihr-mob-ai-info-wrap *) { display: none !important; } body.lihr-mobile-ai-app-mode:not(.lihr-ai-drawer-open) .mwai-chat:not(.mwai-window) { bottom: calc(var(--lihr-mob-dock-h) + 26px) !important; height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h) - 26px) !important; max-height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h) - 26px) !important; } body.lihr-mobile-ai-app-mode.lihr-kb-open:not(.lihr-ai-drawer-open) .mwai-chat:not(.mwai-window) { bottom: var(--lihr-mob-dock-h) !important; height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h)) !important; max-height: calc(100dvh - var(--lihr-mob-top-h) - var(--lihr-mob-dock-h)) !important; } body.lihr-mobile-ai-app-mode:not(.lihr-ai-drawer-open) .lihr-mob-ai-info-wrap { display: flex !important; align-items: center !important; justify-content: center !important; position: fixed !important; left: 0 !important; right: 0 !important; bottom: var(--lihr-mob-dock-h) !important; height: 26px !important; margin: 0 !important; padding: 0 10px !important; background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; z-index: 2147483643 !important; box-sizing: border-box !important; } body.lihr-mobile-ai-app-mode.lihr-kb-open:not(.lihr-ai-drawer-open) .lihr-mob-ai-info-wrap { display: none !important; } body.lihr-mobile-ai-app-mode.lihr-ai-drawer-open .mwai-chat:not(.mwai-window) { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; height: 480px !important; max-height: 68dvh !important; margin: 0 0 8px 0 !important; border: 1px solid #cbd5e1 !important; border-radius: 12px !important; z-index: 2 !important; } body.lihr-mobile-ai-app-mode.lihr-ai-drawer-open .lihr-mob-ai-info-wrap { display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; height: auto !important; margin: 6px 0 14px 0 !important; padding: 4px 0 !important; background: transparent !important; border: none !important; } .lihr-mob-ai-info-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; margin: 0 auto !important; padding: 2px 10px !important; border-radius: 999px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; white-space: nowrap !important; cursor: pointer !important; box-sizing: border-box !important; } .lihr-mob-ai-info-btn:active { background: #f1f5f9 !important; } /* Hide floating corner chat trigger bubble & all extra white chip/feedback/footer boxes on mobile */ .mwai-window:not(.mwai-open) .mwai-trigger, .lihr-ai-followup-chips, .lihr-ai-followup-chip, .lihr-ai-feedback-bar, .lihr-ai-vip-mini-bar, .lihr-ai-saber-direct-card, .lihr-ai-saber-pill, .lihr-ai-tech-rescue-banner, .mwai-window.mwai-open .mwai-footer, .mwai-window.mwai-open .mwai-shortcuts, .mwai-chat:not(.mwai-window) .mwai-footer, .mwai-chat:not(.mwai-window) .mwai-shortcuts, [data-open-saber], [data-saber-direct] { display: none !important; } .lihr-ai-vip-card { margin: 6px 12px !important; padding: 11px !important; width: calc(100% - 24px) !important; max-height: 52vh !important; overflow-y: auto !important; box-sizing: border-box !important; } /* ========================================================================== 2. V2.3 NATIVE SHOWCASE IDX HIGHLANDS RANCH MAP + COMPACT 2-ROW SEARCH & FILTER BAR - Mounts `#lihr-sidx-mobile-map-searchbox` directly inside `.sidx-modal.sidx-fullscreen` so `ReactModal` focus scoping never steals focus from `` or `