{"id":11,"date":"2026-05-13T09:26:45","date_gmt":"2026-05-13T09:26:45","guid":{"rendered":"https:\/\/bomba8.galaxywebsites.co.uk\/?page_id=11"},"modified":"2026-05-13T10:28:33","modified_gmt":"2026-05-13T10:28:33","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/bomba8.galaxywebsites.co.uk\/","title":{"rendered":"Bomba 8 | J\u00e1vea Port"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nBOMBA 8 \u2014 Javea Port | Live Music, Food & Drinks<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Permanent+Marker&family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n\/* ===================================================\r\n ELEMENTOR OVERRIDE \u2014 FORCE ALL THE THINGS\r\n =================================================== *\/\r\n.elementor-section,.elementor-container,.elementor-widget-wrap,\r\n.elementor-widget,.elementor-element,.elementor-column,\r\n.elementor-column-wrap,.elementor-inner-section,\r\n.e-container,.e-con,.e-con-inner {\r\n all: unset !important;\r\n display: revert !important;\r\n box-sizing: border-box !important;\r\n}\r\n\r\n\/* ===================================================\r\n DESIGN TOKENS\r\n =================================================== *\/\r\n:root {\r\n --black: #0d0d0d;\r\n --charcoal: #1c1c1c;\r\n --slate: #2a2a2a;\r\n --red: #c9290e;\r\n --red-hot: #ff4422;\r\n --amber: #e8920a;\r\n --gold: #d4940f;\r\n --cream: #f2ead8;\r\n --warm-white: #faf7f0;\r\n --light-grey: #c8c0b0;\r\n --grey: #888880;\r\n --white: #ffffff;\r\n --font-display: 'Permanent Marker', cursive;\r\n --font-head: 'Bebas Neue', cursive;\r\n --font-body: 'Barlow Condensed', sans-serif;\r\n --font-prose: 'Barlow', sans-serif;\r\n}\r\n\r\n\/* ===================================================\r\n RESET & BASE\r\n =================================================== *\/\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n background: #1c1c1c !important;\r\n color: var(--cream) !important;\r\n font-family: var(--font-body) !important;\r\n overflow-x: hidden !important;\r\n width: 100% !important;\r\n}\r\nimg { max-width: 100%; display: block; }\r\na { text-decoration: none; color: inherit; }\r\n\r\n\/* grain overlay *\/\r\nbody::after {\r\n content: '';\r\n position: fixed; inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none; z-index: 9999; opacity: 0.5;\r\n}\r\n\r\n\/* ===================================================\r\n NAV\r\n =================================================== *\/\r\n#b8-nav {\r\n position: fixed !important;\r\n top: 0 !important; left: 0 !important; right: 0 !important;\r\n z-index: 1000 !important;\r\n background: rgba(13,13,13,0.97) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border-bottom: 3px solid var(--red) !important;\r\n padding: 0 3vw !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n height: 60px !important;\r\n transition: box-shadow 0.3s !important;\r\n width: 100% !important;\r\n}\r\n#b8-nav.scrolled { box-shadow: 0 4px 30px rgba(201,41,14,0.3) !important; }\r\n.admin-bar #b8-nav { top: 32px !important; }\r\n@media screen and (max-width: 782px) { .admin-bar #b8-nav { top: 46px !important; } }\r\n\r\n.nav-logo {\r\n display: flex !important; align-items: center !important;\r\n gap: 0.6rem !important; text-decoration: none !important; flex-shrink: 0 !important;\r\n}\r\n.nav-logo img { height: 46px !important; width: auto !important; display: block !important; }\r\n.nav-logo-text {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.35rem !important; color: var(--white) !important; line-height: 1 !important;\r\n}\r\n.nav-logo-text em { color: var(--red-hot) !important; font-style: normal !important; }\r\n\r\n.nav-links {\r\n display: flex !important; gap: 0 !important;\r\n list-style: none !important; align-items: center !important;\r\n}\r\n.nav-links a {\r\n font-family: var(--font-head) !important;\r\n font-size: 0.9rem !important; letter-spacing: 0.1em !important;\r\n color: var(--light-grey) !important; text-decoration: none !important;\r\n padding: 0.4rem 0.6rem !important;\r\n border-bottom: 2px solid transparent !important;\r\n transition: color 0.2s, border-color 0.2s !important;\r\n white-space: nowrap !important;\r\n}\r\n.nav-links a:hover { color: var(--white) !important; border-bottom-color: var(--red-hot) !important; }\r\n.nav-links .nav-cta {\r\n background: var(--red) !important; color: var(--white) !important;\r\n padding: 0.35rem 0.9rem !important; border-bottom: none !important;\r\n margin-left: 0.4rem !important; transition: background 0.2s !important;\r\n}\r\n.nav-links .nav-cta:hover { background: var(--red-hot) !important; border-bottom: none !important; }\r\n\r\n.hamburger {\r\n display: none !important; flex-direction: column !important;\r\n gap: 5px !important; cursor: pointer !important;\r\n padding: 6px !important; background: none !important; border: none !important;\r\n}\r\n.hamburger span {\r\n width: 24px !important; height: 2px !important;\r\n background: var(--white) !important; display: block !important;\r\n transition: all 0.3s !important;\r\n}\r\n\r\n\/* ===================================================\r\n MOBILE MENU\r\n =================================================== *\/\r\n#b8-mobile-menu {\r\n display: none !important;\r\n position: fixed !important;\r\n top: 60px !important; left: 0 !important; right: 0 !important;\r\n background: rgba(10,10,10,0.99) !important;\r\n border-bottom: 2px solid var(--red) !important;\r\n z-index: 999 !important;\r\n padding: 0.5rem 1.5rem 1.5rem !important;\r\n flex-direction: column !important;\r\n max-height: calc(100vh - 60px) !important;\r\n overflow-y: auto !important;\r\n}\r\n.admin-bar #b8-mobile-menu { top: 92px !important; }\r\n@media screen and (max-width: 782px) { .admin-bar #b8-mobile-menu { top: 106px !important; } }\r\n#b8-mobile-menu.open { display: flex !important; }\r\n#b8-mobile-menu a {\r\n font-family: var(--font-head) !important;\r\n font-size: 1.5rem !important; letter-spacing: 0.15em !important;\r\n color: var(--warm-white) !important; text-decoration: none !important;\r\n padding: 0.75rem 0 !important;\r\n border-bottom: 1px solid rgba(255,255,255,0.07) !important;\r\n display: block !important;\r\n}\r\n#b8-mobile-menu a:active { color: var(--red-hot) !important; }\r\n\r\n\/* ===================================================\r\n OPENING BANNER\r\n =================================================== *\/\r\n#b8-banner {\r\n position: relative !important; z-index: 500 !important;\r\n background: linear-gradient(90deg, #6b1208, var(--red), #6b1208) !important;\r\n color: var(--white) !important;\r\n padding: 0.55rem 1rem !important;\r\n text-align: center !important;\r\n font-family: var(--font-head) !important;\r\n font-size: 1rem !important; letter-spacing: 0.12em !important;\r\n animation: banner-pulse 2.5s ease-in-out infinite !important;\r\n border-bottom: 1px solid var(--amber) !important;\r\n width: 100% !important;\r\n}\r\n#b8-banner em { color: var(--amber) !important; font-style: normal !important; }\r\n@keyframes banner-pulse { 0%,100%{opacity:1} 50%{opacity:0.82} }\r\n@media (max-width: 600px) {\r\n #b8-banner { font-size: 0.72rem !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; padding: 0.5rem !important; }\r\n}\r\n\r\n\/* ===================================================\r\n SHARED\r\n =================================================== *\/\r\n.b8-section {\r\n padding: 5rem 4vw !important;\r\n scroll-margin-top: 70px !important;\r\n width: 100% !important;\r\n}\r\n.b8-light { background: var(--warm-white) !important; color: var(--black) !important; }\r\n.b8-mid { background: #242424 !important; color: var(--cream) !important; }\r\n.b8-dark { background: var(--charcoal) !important; color: var(--cream) !important; }\r\n.b8-red-bg { background: linear-gradient(135deg, #1a0805, #2a0d08, #1a0805) !important; color: var(--cream) !important; }\r\n\r\n.b8-label {\r\n font-family: var(--font-head) !important; font-size: 0.74rem !important;\r\n letter-spacing: 0.45em !important; color: var(--red-hot) !important;\r\n margin-bottom: 0.4rem !important; display: flex !important;\r\n align-items: center !important; gap: 0.7rem !important;\r\n}\r\n.b8-label::before {\r\n content: '' !important; display: inline-block !important;\r\n width: 26px !important; height: 2px !important;\r\n background: var(--red-hot) !important; flex-shrink: 0 !important;\r\n}\r\n.b8-label-dk { color: var(--red) !important; }\r\n.b8-label-dk::before { background: var(--red) !important; }\r\n\r\n.b8-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(2rem, 4.5vw, 3.8rem) !important;\r\n line-height: 1.08 !important; margin-bottom: 1rem !important;\r\n color: inherit !important;\r\n}\r\n.b8-title-dk { color: var(--black) !important; }\r\n.b8-title-red { color: var(--red-hot) !important; }\r\n.b8-title-amb { color: var(--amber) !important; }\r\n\r\n.divvy {\r\n display: flex !important; align-items: center !important;\r\n gap: 1rem !important; margin: 0.5rem 0 2.2rem !important; opacity: 0.3 !important;\r\n}\r\n.divvy::before,.divvy::after {\r\n content: '' !important; flex: 1 !important; height: 1px !important;\r\n background: linear-gradient(90deg, transparent, var(--red), transparent) !important;\r\n}\r\n.divvy-dot { width: 5px !important; height: 5px !important; background: var(--red) !important; transform: rotate(45deg) !important; }\r\n\r\n.btn-r {\r\n display: inline-block !important;\r\n font-family: var(--font-head) !important; font-size: 1rem !important;\r\n letter-spacing: 0.2em !important;\r\n background: var(--red) !important; color: var(--white) !important;\r\n padding: 0.8rem 2rem !important; border: none !important;\r\n cursor: pointer !important; text-decoration: none !important;\r\n clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%) !important;\r\n transition: background 0.2s !important; position: relative !important; overflow: hidden !important;\r\n}\r\n.btn-r:hover { background: var(--red-hot) !important; }\r\n.btn-r::after {\r\n content: '' !important; position: absolute !important; inset: 0 !important;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent) !important;\r\n transform: translateX(-100%) !important; transition: transform 0.5s !important;\r\n}\r\n.btn-r:hover::after { transform: translateX(100%) !important; }\r\n.btn-o {\r\n display: inline-block !important;\r\n font-family: var(--font-head) !important; font-size: 1rem !important;\r\n letter-spacing: 0.2em !important;\r\n background: transparent !important; color: var(--cream) !important;\r\n padding: 0.8rem 2rem !important;\r\n border: 2px solid rgba(242,234,216,0.4) !important;\r\n cursor: pointer !important; text-decoration: none !important;\r\n clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%) !important;\r\n transition: border-color 0.2s, color 0.2s !important;\r\n}\r\n.btn-o:hover { border-color: var(--red-hot) !important; color: var(--white) !important; }\r\n.btn-dk {\r\n background: var(--black) !important; color: var(--cream) !important;\r\n border: 2px solid var(--red) !important;\r\n}\r\n.btn-dk:hover { background: var(--red) !important; }\r\n\r\n\/* ===================================================\r\n HERO\r\n =================================================== *\/\r\n#b8-hero {\r\n min-height: 100vh !important;\r\n position: relative !important; display: flex !important;\r\n align-items: flex-end !important; overflow: hidden !important;\r\n padding-bottom: 5rem !important;\r\n}\r\n.hero-bg {\r\n position: absolute !important; inset: 0 !important;\r\n background-image: url('https:\/\/lh3.googleusercontent.com\/p\/AF1QipPKpF36lyZZ2zapabpk8a6u1KY2vyzr6CyIFZMe=s1360-w1360-h1020-rw') !important;\r\n background-size: cover !important; background-position: center 30% !important;\r\n animation: hzoom 18s ease-in-out infinite alternate !important;\r\n}\r\n@keyframes hzoom { from{transform:scale(1)} to{transform:scale(1.06)} }\r\n.hero-ov {\r\n position: absolute !important; inset: 0 !important;\r\n background: linear-gradient(to bottom,\r\n rgba(13,13,13,0.1) 0%,\r\n rgba(13,13,13,0.05) 25%,\r\n rgba(13,13,13,0.6) 60%,\r\n rgba(13,13,13,0.97) 100%) !important;\r\n}\r\n.hero-c {\r\n position: relative !important; z-index: 2 !important;\r\n padding: 0 4vw !important; max-width: 900px !important;\r\n}\r\n.hero-tag {\r\n font-family: var(--font-head) !important; font-size: 0.78rem !important;\r\n letter-spacing: 0.4em !important; color: var(--red-hot) !important;\r\n margin-bottom: 0.5rem !important;\r\n display: flex !important; align-items: center !important; gap: 0.7rem !important;\r\n}\r\n.hero-tag::before {\r\n content: '' !important; display: inline-block !important;\r\n width: 34px !important; height: 2px !important; background: var(--red-hot) !important;\r\n}\r\n\/* BOMBA 8 on ONE LINE \u2014 key fix *\/\r\n.hero-h1 {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(3.5rem, 11vw, 10rem) !important;\r\n line-height: 0.92 !important;\r\n white-space: nowrap !important;\r\n color: var(--white) !important;\r\n text-shadow: 3px 3px 0 rgba(201,41,14,0.35), 0 0 50px rgba(201,41,14,0.18) !important;\r\n}\r\n.hero-h1 .eight {\r\n color: var(--red-hot) !important;\r\n text-shadow: 0 0 50px rgba(255,68,34,0.7), 0 0 18px rgba(255,68,34,0.4) !important;\r\n}\r\n.hero-sub {\r\n font-family: var(--font-head) !important;\r\n font-size: clamp(0.95rem, 2.2vw, 1.5rem) !important;\r\n letter-spacing: 0.26em !important; color: var(--light-grey) !important;\r\n margin: 0.4rem 0 1.1rem !important;\r\n}\r\n.hero-desc {\r\n font-family: var(--font-prose) !important;\r\n font-size: 1rem !important; line-height: 1.65 !important;\r\n color: rgba(242,234,216,0.82) !important;\r\n max-width: 480px !important; margin-bottom: 1.8rem !important;\r\n}\r\n.hero-btns { display: flex !important; gap: 0.9rem !important; flex-wrap: wrap !important; }\r\n\r\n\/* ===================================================\r\n OPENING PARTY\r\n =================================================== *\/\r\n.op-grid {\r\n display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important; align-items: center !important;\r\n}\r\n.op-badge {\r\n display: inline-flex !important;\r\n background: var(--amber) !important; color: var(--black) !important;\r\n font-family: var(--font-head) !important; font-size: 0.78rem !important;\r\n letter-spacing: 0.3em !important; padding: 0.3rem 1.1rem !important;\r\n margin-bottom: 1.1rem !important;\r\n clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 100%, 7px 100%) !important;\r\n}\r\n.free-badge {\r\n display: inline-block !important;\r\n background: #1a4a1a !important; color: #6adb6a !important;\r\n border: 1px solid #2a7a2a !important;\r\n font-family: var(--font-head) !important; font-size: 0.88rem !important;\r\n letter-spacing: 0.22em !important; padding: 0.35rem 1rem !important;\r\n margin-bottom: 1.4rem !important;\r\n}\r\n.raffle-box {\r\n background: rgba(201,41,14,0.08) !important;\r\n border: 1px solid rgba(201,41,14,0.25) !important;\r\n padding: 1.4rem !important; margin: 1.4rem 0 !important;\r\n}\r\n.raffle-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.3rem, 3vw, 2rem) !important;\r\n color: var(--amber) !important; margin-bottom: 0.3rem !important;\r\n}\r\n.raffle-note {\r\n font-family: var(--font-prose) !important;\r\n font-size: 0.9rem !important; color: var(--light-grey) !important; line-height: 1.55 !important;\r\n}\r\n.prize-card {\r\n background: #1a1a1a !important;\r\n border: 1px solid rgba(212,148,15,0.35) !important;\r\n overflow: hidden !important; position: relative !important;\r\n}\r\n.prize-card::before {\r\n content: '' !important; position: absolute !important;\r\n top: 0 !important; left: 0 !important; right: 0 !important;\r\n height: 3px !important;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;\r\n}\r\n.prize-card img {\r\n width: 100% !important; height: 260px !important;\r\n object-fit: cover !important; filter: saturate(1.2) !important;\r\n}\r\n.prize-body { padding: 1.2rem 1.5rem 1.5rem !important; }\r\n.prize-label {\r\n font-family: var(--font-head) !important; font-size: 0.68rem !important;\r\n letter-spacing: 0.4em !important; color: var(--gold) !important;\r\n display: block !important; margin-bottom: 0.25rem !important;\r\n}\r\n.prize-name {\r\n font-family: var(--font-display) !important; font-size: 1.75rem !important;\r\n color: var(--white) !important; margin-bottom: 0.2rem !important;\r\n}\r\n.prize-sub { font-family: var(--font-prose) !important; font-size: 0.86rem !important; color: var(--grey) !important; line-height: 1.55 !important; }\r\n\r\n\/* ===================================================\r\n VIBE (light section)\r\n =================================================== *\/\r\n.vibe-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(3,1fr) !important;\r\n gap: 1.25rem !important; margin-top: 2.2rem !important;\r\n}\r\n.vibe-card {\r\n background: var(--white) !important;\r\n border-top: 3px solid var(--red) !important;\r\n padding: 1.75rem 1.5rem !important;\r\n transition: transform 0.3s, box-shadow 0.3s !important;\r\n}\r\n.vibe-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 35px rgba(0,0,0,0.12) !important; }\r\n.vibe-card:nth-child(2){border-top-color:var(--amber) !important}\r\n.vibe-card:nth-child(3){border-top-color:var(--gold) !important}\r\n.vibe-card:nth-child(4){border-top-color:var(--red-hot) !important}\r\n.vibe-card:nth-child(5){border-top-color:var(--amber) !important}\r\n.vibe-card:nth-child(6){border-top-color:var(--gold) !important}\r\n.vibe-ico { font-size: 1.9rem !important; margin-bottom: 0.65rem !important; display: block !important; }\r\n.vibe-card h3 {\r\n font-family: var(--font-head) !important; font-size: 1.25rem !important;\r\n letter-spacing: 0.07em !important; color: var(--black) !important; margin-bottom: 0.35rem !important;\r\n}\r\n.vibe-card p { font-family: var(--font-prose) !important; font-size: 0.88rem !important; line-height: 1.58 !important; color: #444 !important; }\r\n\r\n\/* ===================================================\r\n THURSDAY NIGHTS\r\n =================================================== *\/\r\n.thurs-grid {\r\n display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important; align-items: start !important;\r\n}\r\n.time-row {\r\n display: flex !important; align-items: baseline !important;\r\n gap: 0.6rem !important; flex-wrap: wrap !important; margin: 1.1rem 0 !important;\r\n}\r\n.t-big {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(2.2rem, 4.5vw, 3.8rem) !important;\r\n color: var(--red-hot) !important; line-height: 1 !important;\r\n text-shadow: 0 0 28px rgba(255,68,34,0.3) !important;\r\n}\r\n.t-sep {\r\n font-family: var(--font-head) !important; font-size: 1rem !important;\r\n letter-spacing: 0.2em !important; color: var(--grey) !important;\r\n}\r\n.ent-list { list-style: none !important; margin-top: 1.35rem !important; }\r\n.ent-list li {\r\n display: flex !important; align-items: flex-start !important;\r\n gap: 0.85rem !important; padding: 0.9rem 0 !important;\r\n border-bottom: 1px solid rgba(255,255,255,0.07) !important;\r\n font-family: var(--font-prose) !important; font-size: 0.9rem !important;\r\n line-height: 1.55 !important; color: var(--light-grey) !important;\r\n}\r\n.ent-list .ei { font-size: 1.15rem !important; flex-shrink: 0 !important; margin-top: 0.12rem !important; }\r\n.ent-list strong {\r\n display: block !important; font-family: var(--font-head) !important;\r\n font-size: 1rem !important; letter-spacing: 0.06em !important;\r\n color: var(--warm-white) !important; margin-bottom: 0.12rem !important;\r\n}\r\n.thurs-card {\r\n background: linear-gradient(135deg, #1a0805, #222) !important;\r\n border: 1px solid rgba(201,41,14,0.3) !important;\r\n padding: 2.4rem 1.8rem !important; text-align: center !important;\r\n position: relative !important; overflow: hidden !important;\r\n}\r\n.thurs-card::before {\r\n content: '' !important; position: absolute !important;\r\n top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important;\r\n background: linear-gradient(90deg, var(--red), var(--amber), var(--red)) !important;\r\n animation: shimbar 4s linear infinite !important; background-size: 200% !important;\r\n}\r\n@keyframes shimbar { 0%{background-position:-200% center} 100%{background-position:200% center} }\r\n.tc-every {\r\n font-family: var(--font-head) !important; font-size: 0.78rem !important;\r\n letter-spacing: 0.45em !important; color: var(--red-hot) !important; margin-bottom: 0.3rem !important;\r\n}\r\n.tc-big {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(2.4rem, 6vw, 4.5rem) !important;\r\n color: var(--white) !important; line-height: 1 !important;\r\n}\r\n.tc-icons {\r\n display: flex !important; justify-content: center !important;\r\n gap: 1.1rem !important; margin-top: 1.1rem !important; font-size: 2rem !important;\r\n}\r\n.tc-icons span { animation: floaty 3s ease-in-out infinite !important; }\r\n.tc-icons span:nth-child(2){animation-delay:0.5s !important}\r\n.tc-icons span:nth-child(3){animation-delay:1s !important}\r\n.tc-icons span:nth-child(4){animation-delay:1.5s !important}\r\n@keyframes floaty{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}\r\n.tc-note {\r\n font-family: var(--font-prose) !important; font-size: 0.84rem !important;\r\n color: var(--grey) !important; margin-top: 1.1rem !important;\r\n font-style: italic !important; line-height: 1.55 !important;\r\n}\r\n.thurs-review {\r\n margin-top: 0.85rem !important;\r\n background: rgba(255,255,255,0.04) !important;\r\n border: 1px solid rgba(255,255,255,0.07) !important;\r\n padding: 1rem 1.2rem !important; text-align: left !important;\r\n}\r\n.thurs-review p {\r\n font-family: var(--font-prose) !important; font-size: 0.87rem !important;\r\n font-style: italic !important; color: rgba(242,234,216,0.72) !important; line-height: 1.55 !important;\r\n}\r\n.thurs-review cite {\r\n display: block !important; margin-top: 0.35rem !important;\r\n font-family: var(--font-head) !important; font-size: 0.7rem !important;\r\n letter-spacing: 0.2em !important; color: var(--grey) !important; font-style: normal !important;\r\n}\r\n\r\n\/* ===================================================\r\n EVENTS\r\n =================================================== *\/\r\n.ev-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fill, minmax(250px,1fr)) !important;\r\n gap: 1.2rem !important; margin-top: 2.2rem !important;\r\n}\r\n.ev-card {\r\n background: var(--white) !important; overflow: hidden !important;\r\n transition: transform 0.3s, box-shadow 0.3s !important;\r\n}\r\n.ev-card:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 36px rgba(0,0,0,0.18) !important; }\r\n.ev-date {\r\n background: var(--red) !important; padding: 0.5rem 1.1rem !important;\r\n display: flex !important; align-items: baseline !important; gap: 0.55rem !important;\r\n}\r\n.ev-day { font-family: var(--font-display) !important; font-size: 1.9rem !important; color: var(--white) !important; line-height: 1 !important; }\r\n.ev-mon { font-family: var(--font-head) !important; font-size: 0.85rem !important; letter-spacing: 0.2em !important; color: rgba(255,255,255,0.75) !important; }\r\n.ev-body { padding: 1rem 1.2rem !important; }\r\n.ev-time { font-family: var(--font-head) !important; font-size: 0.72rem !important; letter-spacing: 0.28em !important; color: var(--red) !important; margin-bottom: 0.3rem !important; }\r\n.ev-title { font-family: var(--font-head) !important; font-size: 1.1rem !important; letter-spacing: 0.05em !important; color: var(--black) !important; margin-bottom: 0.3rem !important; }\r\n.ev-desc { font-family: var(--font-prose) !important; font-size: 0.84rem !important; color: #555 !important; line-height: 1.5 !important; }\r\n\r\n\/* ===================================================\r\n MENU SECTION\r\n =================================================== *\/\r\n.menu-wrap { text-align: center !important; padding: 2rem 0 !important; }\r\n.menu-img-box {\r\n max-width: 600px !important; margin: 2rem auto !important;\r\n border: 2px solid rgba(201,41,14,0.25) !important;\r\n overflow: hidden !important; position: relative !important;\r\n}\r\n.menu-img-box img { width: 100% !important; display: block !important; filter: saturate(0.85) !important; }\r\n.menu-overlay {\r\n position: absolute !important; inset: 0 !important;\r\n display: flex !important; flex-direction: column !important;\r\n align-items: center !important; justify-content: center !important;\r\n background: rgba(13,13,13,0.68) !important;\r\n font-family: var(--font-display) !important; font-size: clamp(1.8rem,5vw,3rem) !important;\r\n color: var(--white) !important; text-align: center !important;\r\n padding: 1rem !important; line-height: 1.2 !important;\r\n}\r\n.menu-overlay em {\r\n font-style: normal !important; color: var(--red-hot) !important;\r\n font-size: 1rem !important; font-family: var(--font-head) !important;\r\n letter-spacing: 0.25em !important; display: block !important; margin-top: 0.5rem !important;\r\n}\r\n\r\n\/* ===================================================\r\n REVIEWS\r\n =================================================== *\/\r\n.rev-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fill, minmax(270px,1fr)) !important;\r\n gap: 1.4rem !important;\r\n}\r\n.rev-card {\r\n background: var(--white) !important; border-left: 3px solid var(--red) !important;\r\n padding: 1.65rem !important; position: relative !important;\r\n transition: box-shadow 0.3s !important;\r\n}\r\n.rev-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.13) !important; }\r\n.rev-card:nth-child(2){border-left-color:var(--amber) !important}\r\n.rev-card:nth-child(3){border-left-color:var(--gold) !important}\r\n.rev-card:nth-child(4){border-left-color:var(--red-hot) !important}\r\n.rev-stars { color: var(--amber) !important; font-size: 0.95rem !important; letter-spacing: 0.1em !important; margin-bottom: 0.6rem !important; }\r\n.rev-q { font-family: var(--font-display) !important; font-size: 3rem !important; color: rgba(201,41,14,0.1) !important; position: absolute !important; top: 1.1rem !important; right: 1.1rem !important; line-height: 0 !important; }\r\n.rev-text { font-family: var(--font-prose) !important; font-size: 0.9rem !important; line-height: 1.64 !important; color: #333 !important; font-style: italic !important; margin-bottom: 0.8rem !important; }\r\n.rev-auth { font-family: var(--font-head) !important; font-size: 0.77rem !important; letter-spacing: 0.24em !important; color: #777 !important; }\r\n\r\n\/* ===================================================\r\n PHOTO GALLERY\r\n =================================================== *\/\r\n.photo-grid {\r\n display: grid !important;\r\n grid-template-columns: 2fr 1fr !important;\r\n grid-template-rows: auto auto !important;\r\n gap: 5px !important; margin-top: 2.2rem !important;\r\n}\r\n.photo-item {\r\n overflow: hidden !important; position: relative !important;\r\n cursor: pointer !important; background: #1a1a1a !important;\r\n}\r\n.photo-item img {\r\n width: 100% !important; height: 100% !important;\r\n object-fit: cover !important; display: block !important;\r\n transition: transform 0.5s, filter 0.4s !important;\r\n filter: saturate(0.88) !important; min-height: 250px !important;\r\n}\r\n.photo-item:hover img { transform: scale(1.07) !important; filter: saturate(1.3) !important; }\r\n.photo-tall { grid-row: span 2 !important; }\r\n.photo-tall img { min-height: 510px !important; }\r\n.photo-ov {\r\n position: absolute !important; inset: 0 !important;\r\n background: linear-gradient(to top, rgba(0,0,0,0.62) 0%, transparent 50%) !important;\r\n opacity: 0 !important; transition: opacity 0.3s !important;\r\n display: flex !important; align-items: flex-end !important; padding: 0.85rem !important;\r\n}\r\n.photo-item:hover .photo-ov { opacity: 1 !important; }\r\n.photo-cap { font-family: var(--font-head) !important; font-size: 0.82rem !important; letter-spacing: 0.2em !important; color: var(--white) !important; }\r\n\r\n\/* ===================================================\r\n COCKTAILS & DRINKS\r\n =================================================== *\/\r\n.drinks-layout {\r\n display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important; align-items: center !important;\r\n}\r\n.drinks-panel {\r\n background: var(--black) !important;\r\n border: 1px solid rgba(232,146,10,0.22) !important;\r\n padding: 2.25rem !important; position: relative !important;\r\n}\r\n.drinks-panel::before {\r\n content: '' !important; position: absolute !important;\r\n top: 0 !important; left: 0 !important; width: 3px !important; height: 100% !important;\r\n background: linear-gradient(to bottom, var(--amber), transparent) !important;\r\n}\r\n.drinks-feat {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.6rem, 3.5vw, 2.6rem) !important;\r\n color: var(--amber) !important; line-height: 1.12 !important;\r\n text-shadow: 0 0 25px rgba(232,146,10,0.18) !important; margin-bottom: 0.4rem !important;\r\n}\r\n.drinks-list {\r\n list-style: none !important; margin-top: 1.1rem !important;\r\n display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.25rem !important;\r\n}\r\n.drinks-list li {\r\n display: flex !important; align-items: center !important; gap: 0.45rem !important;\r\n font-family: var(--font-body) !important; font-size: 0.88rem !important;\r\n color: var(--light-grey) !important; padding: 0.3rem 0 !important;\r\n border-bottom: 1px solid rgba(255,255,255,0.05) !important;\r\n}\r\n.drinks-list li::before { content: '\u25c6' !important; color: var(--amber) !important; font-size: 0.32rem !important; flex-shrink: 0 !important; }\r\n\r\n\/* ===================================================\r\n FIND US\r\n =================================================== *\/\r\n.find-grid {\r\n display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n gap: 4rem !important; align-items: start !important;\r\n}\r\n.info-row {\r\n display: flex !important; align-items: flex-start !important; gap: 0.9rem !important;\r\n padding: 0.8rem 0 !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important;\r\n}\r\n.info-ic { font-size: 1.05rem !important; flex-shrink: 0 !important; margin-top: 0.15rem !important; }\r\n.info-lb {\r\n font-family: var(--font-head) !important; font-size: 0.68rem !important;\r\n letter-spacing: 0.3em !important; color: var(--red) !important;\r\n display: block !important; margin-bottom: 0.18rem !important;\r\n}\r\n.info-vl { font-family: var(--font-prose) !important; font-size: 0.9rem !important; color: #333 !important; line-height: 1.5 !important; }\r\n.map-box {\r\n border: 2px solid rgba(201,41,14,0.2) !important;\r\n height: 320px !important; overflow: hidden !important;\r\n}\r\n.map-box iframe { width: 100% !important; height: 100% !important; border: none !important; filter: saturate(0.8) !important; }\r\n\r\n\/* ===================================================\r\n FOOTER\r\n =================================================== *\/\r\n#b8-footer {\r\n background: var(--black) !important;\r\n border-top: 3px solid var(--red) !important;\r\n padding: 3rem 4vw 2rem !important;\r\n}\r\n.ft-top {\r\n display: flex !important; justify-content: space-between !important;\r\n align-items: flex-start !important; flex-wrap: wrap !important; gap: 2rem !important;\r\n padding-bottom: 2rem !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important;\r\n}\r\n.ft-logo { font-family: var(--font-display) !important; font-size: 2.3rem !important; color: var(--white) !important; line-height: 1 !important; }\r\n.ft-logo em { color: var(--red-hot) !important; font-style: normal !important; }\r\n.ft-tag { font-family: var(--font-head) !important; font-size: 0.7rem !important; letter-spacing: 0.35em !important; color: var(--grey) !important; margin-top: 0.3rem !important; }\r\n.ft-cols { display: flex !important; gap: 3rem !important; flex-wrap: wrap !important; }\r\n.ft-col h4 { font-family: var(--font-head) !important; font-size: 0.72rem !important; letter-spacing: 0.3em !important; color: var(--red-hot) !important; margin-bottom: 0.6rem !important; }\r\n.ft-col ul { list-style: none !important; }\r\n.ft-col li { font-family: var(--font-body) !important; font-size: 0.86rem !important; color: var(--grey) !important; padding: 0.18rem 0 !important; }\r\n.ft-col li:hover { color: var(--white) !important; }\r\n.ft-col a { color: inherit !important; }\r\n.ft-bot {\r\n display: flex !important; justify-content: space-between !important;\r\n align-items: center !important; flex-wrap: wrap !important;\r\n gap: 1rem !important; padding-top: 1.4rem !important;\r\n}\r\n.ft-copy { font-family: var(--font-body) !important; font-size: 0.76rem !important; color: rgba(136,136,130,0.5) !important; }\r\n.soc-links { display: flex !important; gap: 0.55rem !important; }\r\n.soc-link {\r\n width: 34px !important; height: 34px !important;\r\n border: 1px solid rgba(255,255,255,0.1) !important;\r\n display: flex !important; align-items: center !important; justify-content: center !important;\r\n font-size: 0.95rem !important; color: var(--grey) !important;\r\n transition: border-color 0.2s, color 0.2s, background 0.2s !important;\r\n text-decoration: none !important;\r\n}\r\n.soc-link:hover { border-color: var(--red) !important; color: var(--white) !important; background: rgba(201,41,14,0.1) !important; }\r\n\r\n\/* ===================================================\r\n FADE-UP\r\n =================================================== *\/\r\n.fade-up { opacity: 0 !important; transform: translateY(26px) !important; transition: opacity 0.52s ease, transform 0.52s ease !important; }\r\n.fade-up.visible { opacity: 1 !important; transform: none !important; }\r\n\r\n\/* ===================================================\r\n RESPONSIVE\r\n =================================================== *\/\r\n@media (max-width: 900px) {\r\n .op-grid,.thurs-grid,.drinks-layout,.find-grid { grid-template-columns: 1fr !important; gap: 2.5rem !important; }\r\n .vibe-grid { grid-template-columns: 1fr 1fr !important; }\r\n .photo-grid { grid-template-columns: 1fr !important; }\r\n .photo-tall { grid-row: span 1 !important; }\r\n .photo-tall img { min-height: 260px !important; }\r\n .photo-item img { min-height: 200px !important; }\r\n}\r\n@media (max-width: 640px) {\r\n #b8-nav { padding: 0 0.85rem !important; height: 54px !important; }\r\n .nav-links { display: none !important; }\r\n .hamburger { display: flex !important; }\r\n #b8-mobile-menu { top: 54px !important; }\r\n .admin-bar #b8-mobile-menu { top: 100px !important; }\r\n .b8-section { padding: 3.5rem 1.2rem !important; }\r\n #b8-hero { padding-bottom: 3rem !important; }\r\n .hero-c { padding: 0 1.2rem !important; }\r\n .hero-h1 { font-size: clamp(2.8rem, 14vw, 5rem) !important; }\r\n .hero-sub { font-size: 0.88rem !important; letter-spacing: 0.15em !important; }\r\n .hero-btns { flex-direction: column !important; }\r\n .hero-btns .btn-r,.hero-btns .btn-o { text-align: center !important; width: 100% !important; max-width: 280px !important; }\r\n .vibe-grid { grid-template-columns: 1fr !important; }\r\n .drinks-list { grid-template-columns: 1fr !important; }\r\n .ev-grid { grid-template-columns: 1fr !important; }\r\n .rev-grid { grid-template-columns: 1fr !important; }\r\n .ft-cols { flex-direction: column !important; gap: 1.5rem !important; }\r\n .ft-top { flex-direction: column !important; }\r\n .ft-bot { flex-direction: column !important; align-items: flex-start !important; }\r\n #b8-footer { padding: 2.5rem 1.2rem 2rem !important; }\r\n}\r\n@media (max-width: 380px) {\r\n .hero-h1 { font-size: 2.5rem !important; }\r\n .nav-logo-text { font-size: 1.1rem !important; }\r\n .b8-section { padding: 3rem 0.9rem !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ===================== NAV ===================== -->\r\n<nav id=\"b8-nav\">\r\n <a href=\"#b8-hero\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.barbomba8.com\/wp-content\/uploads\/2025\/04\/PRINCIPAL-11.svg\"\r\n alt=\"Bomba 8\"\r\n onerror=\"this.style.display='none'\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#b8-opening\">Grand Opening<\/a><\/li>\r\n <li><a href=\"#b8-thursday\">Thursday Live<\/a><\/li>\r\n <li><a href=\"#b8-events\">Events<\/a><\/li>\r\n <li><a href=\"#b8-menu\">Menu<\/a><\/li>\r\n <li><a href=\"#b8-reviews\">Reviews<\/a><\/li>\r\n <li><a href=\"#b8-photos\">Photos<\/a><\/li>\r\n <li><a href=\"#b8-find\" class=\"nav-cta\">\ud83d\udccd Find Us<\/a><\/li>\r\n <\/ul>\r\n <button class=\"hamburger\" onclick=\"b8Toggle()\" aria-label=\"Open menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<!-- MOBILE MENU -->\r\n<div id=\"b8-mobile-menu\">\r\n <a href=\"#b8-opening\" onclick=\"b8Toggle()\">\ud83c\udf89 Grand Opening<\/a>\r\n <a href=\"#b8-thursday\" onclick=\"b8Toggle()\">\ud83c\udfb8 Thursday Live<\/a>\r\n <a href=\"#b8-events\" onclick=\"b8Toggle()\">\ud83d\udcc5 Events<\/a>\r\n <a href=\"#b8-vibe\" onclick=\"b8Toggle()\">\ud83d\udd25 The Vibe<\/a>\r\n <a href=\"#b8-menu\" onclick=\"b8Toggle()\">\ud83c\udf7d\ufe0f Menu<\/a>\r\n <a href=\"#b8-reviews\" onclick=\"b8Toggle()\">\u2b50 Reviews<\/a>\r\n <a href=\"#b8-photos\" onclick=\"b8Toggle()\">\ud83d\udcf7 Photos<\/a>\r\n <a href=\"#b8-find\" onclick=\"b8Toggle()\">\ud83d\udccd Find Us<\/a>\r\n<\/div>\r\n\r\n<!-- BANNER -->\r\n<div id=\"b8-banner\">\r\n \ud83c\udf89 GRAND REOPENING \u2014 <em>30TH MAY 2025<\/em> \u2014 <em>FREE ENTRY<\/em> ALL NIGHT \u2014 WIN AN <em>INDIAN MOTORCYCLE<\/em> \ud83c\udfcd\ufe0f \u2014 RAFFLE TICKETS <em>\u20ac30<\/em>\r\n<\/div>\r\n\r\n<!-- ===================== HERO ===================== -->\r\n<section id=\"b8-hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-ov\"><\/div>\r\n <div class=\"hero-c\">\r\n <div class=\"hero-tag\">Javea Port \u00b7 Live Music \u00b7 Food \u00b7 Cocktails \u00b7 Pool \u00b7 Foosball<\/div>\r\n <h1 class=\"hero-h1\">BOMBA <span class=\"h-eight\">8<\/span><\/h1>\r\n <p class=\"hero-sub\">The beating heart of Javea Port<\/p>\r\n <p class=\"hero-desc\">\r\n Live music. Close-up magic. Cocktails. Pool table. Foosball.\r\n And the most electric atmosphere in the Marina Alta \u2014\r\n every Thursday night from 7pm.\r\n <\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#b8-thursday\" class=\"btn-r\">\ud83c\udfb8 Thursday Nights<\/a>\r\n <a href=\"#b8-opening\" class=\"btn-o\">\ud83c\udf89 Grand Opening<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== GRAND OPENING ===================== -->\r\n<section id=\"b8-opening\" class=\"b8-section b8-red-bg\">\r\n <div class=\"op-grid\">\r\n <div>\r\n <div class=\"op-badge\">\u26a1 One Night Only \u2014 30th May 2025<\/div>\r\n <div class=\"b8-label\">Grand Reopening Party<\/div>\r\n <h2 class=\"b8-title\">The Biggest<br>Night In<br>Javea Port<\/h2>\r\n <div class=\"free-badge\">\u2705 FREE ENTRY ALL NIGHT<\/div>\r\n <p style=\"font-family:var(--font-prose);font-size:0.95rem;line-height:1.7;color:rgba(242,234,216,0.82);max-width:450px;margin-bottom:1.2rem;\">\r\n After a full refurbishment, Bomba 8 throws open its doors with the party to end all parties. Live entertainment, cocktails, legendary food \u2014 and one jaw-dropping prize draw on the night.\r\n <\/p>\r\n <div class=\"raffle-box\">\r\n <div class=\"raffle-title\">\ud83c\udfcd\ufe0f Indian Motorcycle Raffle<\/div>\r\n <div class=\"raffle-note\">\r\n Entry is <strong style=\"color:var(--white);\">completely free<\/strong> \u2014 but grab a <strong style=\"color:var(--amber);\">\u20ac30 raffle ticket<\/strong> on the night for your chance to drive away on a brand new Indian Motorcycle. One lucky winner. Don't miss it.\r\n <\/div>\r\n <\/div>\r\n <a href=\"#b8-find\" class=\"btn-r\" style=\"margin-top:1.4rem;\">\ud83d\udccd Get Directions<\/a>\r\n <\/div>\r\n <div>\r\n <div class=\"prize-card\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/p\/AF1QipPKpF36lyZZ2zapabpk8a6u1KY2vyzr6CyIFZMe=s1360-w1360-h1020-rw\"\r\n alt=\"Bomba 8 Grand Opening \u2014 Win an Indian Motorcycle\">\r\n <div class=\"prize-body\">\r\n <span class=\"prize-label\">\ud83c\udfcd\ufe0f Grand Prize Draw \u2014 On The Night<\/span>\r\n <div class=\"prize-name\">Indian Motorcycle<\/div>\r\n <p class=\"prize-sub\">One \u20ac30 raffle ticket. One life-changing prize. You have to be in it to win it.<\/p>\r\n <div style=\"margin-top:1rem;padding:0.85rem 1rem;background:rgba(255,255,255,0.04);border-left:2px solid var(--amber);\">\r\n <p style=\"font-family:var(--font-head);font-size:0.68rem;letter-spacing:0.3em;color:var(--amber);margin-bottom:0.4rem;\">The night includes<\/p>\r\n <p style=\"font-family:var(--font-prose);font-size:0.84rem;color:var(--grey);line-height:1.6;\">\ud83c\udfb8 Live music  \u00b7  \ud83c\udfa9 Magic  \u00b7  \ud83c\udf79 Cocktails  \u00b7  \ud83c\udf7d\ufe0f Food  \u00b7  \ud83c\udfcd\ufe0f Motorcycle raffle<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== THE VIBE ===================== -->\r\n<section id=\"b8-vibe\" class=\"b8-section b8-light\">\r\n <div class=\"b8-label b8-label-dk\">What We're About<\/div>\r\n <h2 class=\"b8-title b8-title-dk\">The Bomba 8 Experience<\/h2>\r\n <div class=\"divvy\"><div class=\"divvy-dot\"><\/div><\/div>\r\n <div class=\"vibe-grid\">\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\ud83c\udfb8<\/span>\r\n <h3>Live Entertainment<\/h3>\r\n <p>Real live music, real performers, real energy. From rock and blues to soul and funk \u2014 the best live entertainment in the Marina Alta. Magicians, special acts and surprises every week.<\/p>\r\n <\/div>\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\ud83c\udf79<\/span>\r\n <h3>Cocktails<\/h3>\r\n <p>Classic and creative cocktails mixed with flair and flavour \u2014 prepared con mucho ritmo. Because summer in Javea deserves something spectacular in your glass.<\/p>\r\n <\/div>\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\ud83c\udf7d\ufe0f<\/span>\r\n <h3>Killer Tapas<\/h3>\r\n <p>Nachos Bomba with melted cheese and guacamole casero, crispy tapas and irresistible bocados. Bomba 8 food is an event in itself.<\/p>\r\n <\/div>\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\ud83c\udfb1<\/span>\r\n <h3>Pool Table<\/h3>\r\n <p>Challenge your crew on our pool table. Whether you're hustling strangers or losing badly to your mates \u2014 the table is always ready. Game on.<\/p>\r\n <\/div>\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\u26bd<\/span>\r\n <h3>Foosball<\/h3>\r\n <p>Futbol\u00edn Tsunami \u2014 the classic with a shot of adrenaline. Scream at a tiny plastic player while holding a cold beer in your other hand. Bomba 8 style.<\/p>\r\n <\/div>\r\n <div class=\"vibe-card fade-up\">\r\n <span class=\"vibe-ico\">\u26a1<\/span>\r\n <h3>Electric Atmosphere<\/h3>\r\n <p>\"The best live music venue in the Marina Alta.\" The kind of nights people talk about for weeks. Music, sport and smiles in every corner \u2014 every time.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== THURSDAY NIGHTS ===================== -->\r\n<section id=\"b8-thursday\" class=\"b8-section b8-dark\">\r\n <div class=\"thurs-grid\">\r\n <div>\r\n <div class=\"b8-label\">Every Week \u2014 No Exceptions<\/div>\r\n <h2 class=\"b8-title\">Thursday<br>Night Live<\/h2>\r\n <div class=\"time-row\">\r\n <span class=\"t-big\">7PM<\/span>\r\n <span class=\"t-sep\">\u2014<\/span>\r\n <span class=\"t-big\">10PM<\/span>\r\n <span class=\"t-sep\" style=\"font-size:0.85rem;\">Every Thursday \u00b7 Free Entry<\/span>\r\n <\/div>\r\n <p style=\"font-family:var(--font-prose);font-size:0.93rem;line-height:1.68;color:var(--light-grey);max-width:470px;margin-bottom:0.5rem;\">\r\n Every Thursday, Bomba 8 transforms into the most electric spot in Javea Port. Not just live music \u2014 a full entertainment experience. Come early, grab a drink, and let the night do the rest.\r\n <\/p>\r\n <p style=\"font-family:var(--font-prose);font-size:0.9rem;line-height:1.6;color:var(--grey);max-width:470px;margin-bottom:1.2rem;\">\r\n <strong style=\"color:var(--amber);\">Want to perform?<\/strong> Arrive by 7pm and add your name to the list on the night. All acts welcome \u2014 musicians, comedians, magicians, anything goes.\r\n <\/p>\r\n <ul class=\"ent-list\">\r\n <li>\r\n <span class=\"ei\">\ud83c\udfb8<\/span>\r\n <div>\r\n <strong>Live Music<\/strong>\r\n Rotating live musicians every week \u2014 blues, rock, soul, acoustic. Serious talent right on the port.\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <span class=\"ei\">\ud83c\udfa9<\/span>\r\n <div>\r\n <strong>Close-Up Magic<\/strong>\r\n Walk-around magic performed right in front of your eyes \u2014 no stage, just pure impossibility. A resident close-up magician on the bill every week. (He's brilliant. And very modest.)\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <span class=\"ei\">\ud83c\udfad<\/span>\r\n <div>\r\n <strong>Special Acts & Surprises<\/strong>\r\n Each Thursday brings something different. You genuinely never know what you'll walk into \u2014 and that's exactly the point.\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <span class=\"ei\">\ud83c\udfa4<\/span>\r\n <div>\r\n <strong>Open Mic \u2014 Add Your Name<\/strong>\r\n Want to get up and perform? Be there by 7pm, put your name on the list. Free stage, real crowd, all acts welcome.\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div style=\"margin-top:1.8rem;\">\r\n <a href=\"#b8-find\" class=\"btn-r\">\ud83d\udccd Find Bomba 8<\/a>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"thurs-card\">\r\n <div class=\"tc-every\">Every<\/div>\r\n <div class=\"tc-big\">Thursday<\/div>\r\n <div class=\"tc-every\" style=\"margin-top:0.35rem;\">7PM \u2014 10PM \u00b7 FREE ENTRY<\/div>\r\n <div class=\"tc-icons\">\r\n <span>\ud83c\udfb8<\/span><span>\ud83c\udfa9<\/span><span>\ud83c\udf79<\/span><span>\ud83c\udfb1<\/span>\r\n <\/div>\r\n <p class=\"tc-note\">\r\n Free entry every week.<br>No reservation needed.<br>\r\n Just show up. Bring friends.<br>Lose track of time. That's the plan.\r\n <\/p>\r\n <\/div>\r\n <div class=\"thurs-review\">\r\n <p>\"The best live music venue in the Marina Alta I've discovered so far! Come on Thursday for the live music jam.\"<\/p>\r\n <cite>\u2014 Google Review \u00b7 5 Stars<\/cite>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== EVENTS ===================== -->\r\n<section id=\"b8-events\" class=\"b8-section b8-light\">\r\n <div class=\"b8-label b8-label-dk\">What's On<\/div>\r\n <h2 class=\"b8-title b8-title-dk\">Upcoming Events<\/h2>\r\n <div class=\"divvy\"><div class=\"divvy-dot\"><\/div><\/div>\r\n <div class=\"ev-grid\">\r\n <div class=\"ev-card fade-up\">\r\n <div class=\"ev-date\"><span class=\"ev-day\">30<\/span><span class=\"ev-mon\">MAY<\/span><\/div>\r\n <div class=\"ev-body\">\r\n <div class=\"ev-time\">\ud83c\udf89 DOORS 8PM \u00b7 FREE ENTRY ALL NIGHT<\/div>\r\n <div class=\"ev-title\">Grand Reopening Party<\/div>\r\n <p class=\"ev-desc\">The biggest night in Bomba 8 history. Live music, magic, food, cocktails. \u20ac30 raffle tickets on the night \u2014 one winner drives away on an Indian Motorcycle.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ev-card fade-up\">\r\n <div class=\"ev-date\" style=\"background:#555;\"><span class=\"ev-day\">05<\/span><span class=\"ev-mon\">JUN<\/span><\/div>\r\n <div class=\"ev-body\">\r\n <div class=\"ev-time\">\ud83c\udfb8 7PM \u2014 10PM \u00b7 FREE ENTRY<\/div>\r\n <div class=\"ev-title\">Thursday Night Live<\/div>\r\n <p class=\"ev-desc\">The weekly ritual continues. Live music, close-up magic, cocktails. Want to perform? Be there by 7pm to get your name on the list.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ev-card fade-up\">\r\n <div class=\"ev-date\" style=\"background:#555;\"><span class=\"ev-day\">12<\/span><span class=\"ev-mon\">JUN<\/span><\/div>\r\n <div class=\"ev-body\">\r\n <div class=\"ev-time\">\ud83c\udfb8 7PM \u2014 10PM \u00b7 FREE ENTRY<\/div>\r\n <div class=\"ev-title\">Thursday Night Live<\/div>\r\n <p class=\"ev-desc\">Another Thursday, another electric night. Rotating performers, resident magician, cocktails flowing. Never the same show twice.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ev-card fade-up\" style=\"display:flex;align-items:center;justify-content:center;min-height:140px;background:#f4f2ee;\">\r\n <div style=\"text-align:center;padding:1.5rem;\">\r\n <div style=\"font-size:1.8rem;margin-bottom:0.4rem;\">\ud83d\udcc5<\/div>\r\n <p style=\"font-family:var(--font-head);font-size:0.75rem;letter-spacing:0.22em;color:#888;line-height:1.6;\">More events added regularly.<br>Follow @bomba8javea<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"text-align:center;margin-top:1.8rem;padding:1.6rem;border:1px dashed rgba(201,41,14,0.22);background:rgba(201,41,14,0.02);\">\r\n <p style=\"font-family:var(--font-prose);font-size:0.88rem;color:#555;margin-bottom:0.9rem;\">Thursday nights are a standing weekly event \u2014 7PM to 10PM, free entry, no reservation needed.<\/p>\r\n <a href=\"https:\/\/www.instagram.com\/bomba8javea\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-r\">\ud83d\udcf8 Follow for Updates<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== MENU ===================== -->\r\n<section id=\"b8-menu\" class=\"b8-section b8-dark\">\r\n <div class=\"b8-label\">Eat & Drink<\/div>\r\n <h2 class=\"b8-title\">Our Menu<\/h2>\r\n <div class=\"menu-wrap\">\r\n <p style=\"font-family:var(--font-prose);font-size:0.95rem;color:var(--grey);max-width:480px;margin:0 auto 0.5rem;line-height:1.65;\">\r\n Tapas, bocados, nachos, cocktails and more \u2014 come in and ask us what's good tonight.\r\n <\/p>\r\n <div class=\"menu-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/p\/AF1QipOcTzGplXlSuW_Pj2bNbbkDFi0buzOL85PlAHPr=s1360-w1360-h1020-rw\"\r\n alt=\"Bomba 8 Food and Drinks\"\r\n loading=\"lazy\">\r\n <div class=\"menu-overlay\">\r\n Full Menu<br>Coming Soon\r\n <em>Ask us on the night<\/em>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/www.barbomba8.com\/carta\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-r\">View Current Menu \u2192<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== REVIEWS ===================== -->\r\n<section id=\"b8-reviews\" class=\"b8-section b8-light\">\r\n <div class=\"b8-label b8-label-dk\">What People Say<\/div>\r\n <h2 class=\"b8-title b8-title-dk\">Real Words<br>From Real Nights<\/h2>\r\n <p style=\"font-family:var(--font-prose);font-size:0.93rem;color:#555;max-width:480px;line-height:1.65;margin-bottom:2.2rem;\">\r\n Genuine Google reviews from people who found Bomba 8 \u2014 and came back.\r\n <\/p>\r\n <div class=\"rev-grid\">\r\n <div class=\"rev-card fade-up\">\r\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"rev-q\">\"<\/div>\r\n <p class=\"rev-text\">\"The best live music venue in the Marina Alta I've discovered so far! Come on Thursday for the live music jam \u2014 absolutely brilliant.\"<\/p>\r\n <div class=\"rev-auth\">\u2014 Google Review \u00b7 Javea Port<\/div>\r\n <\/div>\r\n <div class=\"rev-card fade-up\">\r\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"rev-q\">\"<\/div>\r\n <p class=\"rev-text\">\"Best new place in the port for great food and friendly service. Come on Thursday for the live music \u2014 the atmosphere is something else entirely.\"<\/p>\r\n <div class=\"rev-auth\">\u2014 Google Review \u00b7 Javea Port<\/div>\r\n <\/div>\r\n <div class=\"rev-card fade-up\">\r\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"rev-q\">\"<\/div>\r\n <p class=\"rev-text\">\"Bestial! El mejor en Javea! Comida super! Personal 10! Restaurante Perfecto!!! Muchas gracias!!\"<\/p>\r\n <div class=\"rev-auth\">\u2014 Google Review<\/div>\r\n <\/div>\r\n <div class=\"rev-card fade-up\">\r\n <div class=\"rev-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <div class=\"rev-q\">\"<\/div>\r\n <p class=\"rev-text\">\"Great neighbourhood bar and cafe! The kind of place you walk in once and become a regular. Warmth, great drinks, brilliant vibes.\"<\/p>\r\n <div class=\"rev-auth\">\u2014 Google Review<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== PHOTO GALLERY ===================== -->\r\n<section id=\"b8-photos\" class=\"b8-section b8-dark\">\r\n <div class=\"b8-label\">Javea Port<\/div>\r\n <h2 class=\"b8-title\">Photos From <span class=\"b8-title-red\">Amazing Nights<\/span><\/h2>\r\n <div class=\"divvy\"><div class=\"divvy-dot\"><\/div><\/div>\r\n <div class=\"photo-grid\">\r\n <!-- Main wide shot \u2014 tall left column spanning both rows -->\r\n <div class=\"photo-item photo-tall\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/p\/AF1QipPKpF36lyZZ2zapabpk8a6u1KY2vyzr6CyIFZMe=s1360-w1360-h1020-rw\"\r\n alt=\"Bomba 8 Javea Port\" loading=\"lazy\">\r\n <div class=\"photo-ov\"><span class=\"photo-cap\">Bomba 8 \u2014 Javea Port<\/span><\/div>\r\n <\/div>\r\n <!-- Portrait right top -->\r\n <div class=\"photo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/p\/AF1QipMAdg5erFtO3ssHChjsi4tuNQ1FtetP-GIa3GbT=s1360-w1360-h1020-rw\"\r\n alt=\"Inside Bomba 8\" loading=\"lazy\">\r\n <div class=\"photo-ov\"><span class=\"photo-cap\">Inside Bomba 8<\/span><\/div>\r\n <\/div>\r\n <!-- Portrait right bottom -->\r\n <div class=\"photo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/p\/AF1QipNwECsb2roRN7XK-uJYNEKWuaKk3W6Sjx8x_ely=s1360-w1360-h1020-rw\"\r\n alt=\"The Bar\" loading=\"lazy\">\r\n <div class=\"photo-ov\"><span class=\"photo-cap\">The Bar<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <p style=\"text-align:center;margin-top:1.2rem;font-family:var(--font-prose);font-size:0.8rem;color:var(--grey);font-style:italic;\">\r\n More photos on <a href=\"https:\/\/www.instagram.com\/bomba8javea\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--red-hot);\">@bomba8javea<\/a> on Instagram\r\n <\/p>\r\n<\/section>\r\n\r\n<!-- ===================== COCKTAILS & DRINKS ===================== -->\r\n<section id=\"b8-drinks\" class=\"b8-section b8-mid\">\r\n <div class=\"drinks-layout\">\r\n <div>\r\n <div class=\"b8-label\">Famous For It<\/div>\r\n <h2 class=\"b8-title\">Cocktails<br>& Drinks<\/h2>\r\n <p style=\"font-family:var(--font-prose);font-size:0.93rem;line-height:1.7;color:var(--light-grey);max-width:430px;margin-bottom:1.4rem;\">\r\n Classic and creative cocktails mixed with flair and flavour \u2014 prepared con mucho ritmo. Whether you're starting the night or deep into it, Bomba 8's drinks are the kind you keep thinking about the next morning.\r\n <\/p>\r\n <ul class=\"drinks-list\">\r\n <li>Classic Cocktails<\/li>\r\n <li>Creative Specials<\/li>\r\n <li>Imported Spirits<\/li>\r\n <li>Craft Beers<\/li>\r\n <li>Spanish Wines<\/li>\r\n <li>Shots & Bombers<\/li>\r\n <li>Cold Beer on Draft<\/li>\r\n <li>Non-Alcoholic<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"drinks-panel\">\r\n <p style=\"font-family:var(--font-head);font-size:0.7rem;letter-spacing:0.4em;color:var(--amber);margin-bottom:0.55rem;\">Our Speciality<\/p>\r\n <div class=\"drinks-feat\">Cocktails<br>Con Mucho<br>Ritmo<\/div>\r\n <p style=\"font-family:var(--font-prose);font-size:0.88rem;line-height:1.68;color:var(--light-grey);margin-top:1.1rem;\">\r\n Bomba 8's cocktails are crafted with flair \u2014 creative, potent, and made to be savoured. Because summer in Javea deserves something spectacular in your glass.\r\n <\/p>\r\n <div style=\"margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(232,146,10,0.2);\">\r\n <p style=\"font-family:var(--font-head);font-size:0.7rem;letter-spacing:0.4em;color:var(--amber);margin-bottom:0.4rem;\">Also On The Menu<\/p>\r\n <p style=\"font-family:var(--font-prose);font-size:0.87rem;color:var(--light-grey);line-height:1.65;\">\r\n Nachos Bomba with melted cheese and guacamole casero, crispy tapas and bocados \u2014 food that pairs perfectly with every drink.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== FIND US ===================== -->\r\n<section id=\"b8-find\" class=\"b8-section b8-light\">\r\n <div class=\"b8-label b8-label-dk\">Get Here<\/div>\r\n <h2 class=\"b8-title b8-title-dk\">Find Us At<br>Javea Port<\/h2>\r\n <div class=\"divvy\"><div class=\"divvy-dot\"><\/div><\/div>\r\n <div class=\"find-grid\">\r\n <div>\r\n <p style=\"font-family:var(--font-prose);font-size:0.93rem;color:#555;line-height:1.7;margin-bottom:1.4rem;\">\r\n Right in the heart of Javea Port \u2014 one of the most beautiful marinas on the Costa Blanca. Easy to find, impossible to miss.\r\n <\/p>\r\n <div class=\"info-row\">\r\n <span class=\"info-ic\">\ud83d\udccd<\/span>\r\n <div>\r\n <span class=\"info-lb\">Address<\/span>\r\n <span class=\"info-vl\">Av. de Lepanto, 03730 X\u00e0bia (J\u00e1vea), Alicante, Spain<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <span class=\"info-ic\">\ud83c\udfb8<\/span>\r\n <div>\r\n <span class=\"info-lb\">Thursday Entertainment<\/span>\r\n <span class=\"info-vl\">Every Thursday \u00b7 7PM \u2014 10PM \u00b7 Free Entry<br>Performers: arrive by 7PM to add your name to the list<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <span class=\"info-ic\">\ud83d\udcf8<\/span>\r\n <div>\r\n <span class=\"info-lb\">Instagram<\/span>\r\n <span class=\"info-vl\"><a href=\"https:\/\/www.instagram.com\/bomba8javea\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--red);\">@bomba8javea<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-row\">\r\n <span class=\"info-ic\">\ud83c\udf10<\/span>\r\n <div>\r\n <span class=\"info-lb\">Website<\/span>\r\n <span class=\"info-vl\"><a href=\"https:\/\/www.barbomba8.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--red);\">www.barbomba8.com<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <div style=\"margin-top:1.8rem;\">\r\n <a href=\"https:\/\/maps.google.com\/?q=Av.+de+Lepanto+Javea+Alicante\" target=\"_blank\" rel=\"noopener\" class=\"btn-r btn-dk\">\ud83d\udccd Open in Google Maps<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-box\">\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3098.5!2d0.165200!3d38.797000!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd61b06b6d1e3d25%3A0xa94b1b9e2b4f7c63!2sAv.%20de%20Lepanto%2C%20X\u00e0bia%2C%20Alicante!5e0!3m2!1sen!2ses!4v1234567890\"\r\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\r\n title=\"Bomba 8 Location\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== FOOTER ===================== -->\r\n<footer id=\"b8-footer\">\r\n <div class=\"ft-top\">\r\n <div>\r\n <div class=\"ft-logo\">BOMBA <em>8<\/em><\/div>\r\n <div class=\"ft-tag\">Live Music \u00b7 Food \u00b7 Pool \u00b7 Foosball \u00b7 Javea Port<\/div>\r\n <\/div>\r\n <div class=\"ft-cols\">\r\n <div class=\"ft-col\">\r\n <h4>Nights Out<\/h4>\r\n <ul>\r\n <li><a href=\"#b8-thursday\">Thursday Live<\/a><\/li>\r\n <li><a href=\"#b8-events\">Upcoming Events<\/a><\/li>\r\n <li><a href=\"#b8-opening\">Grand Opening<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"ft-col\">\r\n <h4>The Bar<\/h4>\r\n <ul>\r\n <li><a href=\"#b8-vibe\">What We Offer<\/a><\/li>\r\n <li><a href=\"#b8-drinks\">Cocktails & Drinks<\/a><\/li>\r\n <li><a href=\"#b8-menu\">Menu<\/a><\/li>\r\n <li><a href=\"#b8-reviews\">Reviews<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"ft-col\">\r\n <h4>Find Us<\/h4>\r\n <ul>\r\n <li><a href=\"#b8-find\">Location<\/a><\/li>\r\n <li><a href=\"https:\/\/www.instagram.com\/bomba8javea\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/li>\r\n <li><a href=\"https:\/\/www.barbomba8.com\/\" target=\"_blank\" rel=\"noopener\">Website<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ft-bot\">\r\n <p class=\"ft-copy\">\u00a9 2025 Bomba 8 \u00b7 Av. de Lepanto, X\u00e0bia, Alicante, Spain<\/p>\r\n <div class=\"soc-links\">\r\n <a href=\"https:\/\/www.instagram.com\/bomba8javea\/\" target=\"_blank\" rel=\"noopener\" class=\"soc-link\" title=\"Instagram\">\ud83d\udcf8<\/a>\r\n <a href=\"https:\/\/www.barbomba8.com\/\" target=\"_blank\" rel=\"noopener\" class=\"soc-link\" title=\"Website\">\ud83c\udf10<\/a>\r\n <a href=\"https:\/\/maps.google.com\/?q=Av.+de+Lepanto+Javea\" target=\"_blank\" rel=\"noopener\" class=\"soc-link\" title=\"Map\">\ud83d\udccd<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function(){\r\n function adminH(){var b=document.getElementById('wpadminbar');return b?b.offsetHeight:0;}\r\n function navH(){var n=document.getElementById('b8-nav');return n?n.offsetHeight:60;}\r\n function setOffsets(){\r\n var aH=adminH(),nav=document.getElementById('b8-nav'),\r\n banner=document.getElementById('b8-banner'),mob=document.getElementById('b8-mobile-menu');\r\n if(nav) nav.style.top=aH+'px';\r\n var total=aH+navH();\r\n if(banner) banner.style.marginTop=total+'px';\r\n if(mob) mob.style.top=total+'px';\r\n }\r\n setOffsets();\r\n window.addEventListener('resize',setOffsets);\r\n setTimeout(setOffsets,400);\r\n\r\n window.addEventListener('scroll',function(){\r\n var nav=document.getElementById('b8-nav');\r\n if(nav) nav.classList.toggle('scrolled',window.scrollY>60);\r\n },{passive:true});\r\n\r\n window.b8Toggle=function(){\r\n var mob=document.getElementById('b8-mobile-menu'),\r\n ham=document.querySelector('.hamburger'),\r\n spans=ham?ham.querySelectorAll('span'):[];\r\n mob.classList.toggle('open');\r\n var open=mob.classList.contains('open');\r\n if(spans[0]) spans[0].style.transform=open?'translateY(7px) rotate(45deg)':'';\r\n if(spans[1]) spans[1].style.opacity=open?'0':'';\r\n if(spans[2]) spans[2].style.transform=open?'translateY(-7px) rotate(-45deg)':'';\r\n };\r\n\r\n document.addEventListener('click',function(e){\r\n var mob=document.getElementById('b8-mobile-menu'),ham=document.querySelector('.hamburger');\r\n if(!mob||!ham) return;\r\n if(!mob.contains(e.target)&&!ham.contains(e.target)){\r\n mob.classList.remove('open');\r\n if(ham) ham.querySelectorAll('span').forEach(function(s){s.style.transform='';s.style.opacity='';});\r\n }\r\n });\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\r\n a.addEventListener('click',function(e){\r\n var href=this.getAttribute('href');\r\n if(!href||href==='#') return;\r\n var target=document.querySelector(href);\r\n if(!target) return;\r\n e.preventDefault();\r\n var offset=adminH()+navH()+10;\r\n window.scrollTo({top:target.getBoundingClientRect().top+window.scrollY-offset,behavior:'smooth'});\r\n var mob=document.getElementById('b8-mobile-menu');\r\n if(mob) mob.classList.remove('open');\r\n });\r\n });\r\n\r\n var io=new IntersectionObserver(function(entries){\r\n entries.forEach(function(entry){\r\n if(entry.isIntersecting){\r\n var idx=Array.from(entry.target.parentElement.children).indexOf(entry.target)%6;\r\n setTimeout(function(){entry.target.classList.add('visible');},idx*75);\r\n io.unobserve(entry.target);\r\n }\r\n });\r\n },{threshold:0.1,rootMargin:'0px 0px -30px 0px'});\r\n document.querySelectorAll('.fade-up').forEach(function(el){io.observe(el);});\r\n\r\n var sections=document.querySelectorAll('.b8-section[id]'),navAs=document.querySelectorAll('.nav-links a');\r\n window.addEventListener('scroll',function(){\r\n var pos=window.scrollY+adminH()+navH()+50,cur='';\r\n sections.forEach(function(s){if(pos>=s.offsetTop) cur=s.id;});\r\n navAs.forEach(function(a){\r\n var active=a.getAttribute('href')==='#'+cur;\r\n a.style.color=active?'var(--white)':'';\r\n a.style.borderBottomColor=active?'var(--red-hot)':'';\r\n });\r\n },{passive:true});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BOMBA 8 \u2014 Javea Port | Live Music, Food & Drinks Grand Opening Thursday Live Events Menu Reviews Photos \ud83d\udccd Find Us \ud83c\udf89 Grand Opening \ud83c\udfb8 Thursday Live \ud83d\udcc5 Events \ud83d\udd25 The Vibe \ud83c\udf7d\ufe0f Menu \u2b50 Reviews \ud83d\udcf7 Photos \ud83d\udccd Find Us \ud83c\udf89 GRAND REOPENING \u2014 30TH MAY 2025 \u2014 FREE ENTRY ALL NIGHT \u2014 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":5,"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/bomba8.galaxywebsites.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}