bulkhead light Archives - Ecobrite | UK's Number One Lighting Store

EcoBrite Modern Top Bar @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap'); :root { --brand-accent: #111827; --text-muted: #64748b; --glass-white: rgba(255, 255, 255, 0.98); } .top-bar-container, .top-bar-item, .dropdown-item { font-family: 'Plus Jakarta Sans', sans-serif; } .top-bar-bg { background: var(--glass-white); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* Left Aligned Container */ .top-bar-container { display: flex; align-items: center; justify-content: flex-start; height: 42px; } .top-bar-item { display: flex; align-items: center; height: 42px; color: var(--text-muted); font-size: 11px; font-weight: 600; letter-spacing: 0.03em; transition: all 0.2s ease; cursor: pointer; white-space: nowrap; } .top-bar-item:hover { color: var(--brand-accent); } .separator { width: 1px; height: 14px; background-color: #e2e8f0; margin: 0 4px; flex-shrink: 0; } .social-icon { width: 14px; height: 14px; fill: currentColor; transition: transform 0.2s ease; } .social-link:hover .social-icon { transform: scale(1.15); color: var(--brand-accent); } /* Dropdown alignment */ .dropdown-content { display: none; position: absolute; top: 100%; left: 0; background: white; min-width: 180px; border: 1px solid #e2e8f0; border-radius: 8px; z-index: 100; margin-top: 2px; overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05); } .dropdown-active .dropdown-content { display: block; animation: fadeIn 0.2s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .dropdown-item { padding: 10px 16px; font-size: 11px; color: #64748b; transition: all 0.2s; display: flex; align-items: center; justify-content: space-between; } .dropdown-item:hover { background-color: #f8fafc; color: #111827; } #toast { position: fixed; bottom: 24px; right: 24px; padding: 12px 20px; background: #111827; color: white; border-radius: 8px; font-size: 12px; font-weight: 500; transform: translateY(100px); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 1000; } #toast.show { transform: translateY(0); }

Award winning lighting company Free UK delivery over £50 GBP GBP £ USD $ EUR € Contact United Kingdom United Kingdom France Germany Spain FAQs

Preference updated

Lumina Pro - Advanced Search /* CRITICAL FIX: Eliminate Header Jolting */ .lumina-main-container, #search-form, #lumina-search-input { font-family: 'Inter', sans-serif; } /* Prevent transitions from firing on page load */ .no-transition * { transition: none !important; } .lumina-main-container { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; box-sizing: border-box !important; position: relative !important; padding: 2px !important; /* Slight padding to prevent shadow clipping */ } @media (min-width: 1024px) { .lumina-main-container { min-width: 500px !important; max-width: 800px !important; justify-content: center !important; } } /* Glassmorphism Dropdown */ .glass-dropdown { background: #ffffff; pointer-events: auto !important; box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2) !important; z-index: 999999 !important; display: none; border-radius: 24px; border: 1px solid #f1f5f9; } #search-dropdown.show { display: block !important; } /* Clean Pill Styling */ .lumina-search-wrapper { transition: border-color 0.3s ease, box-shadow 0.3s ease; border: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; background: white !important; } .lumina-search-wrapper:focus-within { border-color: #22c55e !important; box-shadow: 0 4px 15px -3px rgba(34, 197, 94, 0.15) !important; } #search-form, #lumina-search-input { border: none !important; outline: none !important; box-shadow: none !important; background: transparent !important; width: 100% !important; } /* Icon Morph Logic - Simplified to prevent strange initial movement */ .btn-icon { position: absolute; pointer-events: none; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease; } .arrow-icon { opacity: 1; transform: scale(1); } .bulb-icon { opacity: 0; transform: scale(0.2); color: white !important; visibility: hidden; } /* Typing State Activates the Bulb */ .is-active-typing .arrow-icon { opacity: 0 !important; transform: scale(0.2) !important; } .is-active-typing .bulb-icon { opacity: 1 !important; transform: scale(1) !important; visibility: visible !important; } #search-submit-btn { background-color: #22c55e !important; transition: background-color 0.4s ease, box-shadow 0.4s ease; position: relative; flex-shrink: 0; } .is-active-typing #search-submit-btn { background-color: #f97316 !important; box-shadow: 0 0 12px rgba(249, 115, 22, 0.3) !important; } /* Desktop: Hide Shop Pill */ .mobile-shop-btn { display: none !important; } /* Mobile specific adjustments */ @media (max-width: 768px) { .mobile-shop-btn { display: flex !important; flex: 0 0 22% !important; min-width: 65px !important; align-items: center; justify-content: center; background-color: #22c55e; color: white; font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; height: 52px; border-radius: 9999px; text-decoration: none; order: 2; } .search-section-wrapper { flex: 1 !important; order: 1; } #lumina-search-input { font-size: 16px !important; } #search-dropdown { position: absolute !important; left: 0 !important; width: 100% !important; max-height: 60vh !important; top: 58px !important; } }