Skip to main content
🔍
} } function sendEmail(email, message) { console.log(`Sending email to ${email}: ${message}`); // Add actual email API call here } autoMarket(); }); /* Add spacing between logo, search bar, and menu */ .header--logo { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; /* Creates gap between logo and search bar */ } /* Ensure Search Bar is Responsive */ .header--ai-search { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 600px; /* Adjust width */ margin: 15px auto; } /* Ensure Input Container Stretches */ #ai-search-container { display: flex; align-items: center; width: 100%; max-width: 550px; height: 40px; /* Adjust height */ border: 1.5px solid #0070f3; border-radius: 20px; background: #f9f9f9; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); padding: 5px; } /* Fix AI Search Button */ #ai-search-button { background: #0070f3; color: white; padding: 8px 15px; border: none; cursor: pointer; border-radius: 0 20px 20px 0; font-weight: bold; } #ai-search-button:hover { background: #005bb5; } /* Ensures navigation menu is centered */ .header--nav { display: flex; justify-content: center; align-items: center; margin-top: 10px; /* Creates gap between search bar and menu */ } .header-navigation ul { display: flex; gap: 10px; /* Reduce menu item spacing */ justify-content: center; /* Center the menu */ } .header-navigation li { padding: 5px 10px; /* Adjust padding inside menu items */ } .header--nav a { text-decoration: none; font-size: 16px; font-weight: bold; color: #333; padding: 8px 10px; /* Reduces padding */ } .header--nav a:hover { color: #0070f3; } /* Ensure AI search bar stretches with its container */ #ai-search-container { display: flex; width: 100%; max-width: 600px; /* Adjust as needed */ height: 45px; border: 1.5px solid #0070f3; border-radius: 20px; background: #fff; padding: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } #ai-search-input { flex-grow: 1; border: none; padding: 10px; font-size: 16px; outline: none; background: transparent; width: 100%; color: black; } #ai-search-button { background: #0070f3; color: white; padding: 10px 15px; border: none; cursor: pointer; border-radius: 0 20px 20px 0; font-weight: bold; } #ai-search-button:hover { background: #005bb5; } /* Reduce AI Search Bar Width & Center */ #ai-search-container { display: flex; align-items: center; /* Align input with button */ width: 100%; max-width: 600px; /* Adjust as needed */ height: 45px; border: 1.5px solid #0070f3; border-radius: 20px; background: #fff; padding: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); margin: 0 auto; /* Centers it */ } #ai-search-input { flex-grow: 1; border: none; padding: 10px; font-size: 16px; outline: none; background: transparent; width: calc(100% - 50px); /* Ensure input stretches */ color: black; } /* Reduce Menu Gaps */ .menu-list { display: flex; justify-content: center; /* Center menu */ gap: 8px; /* Reduce space between items */ padding: 0; margin: 0; /* Ensure no extra spacing */ } .menu-list li { list-style: none; } .menu-list li a { text-decoration: none; font-size: 16px; padding: 5px 10px; /* Reduce padding */ display: inline-block; }