﻿.nf-header{position:sticky;top:0;z-index:50;background:rgba(255,250,247,.95);border-bottom:1px solid rgba(82,0,0,.14);backdrop-filter:blur(14px);color:var(--text-primary)}
.nf-header-inner{width:min(1180px,calc(100% - 32px));min-height:72px;margin:auto;display:flex;align-items:center;gap:28px}
.nf-brand{display:flex;align-items:center;flex:none}.nf-brand img{width:148px;max-height:48px;object-fit:contain}
.nf-desktop-links{display:flex;align-items:center;gap:8px}.nf-nav-link,.nf-login{color:var(--text-primary);text-decoration:none;font-weight:700;padding:10px 14px;border-radius:9px}.nf-nav-link:hover,.nf-nav-link.is-active{background:var(--surface-hover)}
.nf-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.nf-search{width:40px;height:40px;display:flex;align-items:center;border:1px solid transparent;border-radius:10px;background:transparent;overflow:hidden;transition:width .2s ease,border-color .2s ease,background .2s ease}.nf-search.is-open{width:220px;border-color:rgba(82,0,0,.2);background:var(--text-on-primary)}
.nf-search input{display:none;width:0;min-width:0;border:0;outline:0;background:transparent;padding:0;color:var(--text-primary);opacity:0;transition:width .2s ease,opacity .15s ease,padding .2s ease}.nf-search.is-open input{display:block;width:180px;padding:0 12px;opacity:1}.nf-search input::placeholder{color:var(--text-muted)}
.nf-search button,.nf-icon-link{width:40px;height:40px;flex:none;border:0;background:transparent;color:var(--primary);display:grid;place-items:center;cursor:pointer}.nf-search button:hover,.nf-icon-link:hover{background:var(--surface-hover);border-radius:9px}.nf-search svg,.nf-icon-link svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8}
.nf-login{background:var(--primary);color:var(--text-on-primary);padding:10px 17px}.nf-login:hover{background:var(--primary-hover)}
.nf-profile{position:relative}.nf-profile-menu{display:none;position:absolute;right:0;top:48px;width:220px;padding:15px;border:1px solid var(--border-blue);border-radius:12px;background:var(--text-on-primary);box-shadow:0 12px 30px rgba(0, 0, 0, .35)}.nf-profile.is-open .nf-profile-menu{display:grid;gap:8px}.nf-profile-menu span{font-size:12px;color:var(--text-muted)}.nf-profile-menu a,.nf-profile-menu button{color:var(--primary);background:none;border:0;text-align:left;text-decoration:none;padding:5px 0;cursor:pointer;font:inherit}
.nf-mobile-links{display:none}
@media(max-width:760px){.nf-header-inner{width:calc(100% - 20px);min-height:58px;gap:8px;overflow:visible}.nf-brand img{width:112px}.nf-desktop-links{display:flex;gap:2px;flex:1;min-width:0}.nf-nav-link{font-size:12px;padding:7px 6px;white-space:nowrap}.nf-header-actions{gap:3px;flex:none}.nf-search.is-open{position:absolute;top:9px;left:10px;right:10px;z-index:5;width:auto;height:40px;background:var(--text-on-primary)}.nf-search.is-open input{display:block;width:calc(100% - 40px);flex:1}.nf-mobile-links{display:none}}

/* Final responsive search state: never reserve input space until opened. */
.nf-search:not(.is-open) input{display:none !important;width:0 !important;min-width:0 !important;padding:0 !important;opacity:0 !important}
.nf-search.is-open input{display:block !important;min-width:0 !important}
.nf-nav-link,.nf-login{color:var(--text-on-primary)}
.nf-nav-link:hover,.nf-nav-link.is-active{background:var(--primary)}
.nf-header a.nf-icon-link svg path{stroke:var(--text-on-primary)}
.nf-search svg,.nf-icon-link svg{stroke:rgb(255 255 255)}
.nf-auth-profile{border:1px solid var(--text-on-primary);background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px rgba(82,0,0,.18)}
.nf-auth-profile:hover,.nf-profile.is-open .nf-auth-profile{background:var(--primary-hover);box-shadow:0 0 0 3px rgba(82,0,0,.35),0 0 14px rgba(255,255,255,.3)}
.nf-logout-btn{width:100%;padding:9px 11px !important;border-radius:7px !important;color:var(--text-on-primary) !important;background:var(--primary) !important;font-weight:700 !important;text-align:center !important}
.nf-logout-btn:hover{background:var(--primary-hover) !important}


