clearInterval(window.antlerMobileNavInterval); clearInterval(window.__antlerSalarHeaderInterval); window.__antlerSalarHeaderInterval = setInterval(() => { try { const doc = window.parent.document; const win = window.parent; if (!doc || !doc.body || !doc.head) return; const TOP_BAR_ID = 'antler-salar-top-contact-bar'; const MOBILE_NAV_ID = 'antler-mobile-clean-nav'; const STYLE_ID = 'antler-salar-combined-header-styles'; /* ===================================================== ADD STYLES ===================================================== */ if (!doc.getElementById(STYLE_ID)) { const style = doc.createElement('style'); style.id = STYLE_ID; style.textContent = ` /* ===================================== TOP CONTACT BAR — DESKTOP ====================================== */ #${TOP_BAR_ID} { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; inset: auto !important; margin: 0 !important; padding: 9px 18px !important; background: #111111 !important; color: #ffffff !important; z-index: 99999 !important; font-family: Poppins, Arial, sans-serif !important; visibility: visible !important; opacity: 1 !important; } #${TOP_BAR_ID} * { box-sizing: border-box !important; } #${TOP_BAR_ID} .antler-top-inner { width: 100% !important; max-width: 1500px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; } #${TOP_BAR_ID} .antler-contact-links, #${TOP_BAR_ID} .antler-social-links { display: flex !important; align-items: center !important; } #${TOP_BAR_ID} .antler-contact-links { gap: 22px !important; } #${TOP_BAR_ID} .antler-social-links { gap: 10px !important; } #${TOP_BAR_ID} a { text-decoration: none !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; line-height: 1 !important; } #${TOP_BAR_ID} .antler-contact-link { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0 !important; background: transparent !important; color: #ffffff !important; font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; } #${TOP_BAR_ID} .antler-contact-link:hover { opacity: 0.8 !important; } #${TOP_BAR_ID} .antler-contact-icon { width: 19px !important; min-width: 19px !important; height: 19px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } #${TOP_BAR_ID} .antler-contact-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ===================================== SOCIAL MEDIA BUTTONS ====================================== */ #${TOP_BAR_ID} .antler-social-link { width: 37px !important; min-width: 37px !important; height: 37px !important; padding: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } #${TOP_BAR_ID} .antler-social-link:hover { transform: translateY(-2px) scale(1.04) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; } #${TOP_BAR_ID} .antler-instagram { background: radial-gradient( circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90% ) !important; } #${TOP_BAR_ID} .antler-facebook { background: #1877f2 !important; } #${TOP_BAR_ID} .antler-yelp { background: #d32323 !important; } #${TOP_BAR_ID} .antler-social-link svg { width: 19px !important; height: 19px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #${TOP_BAR_ID} .antler-facebook svg, #${TOP_BAR_ID} .antler-yelp svg { fill: #ffffff !important; stroke: none !important; } /* ===================================== MOBILE NAV SCROLLBAR ====================================== */ #${MOBILE_NAV_ID} { scrollbar-width: none !important; -ms-overflow-style: none !important; } #${MOBILE_NAV_ID}::-webkit-scrollbar { display: none !important; } /* ===================================== MOBILE VERSION ====================================== */ @media screen and (max-width: 768px) { #${TOP_BAR_ID} { width: 100% !important; min-height: 45px !important; padding: 6px 10px !important; margin: 0 !important; background: #111111 !important; } #${TOP_BAR_ID} .antler-top-inner { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; } #${TOP_BAR_ID} .antler-contact-links, #${TOP_BAR_ID} .antler-social-links { display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; } #${TOP_BAR_ID} .antler-contact-text, #${TOP_BAR_ID} .antler-contact-value { display: none !important; } #${TOP_BAR_ID} .antler-contact-link, #${TOP_BAR_ID} .antler-social-link { width: 33px !important; min-width: 33px !important; height: 33px !important; padding: 0 !important; border-radius: 50% !important; } #${TOP_BAR_ID} .antler-phone { background: #198754 !important; color: #ffffff !important; } #${TOP_BAR_ID} .antler-email { background: #c5221f !important; color: #ffffff !important; } #${TOP_BAR_ID} .antler-contact-icon { width: 17px !important; min-width: 17px !important; height: 17px !important; } #${TOP_BAR_ID} .antler-contact-icon svg, #${TOP_BAR_ID} .antler-social-link svg { width: 17px !important; height: 17px !important; } /* ================================= THREE MOBILE CTA BUTTONS ================================== */ #${MOBILE_NAV_ID} { width: 100% !important; max-width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; position: relative !important; inset: auto !important; gap: 8px !important; padding: 10px 8px !important; margin: 0 !important; overflow-x: auto !important; white-space: nowrap !important; background: #ffffff !important; border-top: 1px solid #eeeeee !important; border-bottom: 1px solid #e5e5e5 !important; box-shadow: 0 2px 7px rgba(0,0,0,0.09) !important; z-index: 99998 !important; font-family: Poppins, Arial, sans-serif !important; } #${MOBILE_NAV_ID} a { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 39px !important; padding: 10px 15px !important; margin: 0 !important; border-radius: 22px !important; text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.1px !important; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; } #${MOBILE_NAV_ID} a:active { transform: scale(0.96) !important; } /* Order Now — primary but not harsh */ #${MOBILE_NAV_ID} .antler-order-btn { min-height: 42px !important; padding: 11px 18px !important; background: linear-gradient( 135deg, #ba782f, #9a5c20 ) !important; color: #ffffff !important; border: 1px solid #9a5c20 !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: 0 3px 8px rgba(154,92,32,0.24) !important; animation: antlerOrderGlow 3.2s ease-in-out infinite !important; } /* Party Halls */ #${MOBILE_NAV_ID} .antler-party-btn { background: #fff8ef !important; color: #7a4a1c !important; border: 1px solid #d8b68e !important; box-shadow: 0 2px 5px rgba(122,74,28,0.10) !important; } /* Reserve Table */ #${MOBILE_NAV_ID} .antler-reserve-btn { background: #f5f5f5 !important; color: #1d1d1d !important; border: 1px solid #d5d5d5 !important; box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important; } @keyframes antlerOrderGlow { 0%, 100% { transform: scale(1); box-shadow: 0 3px 8px rgba(154,92,32,0.22); } 50% { transform: scale(1.025); box-shadow: 0 4px 11px rgba(154,92,32,0.30); } } } /* ===================================== SMALLER MOBILE PHONES ====================================== */ @media screen and (max-width: 390px) { #${TOP_BAR_ID} { min-height: 42px !important; padding: 5px 7px !important; } #${TOP_BAR_ID} .antler-top-inner { gap: 7px !important; } #${TOP_BAR_ID} .antler-contact-links, #${TOP_BAR_ID} .antler-social-links { gap: 7px !important; } #${TOP_BAR_ID} .antler-contact-link, #${TOP_BAR_ID} .antler-social-link { width: 30px !important; min-width: 30px !important; height: 30px !important; } #${MOBILE_NAV_ID} { justify-content: flex-start !important; gap: 7px !important; padding: 9px 7px !important; } #${MOBILE_NAV_ID} a { min-height: 38px !important; padding: 10px 13px !important; font-size: 12px !important; } #${MOBILE_NAV_ID} .antler-order-btn { min-height: 40px !important; padding: 10px 16px !important; font-size: 13px !important; } } /* Accessibility: stop animation when requested */ @media (prefers-reduced-motion: reduce) { #${MOBILE_NAV_ID} .antler-order-btn { animation: none !important; } } /* ===================================== HEADER PADDING FIX ===================================== */ #app .pt-lg { padding-top: 50px !important; } `; doc.head.appendChild(style); } /* ===================================================== CREATE TOP CONTACT BAR ===================================================== */ let topBar = doc.getElementById(TOP_BAR_ID); if (!topBar) { topBar = doc.createElement('div'); topBar.id = TOP_BAR_ID; topBar.innerHTML = `

Call Us +1 669-333-4432 Email Us salar141south@gmail.com

`; } /* ===================================================== REMOVE OLD OVERLAY NAVIGATION ===================================================== */ const oldOverlay = doc.getElementById( 'antler-mobile-overlay-nav' ); if (oldOverlay) oldOverlay.remove(); /* ===================================================== CREATE OR UPDATE MOBILE CTA ROW ===================================================== */ let nav = doc.getElementById(MOBILE_NAV_ID); if (!nav) { nav = doc.createElement('div'); nav.id = MOBILE_NAV_ID; } /* * Always rebuild the buttons. * This prevents older button versions appearing * on Catering, Party Halls, Reservations and other pages. */ nav.innerHTML = ` Order Now Party Halls Reserve Table `; /* ===================================================== MOBILE/DESKTOP NAV VISIBILITY ===================================================== */ if (win.innerWidth <= 768) { nav.style.setProperty( 'display', 'flex', 'important' ); } else { nav.style.setProperty( 'display', 'none', 'important' ); } /* ===================================================== FIND MAIN HEADER ===================================================== */ const logoImg = Array.from( doc.querySelectorAll('img') ).find(img => { const rect = img.getBoundingClientRect(); const src = (img.src || '').toLowerCase(); const alt = (img.alt || '').toLowerCase(); return ( rect.width > 30 && rect.height > 20 && rect.top < 400 && ( src.includes('logo') || alt.includes('logo') || src.includes('salar') || alt.includes('salar') ) ); }); let headerWrapper = null; if (logoImg) { headerWrapper = logoImg.closest('header') || logoImg.closest('nav'); if (!headerWrapper) { let current = logoImg.closest('a') || logoImg.parentElement; for (let i = 0; i < 6; i++) { if (!current || !current.parentElement) break; const parentRect = current.parentElement.getBoundingClientRect(); const nearlyFullWidth = parentRect.width >= win.innerWidth * 0.75; const reasonableHeight = parentRect.height >= 50 && parentRect.height <= 220; if (nearlyFullWidth && reasonableHeight) { headerWrapper = current.parentElement; } current = current.parentElement; } } } /* ===================================================== PLACE CONTACT BAR AND MOBILE CTA ROW ===================================================== */ if ( headerWrapper && headerWrapper.parentNode && headerWrapper !== topBar && !topBar.contains(headerWrapper) ) { /* * Contact/social bar above full header. */ if (topBar.nextElementSibling !== headerWrapper) { headerWrapper.parentNode.insertBefore( topBar, headerWrapper ); } /* * Three CTA buttons below full header. */ if (nav.previousElementSibling !== headerWrapper) { headerWrapper.parentNode.insertBefore( nav, headerWrapper.nextSibling ); } } else { /* * Safe fallback placement. */ if (!topBar.isConnected) { doc.body.insertBefore( topBar, doc.body.firstChild ); } if (!nav.isConnected) { doc.body.insertBefore( nav, topBar.nextSibling ); } } /* ===================================================== FORCE CONTACT BAR VISIBILITY ===================================================== */ topBar.style.setProperty( 'display', 'flex', 'important' ); topBar.style.setProperty( 'visibility', 'visible', 'important' ); topBar.style.setProperty( 'opacity', '1', 'important' ); topBar.style.setProperty( 'height', 'auto', 'important' ); doc.body.style.paddingTop = ''; } catch (error) { console.warn( 'Salar responsive header error:', error ); } }, 500);