/* Shared header presentation; Bootstrap collapse and all navigation links are retained. */
body .header-wrap.modern-header { position: relative; z-index: 50; margin: 0; padding: 14px 0; background: linear-gradient(110deg,rgba(255,241,246,.96),rgba(234,247,255,.97)); border-bottom: 1px solid #fff; box-shadow: 0 6px 24px rgba(42,94,130,.1); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
.modern-header > .container { width: 100%; max-width: 1440px; padding: 0 32px; }
.modern-header > .container > .row { display: flex; align-items: center; flex-wrap: wrap; }
.modern-header > .container > .row:before, .modern-header > .container > .row:after { display: none; }
.modern-header .logo { padding: 0; }
.modern-header .logo img { max-width: 100%; max-height: 56px; width: auto; }
.modern-header .navbar-default { background: transparent; border: 0; margin: 0; }
.modern-header .navbar-collapse { padding: 0; }
.modern-header .navbar-nav { display: flex; align-items: center; gap: 4px; }
.modern-header .navbar-default .navbar-nav > li > a { padding: 12px 15px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 600; text-transform: none; color: #37576e; white-space: nowrap; transition: background .2s,box-shadow .2s; }
.modern-header .navbar-default .navbar-nav > li > a:hover, .modern-header .navbar-default .navbar-nav > li > a:focus { color: #a92e4d; background: rgba(255,255,255,.85); border-color: #fff; box-shadow: 0 4px 12px rgba(42,94,130,.07); }
.modern-header .navbar-default .navbar-nav > li > a.active { background: linear-gradient(115deg,#ce3d60,#98518d 55%,#287eae); color: #fff; border-color: rgba(255,255,255,.8); box-shadow: 0 5px 14px rgba(159,66,104,.18); }
.modern-header .header-right { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 0; }
.modern-header .post-btn, .modern-header .user-wrap, .modern-header .register-btn { float: none; margin: 0; padding: 0; }
.modern-header .header-right > .clearfix { display: none; }
.modern-header .post-btn a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 18px; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; background: linear-gradient(115deg,#ce3d60,#98518d 55%,#287eae); color: #fff; font-size: 13px; font-weight: 700; text-transform: none; white-space: nowrap; box-shadow: 0 7px 16px rgba(159,66,104,.2); }
.modern-header .post-btn a:before { content: '\f067'; font-family: 'FontAwesome'; }
.modern-header .post-btn a:hover { filter: brightness(1.08); }
.modern-header .register-btn a { display: inline-block; padding: 11px 16px; border: 1px solid #bad9ec; border-radius: 12px; background: rgba(255,255,255,.8); color: #315f87; font-size: 13px; font-weight: 600; text-transform: none; }
.modern-header .register-btn a:hover { background: #ffe5ed; color: #a92e4d; border-color: #ecc5d0; }
.modern-header a:focus-visible, .modern-header button:focus-visible { outline: 3px solid #287da9; outline-offset: 3px; }
.modern-header .navbar-toggle { border: 1px solid #fff; border-radius: 11px; background: linear-gradient(115deg,#ce3d60,#98518d 55%,#287eae); padding: 11px; }
.modern-header .navbar-toggle .icon-bar { background: #fff; }
@media(min-width:768px) and (max-width:1199px) { .modern-header > .container > .row > .col-md-3 { width: 25%; } .modern-header > .container > .row > .col-md-5 { width: 75%; } .modern-header > .container > .row > .col-md-4 { width: 100%; margin-top: 12px; } .modern-header .header-right { justify-content: center; } .modern-header .navbar-nav { float: right; } }
@media(max-width:767px) { .modern-header > .container { padding: 0 20px; } .modern-header > .container > .row > div { width: 100%; } .modern-header .logo { padding-right: 55px; } .modern-header .logo img { max-height: 48px; } .modern-header .navbar-toggle { top: 0; right: 15px; margin: 3px 0 0; } .modern-header .navigationwrape { margin-top: 12px; } .modern-header .navbar-nav { display: block; margin: 0; } .modern-header .navbar-nav > li { margin: 4px 0; } .modern-header .navbar-default .navbar-nav > li > a { padding: 12px 15px; } .modern-header .header-right { justify-content: center; flex-wrap: wrap; margin-top: 12px; gap: 8px; } .modern-header .navbar-collapse { border: 0; box-shadow: none; } }