/* Header shared with the mobile home. Scoped to leave legacy board content intact. */
.header { background:#fff; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; }
.header .logo img { height:30px; }
.header .menu { display:flex; gap:15px; align-items:center; }
.header .menu img { width:24px; height:24px; cursor:pointer; }
.header .user-menu-btn img { border-radius:50%; }
#search-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:1000; justify-content:center; align-items:flex-start; }
#search-overlay.active { display:flex; }
#search-overlay .search-box { background:white; width:100%; max-width:400px; padding:15px; text-align:center; box-shadow:0 4px 8px rgba(0,0,0,.2); position:absolute; top:0; left:50%; transform:translateX(-50%); }
#search-overlay .search-header { display:flex; justify-content:space-between; align-items:center; }
#search-overlay .search-logo { width:120px; }
#search-overlay #close-search { width:24px; height:24px; cursor:pointer; }
#search-overlay .search-input-container { display:flex; align-items:center; margin-top:10px; border:1px solid #ddd; border-radius:5px; padding:5px; background:#f9f9f9; }
#search-overlay #search-input { flex-grow:1; border:none; padding:10px; font-size:16px; outline:none; background:transparent; }
#search-overlay .search-btn { width:24px; height:24px; cursor:pointer; }
.header .contact-button { border:none; border-radius:5px; cursor:pointer; }
.nav-bar { display:flex; align-items:center; background:#fff; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.nav-bar .nav-links { list-style:none; display:flex; gap:20px; margin:0; padding:0; }
.nav-bar .nav-links li { font-weight:900; display:inline; }
.nav-bar .nav-links a { text-decoration:none; color:#a4a4a4; font-size:13px; }
@media (max-width:400px) { #search-overlay .search-box { max-width:315px; } .nav-bar .nav-links a { font-size:10px; } }