/* NOVABET789 SHARED BACKGROUND V1 Shared visual background only. No form, wallet, API, route or business logic changes. */ :root { --nova-shared-background-image: url("/assets/img/site-backgrounds/najalao168-main-bg.jpg?v=20260827-064500"); --nova-shared-background-fallback: #030303; } html { min-width: 320px; min-height: 100%; background: var(--nova-shared-background-fallback) !important; } body.nova-shared-background-page { position: relative !important; isolation: isolate !important; min-width: 320px; min-height: 100vh; min-height: 100dvh; margin: 0; overflow-x: hidden; background: linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .58)), var(--nova-shared-background-image) center top / cover fixed no-repeat !important; } body.nova-shared-background-page::before, body.nova-shared-background-page::after { content: "" !important; position: fixed !important; inset: 0 !important; pointer-events: none !important; filter: none !important; transform: none !important; } body.nova-shared-background-page::before { z-index: -2 !important; background: radial-gradient(circle at 8% 12%, rgba(255, 207, 96, .14), transparent 21%), radial-gradient(circle at 91% 24%, rgba(255, 198, 70, .09), transparent 24%), linear-gradient(90deg, rgba(0, 0, 0, .12), transparent 28%, transparent 72%, rgba(0, 0, 0, .12)) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.nova-shared-background-page::after { z-index: -1 !important; background: linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, transparent 34%, rgba(0, 0, 0, .52) 100%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* The game page previously used an inline navy background. */ body.nova-game-page { color: #f8f5ec; } /* The maintenance page remains centered while sharing the same site backdrop. */ body.nova-maintenance-page { min-height: 100vh !important; min-height: 100dvh !important; } /* 404 is rendered as a partial by the legacy router. */ .nova-error-page { position: relative; min-height: 100vh !important; min-height: 100dvh !important; display: grid !important; place-items: center !important; padding: 32px 16px !important; color: #f7f9fc !important; background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .64)), var(--nova-shared-background-image) center top / cover no-repeat !important; } @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page { background-attachment: scroll !important; background-position: center top !important; } } @media (prefers-reduced-motion: reduce) { body.nova-shared-background-page { background-attachment: scroll !important; } } /* ================================================================ NOVABET789 VIEWPORT LOCK V2 Locks layouts to the device canvas and prevents horizontal growth. Pinch zoom remains available for accessibility. ================================================================ */ html { width: 100%; max-width: 100%; overflow-x: hidden; overscroll-behavior-x: none; } body.nova-shared-background-page { width: 100%; max-width: 100%; overflow-x: hidden !important; overscroll-behavior-x: none; } body.nova-shared-background-page main, body.nova-shared-background-page header, body.nova-shared-background-page footer, body.nova-shared-background-page nav, body.nova-shared-background-page section, body.nova-shared-background-page article, body.nova-shared-background-page aside, body.nova-shared-background-page form { min-width: 0; max-width: 100%; } body.nova-shared-background-page img, body.nova-shared-background-page svg, body.nova-shared-background-page video, body.nova-shared-background-page canvas, body.nova-shared-background-page iframe, body.nova-shared-background-page table, body.nova-shared-background-page input, body.nova-shared-background-page select, body.nova-shared-background-page textarea, body.nova-shared-background-page button { max-width: 100%; } @supports (overflow: clip) { html, body.nova-shared-background-page { overflow-x: clip !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_ELEMENTOR_GREEN_SCOPE_FIX_V1.5.0 The legacy green-global stylesheet uses [class*="box"], which unintentionally matches Elementor's "elementor-section-boxed" class. Scope Home Elementor surfaces back to the shared master background without changing genuine .box/card UI. ================================================================ */ body.nova-shared-background-page.home .elementor.elementor-216 .elementor-section-boxed, body.nova-shared-background-page.home .elementor.elementor-1198 .elementor-section-boxed { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.nova-shared-background-page.home .elementor.elementor-216 .elementor-section-boxed > .elementor-background-overlay, body.nova-shared-background-page.home .elementor.elementor-1198 .elementor-section-boxed > .elementor-background-overlay { background: transparent !important; background-color: transparent !important; background-image: none !important; opacity: 0 !important; } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_HOME_SURFACE_FINISH_V1.6.0 Home only: - Remove the legacy green login/register surface. - Remove the dark bottom gradient from the shared background. - Preserve all non-Home UI surfaces and real component styling. ================================================================ */ /* ------------------------------------------------ HOME AUTH ACTIONS The legacy green-global rule [class*="login"] matches .loginregishead. Neutralize only this Home header area. ------------------------------------------------ */ body.nova-shared-background-page.home .loginregishead { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.nova-shared-background-page.home .loginregishead a, body.nova-shared-background-page.home .loginregishead a:visited { background: rgba(0, 0, 0, .34) !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(217, 178, 95, .62) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .24); } body.nova-shared-background-page.home .loginregishead a:hover, body.nova-shared-background-page.home .loginregishead a:focus-visible { background: rgba(0, 0, 0, .46) !important; border-color: rgba(255, 226, 119, .82) !important; color: #ffffff !important; } /* ------------------------------------------------ HOME MASTER BACKGROUND Use the source image directly so the lower viewport is not darkened by the previous body gradient. ------------------------------------------------ */ body.nova-shared-background-page.home { background: var(--nova-shared-background-image) center top / cover scroll no-repeat !important; } body.nova-shared-background-page.home::before, body.nova-shared-background-page.home::after { background: transparent !important; background-image: none !important; opacity: 1 !important; } @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page.home { background: var(--nova-shared-background-image) center top / cover scroll no-repeat !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_HOME_FINISH_V1.7.0 Final Home surface correction: - Neutralize the legacy green-global .btn !important rule only for the Login/Register action buttons in .loginregishead. - Keep the master background fixed for the entire Home surface, including mobile scrolling. ================================================================ */ body.nova-shared-background-page.home .loginregishead button, body.nova-shared-background-page.home .loginregishead button.btn, body.nova-shared-background-page.home .loginregishead button.btn-primary, body.nova-shared-background-page.home .loginregishead button[class*="btn"] { background: rgba(0, 0, 0, .34) !important; background-image: none !important; border-color: rgba(217, 178, 95, .62) !important; color: #ffffff !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .24) !important; } body.nova-shared-background-page.home .loginregishead button:hover, body.nova-shared-background-page.home .loginregishead button:focus-visible, body.nova-shared-background-page.home .loginregishead button.btn:hover, body.nova-shared-background-page.home .loginregishead button.btn:focus-visible, body.nova-shared-background-page.home .loginregishead button.btn-primary:hover, body.nova-shared-background-page.home .loginregishead button.btn-primary:focus-visible { background: rgba(0, 0, 0, .46) !important; background-image: none !important; border-color: rgba(255, 226, 119, .82) !important; color: #ffffff !important; } /* Keep the same Master Background visible while the Home page scrolls. */ body.nova-shared-background-page.home { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-attachment: fixed !important; } @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page.home { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-attachment: fixed !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_FULL_SURFACE_V1.8.0 Make the Home canvas one continuous Master Background. Preserve: - Cards - Game tiles - Buttons - Modals - Forms - Existing component surfaces Transparent only: - Home layout wrappers - Home Elementor roots - Home content canvas ================================================================ */ body.nova-shared-background-page.home .containmain, body.nova-shared-background-page.home .fixedcontain, body.nova-shared-background-page.home .fixedright, body.nova-shared-background-page.home .sectiongame, body.nova-shared-background-page.home .elementor.elementor-216, body.nova-shared-background-page.home .elementor.elementor-1198 { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.nova-shared-background-page.home { min-height: 100vh !important; background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; background-attachment: fixed !important; } @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page.home { min-height: 100vh !important; background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-attachment: fixed !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_HOME_CANVAS_UNIFY_V1.9.0 The Master Background is already loaded correctly. The remaining black area is caused by Elementor top-level canvas/section wrappers retaining their own background surface. This patch makes ONLY the Home top-level canvas transparent. Preserved: - Real game/provider cards - Inner card gradients - Buttons - Modal surfaces - Forms - Sidebar - Mobile left navigation ================================================================ */ /* ------------------------------------------------ HOME ELEMENTOR TOP-LEVEL CANVAS ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216, body.nova-shared-background-page.home .elementor.elementor-1198 { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ TOP-LEVEL SECTIONS ONLY Inner card sections are deliberately untouched. ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ TOP-LEVEL SECTION CONTAINERS ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section > .elementor-container, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section > .elementor-container { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ TOP-LEVEL COLUMNS ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section > .elementor-container > .elementor-column, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section > .elementor-container > .elementor-column { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ TOP-LEVEL COLUMN WRAPS This stops the outer widget canvas from painting over the Master Background while leaving inner/card columns untouched. ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ TOP-LEVEL BACKGROUND OVERLAYS ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section > .elementor-background-overlay, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section > .elementor-background-overlay { background: transparent !important; background-color: transparent !important; background-image: none !important; opacity: 0 !important; } /* ------------------------------------------------ TOP-LEVEL MOTION EFFECTS ------------------------------------------------ */ body.nova-shared-background-page.home .elementor.elementor-216 > .elementor-section > .elementor-motion-effects-container > .elementor-motion-effects-layer, body.nova-shared-background-page.home .elementor.elementor-1198 > .elementor-section > .elementor-motion-effects-container > .elementor-motion-effects-layer { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_MASTER_CANVAS_V1.9.1 Master Background is promoted to an independent viewport canvas. It is no longer dependent on: - fixedright width - containmain width - Elementor width - page content height The actual page/layout remains above this canvas. ================================================================ */ body.nova-shared-background-page.home { position: relative !important; isolation: isolate !important; background: transparent !important; background-color: transparent !important; background-image: none !important; min-height: 100vh !important; } /* Full viewport Master Background layer. */ body.nova-shared-background-page.home::before { content: "" !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; pointer-events: none !important; background: var(--nova-shared-background-image) center top / cover no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; opacity: 1 !important; z-index: -1 !important; } /* Disable the old darkening layer completely on Home. */ body.nova-shared-background-page.home::after { content: none !important; display: none !important; background: transparent !important; background-image: none !important; opacity: 0 !important; } /* The major Home canvas roots must remain transparent. */ body.nova-shared-background-page.home .wrapper, body.nova-shared-background-page.home .containmain, body.nova-shared-background-page.home .fixedcontain, body.nova-shared-background-page.home .fixedright, body.nova-shared-background-page.home .sectiongame, body.nova-shared-background-page.home .elementor.elementor-216, body.nova-shared-background-page.home .elementor.elementor-1198 { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Keep mobile/desktop behaviour identical. */ @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page.home { min-height: 100vh !important; background: transparent !important; background-color: transparent !important; background-image: none !important; } body.nova-shared-background-page.home::before { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; background: var(--nova-shared-background-image) center top / cover no-repeat !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_STACKING_FIX_V1.9.2 V1.9.1 placed the Master Background at z-index:-1 inside an isolated body stacking context. This version keeps the Master Background inside the Home stacking context at z-index:0 and places the existing layout surfaces above it at z-index:1. No width, height, layout, game or card rules are changed. ================================================================ */ body.nova-shared-background-page.home { position: relative !important; isolation: isolate !important; background: transparent !important; background-color: transparent !important; background-image: none !important; min-height: 100vh !important; } /* Master Background Canvas */ body.nova-shared-background-page.home::before { content: "" !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; pointer-events: none !important; background: var(--nova-shared-background-image) center top / cover no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; opacity: 1 !important; z-index: 0 !important; } /* No dark overlay */ body.nova-shared-background-page.home::after { content: none !important; display: none !important; background: transparent !important; background-image: none !important; opacity: 0 !important; } /* Existing Home layout stays above the Master Background. */ body.nova-shared-background-page.home > .wrapper, body.nova-shared-background-page.home > .containmain, body.nova-shared-background-page.home .wrapper, body.nova-shared-background-page.home .containmain, body.nova-shared-background-page.home .fixedcontain, body.nova-shared-background-page.home .fixedright, body.nova-shared-background-page.home .sectiongame, body.nova-shared-background-page.home .elementor.elementor-216, body.nova-shared-background-page.home .elementor.elementor-1198 { position: relative; z-index: 1; } /* Keep these structural roots transparent. */ body.nova-shared-background-page.home .wrapper, body.nova-shared-background-page.home .containmain, body.nova-shared-background-page.home .fixedcontain, body.nova-shared-background-page.home .fixedright, body.nova-shared-background-page.home .sectiongame, body.nova-shared-background-page.home .elementor.elementor-216, body.nova-shared-background-page.home .elementor.elementor-1198 { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Preserve real component surfaces above the canvas. */ body.nova-shared-background-page.home .loginregishead, body.nova-shared-background-page.home .loginregishead button { position: relative; z-index: 2; } /* Mobile uses the same viewport canvas. */ @media (max-width: 820px), (hover: none) and (pointer: coarse) { body.nova-shared-background-page.home::before { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; background: var(--nova-shared-background-image) center top / cover no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; z-index: 0 !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_GLOBAL_PAGES_V2.0.1 One Master Background across all existing nova-shared-background-page surfaces. Covered: Login / Register / Member / Lobby / Game / Finance / Profile / Promotions / History / Lottery. ================================================================ */ html:has(body[class*="nova-shared-background-page"]) { background: var(--nova-shared-background-fallback) !important; } body[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; background-attachment: fixed !important; min-height: 100vh !important; } body[class*="nova-shared-background-page"]::after { content: none !important; display: none !important; } body[class*="nova-shared-background-page"] .containmain, body[class*="nova-shared-background-page"] .fixedcontain, body[class*="nova-shared-background-page"] .fixedright, body[class*="nova-shared-background-page"] .sectiongame { background: transparent !important; background-color: transparent !important; background-image: none !important; } body.nova-auth-page[class*="nova-shared-background-page"], body.nova-member-page[class*="nova-shared-background-page"], body.nova-ng-game-page[class*="nova-shared-background-page"], body.nova-game-page[class*="nova-shared-background-page"], body.nvb-lottery-page[class*="nova-shared-background-page"], body.nova-profile-page[class*="nova-shared-background-page"], body.nova-promotions-page[class*="nova-shared-background-page"], body.nova-history-page[class*="nova-shared-background-page"], body.nova-deposit-page[class*="nova-shared-background-page"], body.nova-withdraw-page[class*="nova-shared-background-page"], body.nova-finance-premium-page[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-attachment: fixed !important; } @media (max-width: 820px), (hover: none) and (pointer: coarse) { body[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-attachment: fixed !important; min-height: 100vh !important; } } /* ================================================================ NAJALAO168_GLOBAL_BACKGROUND_ROOT_SURFACE_OVERRIDE_V2.1.0 Root-level backgrounds from auth/member stylesheets are being neutralized here without modifying those legacy stylesheets. Preserve: - Auth card - Auth inputs/buttons - Member cards - Provider cards - Game cards - Menus - Modals - Forms ================================================================ */ /* ------------------------------------------------ HTML ROOT ------------------------------------------------ */ html:has(body[class*="nova-shared-background-page"]) { background: var(--nova-shared-background-fallback) !important; background-image: none !important; } /* ------------------------------------------------ GLOBAL SHARED PAGE BODY ------------------------------------------------ */ body[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: var(--nova-shared-background-fallback) !important; background-image: var(--nova-shared-background-image) !important; background-attachment: fixed !important; min-height: 100vh !important; } /* ------------------------------------------------ AUTH CSS LEGACY ROOT OVERRIDES ------------------------------------------------ */ html:has(body.nova-auth-page) { background: var(--nova-shared-background-fallback) !important; background-image: none !important; } body.nova-auth-page[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: transparent !important; background-image: var(--nova-shared-background-image) !important; } /* Auth CSS creates its own pseudo background layers. */ body.nova-auth-page[class*="nova-shared-background-page"]::before, body.nova-auth-page[class*="nova-shared-background-page"]::after { background: transparent !important; background-color: transparent !important; background-image: none !important; opacity: 0 !important; } body.nova-auth-page[class*="nova-shared-background-page"]::after { content: none !important; display: none !important; } /* ------------------------------------------------ MEMBER ROOT OVERRIDE ------------------------------------------------ */ html:has(body.nova-member-page) { background: var(--nova-shared-background-fallback) !important; background-image: none !important; } body.nova-member-page[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: transparent !important; background-image: var(--nova-shared-background-image) !important; background-attachment: fixed !important; } /* Member lobby page shell is a page canvas. Inner cards/providers remain untouched. */ body.nova-member-page[class*="nova-shared-background-page"] .nova-member-lobby.nml-homepage-shell { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ OTHER SHARED MEMBER PAGE ROOTS ------------------------------------------------ */ body.nova-ng-game-page[class*="nova-shared-background-page"], body.nova-game-page[class*="nova-shared-background-page"], body.nvb-lottery-page[class*="nova-shared-background-page"], body.nova-profile-page[class*="nova-shared-background-page"], body.nova-promotions-page[class*="nova-shared-background-page"], body.nova-history-page[class*="nova-shared-background-page"], body.nova-deposit-page[class*="nova-shared-background-page"], body.nova-withdraw-page[class*="nova-shared-background-page"], body.nova-finance-premium-page[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: transparent !important; background-image: var(--nova-shared-background-image) !important; background-attachment: fixed !important; } /* ------------------------------------------------ LEGACY BODY CLASS WITH ADJACENT TOKENS Example: nova-cashback-pagenova-shared-background-page ------------------------------------------------ */ body[class*="nova-cashback-page"][class*="nova-shared-background-page"], body[class*="nova-withdraw-page"][class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: transparent !important; background-image: var(--nova-shared-background-image) !important; } /* ------------------------------------------------ KNOWN MEMBER STRUCTURAL WRAPPERS ------------------------------------------------ */ body.nova-member-page[class*="nova-shared-background-page"] .containmain, body.nova-member-page[class*="nova-shared-background-page"] .fixedcontain, body.nova-member-page[class*="nova-shared-background-page"] .fixedright, body.nova-member-page[class*="nova-shared-background-page"] .sectiongame { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ------------------------------------------------ MOBILE ------------------------------------------------ */ @media (max-width: 820px), (hover: none) and (pointer: coarse) { html:has(body[class*="nova-shared-background-page"]) { background: var(--nova-shared-background-fallback) !important; background-image: none !important; } body[class*="nova-shared-background-page"] { background: var(--nova-shared-background-image) center top / cover fixed no-repeat !important; background-color: transparent !important; background-image: var(--nova-shared-background-image) !important; background-attachment: fixed !important; min-height: 100vh !important; } body.nova-auth-page[class*="nova-shared-background-page"]::before, body.nova-auth-page[class*="nova-shared-background-page"]::after { background: transparent !important; background-image: none !important; opacity: 0 !important; } } /* ================================================================ NAJALAO168_HOME_HEADER_LOGO_REMOVE_V2.1.3 Home only: Remove the duplicate branding logo from the top navigation header. The central Elementor/Home logo remains untouched. Login/Register pages are untouched. ================================================================ */ body.nova-shared-background-page.home .navbarmain .custom-logo-link, body.nova-shared-background-page.home .navbarmain img.custom-logo, body.nova-shared-background-page.home .navbarmain .custom-logo { display: none !important; visibility: hidden !important; width: 0 !important; max-width: 0 !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* ================================================================ NAJALAO168_HOME_LOGIN_REGISTER_CENTER_V2.2.0 Home only: Move the existing desktop login/register action group below the central Home logo and keep both buttons side by side. The existing mobile account-actions block remains untouched. ================================================================ */ @media (min-width: 821px) { body.nova-shared-background-page.home .loginregishead { position: absolute !important; top: 245px !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; max-width: calc(100vw - 40px) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; z-index: 30 !important; } body.nova-shared-background-page.home .loginregishead > button { flex: 0 0 auto !important; margin: 0 !important; white-space: nowrap !important; } body.nova-shared-background-page.home .loginregishead .textwidget { display: block !important; } body.nova-shared-background-page.home .loginregishead a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 120px !important; min-height: 42px !important; padding: 9px 18px !important; box-sizing: border-box !important; text-decoration: none !important; } } @media (max-width: 820px) { body.nova-shared-background-page.home .loginregishead { position: static !important; transform: none !important; width: auto !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.nova-shared-background-page.home .loginregishead > button { flex: 0 1 auto !important; margin: 0 !important; } } /* ================================================================ NAJALAO168_HOME_LOGIN_REGISTER_CENTER_FIX_V2.2.1R Replace the previous fixed 245px/330px style positioning with viewport-relative placement. Desktop: - Center group to actual viewport. - Keep buttons side by side. - Place group below central Home logo area. - Do not modify mobile account-actions. ================================================================ */ @media (min-width: 821px) { body.nova-shared-background-page.home .loginregishead { position: absolute !important; /* * Center against the real viewport, not .fixedright or * another legacy layout container. */ left: calc(50% - 50vw) !important; width: 100vw !important; max-width: 100vw !important; /* * The central Elementor logo is approximately 197px wide * and resides in the opening Home content section. * Keep the action group below that visual block while * allowing proportional movement across viewport sizes. */ top: clamp(305px, 31vh, 370px) !important; margin: 0 !important; padding: 0 20px !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 12px !important; transform: none !important; background: transparent !important; background-color: transparent !important; background-image: none !important; z-index: 30 !important; } body.nova-shared-background-page.home .loginregishead > button { flex: 0 0 auto !important; width: auto !important; min-width: 128px !important; margin: 0 !important; } body.nova-shared-background-page.home .loginregishead .textwidget { display: block !important; } body.nova-shared-background-page.home .loginregishead a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 128px !important; min-height: 44px !important; padding: 9px 18px !important; box-sizing: border-box !important; white-space: nowrap !important; text-decoration: none !important; } } @media (max-width: 820px) { /* * Keep the existing Mobile account action system untouched. * The desktop .loginregishead is allowed to remain in its * original mobile flow. */ body.nova-shared-background-page.home .loginregishead { position: static !important; left: auto !important; top: auto !important; width: auto !important; max-width: none !important; transform: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } body.nova-shared-background-page.home .loginregishead > button { flex: 0 1 auto !important; margin: 0 !important; } } /* ================================================================ NAJALAO168_HOME_LOGIN_REGISTER_MOBILE_CENTER_V2.2.2 Mobile Home: Move the desktop-style login/register action group from the top header area into the center content area below the central Home logo. Keep the two buttons side by side. IMPORTANT: #account-actions-mobile is NOT modified. ================================================================ */ @media (max-width: 820px) { body.nova-shared-background-page.home .loginregishead { position: absolute !important; left: calc(50% - 50vw) !important; width: 100vw !important; max-width: 100vw !important; /* * Below the central logo on the mobile Home hero. * Uses viewport height so the position scales with * different phone sizes. */ top: clamp(330px, 47vh, 450px) !important; transform: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 12px !important; box-sizing: border-box !important; background: transparent !important; background-color: transparent !important; background-image: none !important; z-index: 30 !important; } body.nova-shared-background-page.home .loginregishead > button { flex: 0 0 auto !important; width: auto !important; min-width: 118px !important; margin: 0 !important; } body.nova-shared-background-page.home .loginregishead .textwidget { display: block !important; } body.nova-shared-background-page.home .loginregishead a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 118px !important; min-height: 40px !important; padding: 8px 14px !important; box-sizing: border-box !important; white-space: nowrap !important; text-decoration: none !important; } } /* ================================================================ NAJALAO168_HOME_LOGIN_REGISTER_HERO_FLOW_V2.2.4 The existing login/register group now lives directly inside the central Home hero flow, immediately after the logo. Remove all previous absolute positioning from V2.2.x. ================================================================ */ body.nova-shared-background-page.home .loginregishead { position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 10px 0 12px !important; padding: 0 !important; box-sizing: border-box !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background: transparent !important; background-color: transparent !important; background-image: none !important; z-index: auto !important; } body.nova-shared-background-page.home .loginregishead > button { position: static !important; flex: 0 0 auto !important; width: auto !important; min-width: 128px !important; margin: 0 !important; } body.nova-shared-background-page.home .loginregishead .textwidget { display: block !important; } body.nova-shared-background-page.home .loginregishead a { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 128px !important; min-height: 42px !important; padding: 8px 16px !important; box-sizing: border-box !important; white-space: nowrap !important; text-decoration: none !important; } /* The hero widget wrap is a vertical flow: logo -> buttons -> heading -> text. */ body.nova-shared-background-page.home .elementor-element-55bb5dfd > .elementor-widget-wrap { display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Keep the central logo itself centered. */ body.nova-shared-background-page.home .elementor-element-ae320b1 { width: 100% !important; text-align: center !important; } body.nova-shared-background-page.home .elementor-element-ae320b1 img { margin-left: auto !important; margin-right: auto !important; } /* Mobile uses the exact same document-flow placement. */ @media (max-width: 820px) { body.nova-shared-background-page.home .loginregishead { position: static !important; width: 100% !important; max-width: 100% !important; transform: none !important; margin: 8px 0 10px !important; padding: 0 8px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 8px !important; } body.nova-shared-background-page.home .loginregishead > button { min-width: 118px !important; } body.nova-shared-background-page.home .loginregishead a { min-width: 118px !important; min-height: 40px !important; padding: 8px 12px !important; } }